@charset "utf-8";
/* 通用样式
   分4部分
   重置元素、默认设置、常用类、布局控制、组件类
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin:0;
	padding:0;
	border:0;
}
ol,ul{list-style:none}
table{border-collapse: collapse;border-spacing: 0;}
iframe{display: block;}
h1, h2, h3, h4, h5, h6 {
    font:500 100%/1 Arial, sans-serif;
    font-weight:700\9; /* todo: make some font-family detection */
}
q:before, q:after {
    content: '';
}
/* 去虚线框 */
:focus{outline:none;}
i,s,u,b,em{font-style: normal; font-weight: normal;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * 【重置元素END】 * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a{color:#32a2ff;text-decoration:none;}
a:hover{color:#15c;text-decoration:none;}
body, button, input, select, textarea {
    font: 12px/1.5 'Arial',\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; /* 中文字体必须编码 */
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * 【默认设置END】 * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.visited a{color:#15d;}
/*相对定位 小强*/
.relative,
.pos-relatiove{
    position:relative;
}
/*清理浮动*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
   clear: both;
}
.clearfix {
    *zoom: 1; /* for IE6 IE7 */
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
    display:inline;
}
.lt,
.fn-left {
    float:left;
}
.rt,
.fn-right {
    float:right;
}
/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* chrome 下字体过小的问题 */
.fn-webkit-adjust {
    -webkit-text-size-adjust: none;
}
/* 让内容以 border-box 显示 */
.border-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*
@ 引用: http://aliceui.com/force-wrap/
@ 名称: 强制换行
@ 用法:
	* 一般块级元素用：.textwrap
	* table标签中需添加：.textwrap-table
@ 例子:
	<p class="textwrap">…</p>
	<table class="textwrap textwrap-table"></table>
*/
.textwrap, .textwrap td, .textwrap th{word-wrap:break-word;word-break:break-all;}
.textwrap-table{table-layout:fixed;}
/* 颜色及高亮 */
.red, .highlight{color:red!important;}
.green{color:#5ba533!important;}
.blue{color:#4488EE!important;}
.gray{color: #666!important;}
.orange{color:#f60!important;}
.hide{display:none;}
.show{display:block;}
.invisible {visibility: hidden;}
.blank10 {border:none;margin-bottom: 10px;}
.line {border:none;border-bottom:1px solid #ececec;margin: 10px 0;}
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:10px;*color:pink;*filter:chroma(color=pink);height:10px;*margin:-7px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * 【常用类END】 * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 淡出，一般用在弹出框后原页面内容 */
.fade{
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity:0;
}
/* 淡入，一般用在关闭弹出框后显示原页面内容 */
.in{opacity:1;}
.collapse{
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
    position: relative;
    overflow: hidden;
    height:0;
}
.in{height:auto;}
.close{
    float:right;
    font-family:Impact!important;
    _font-family:Tahoma!important;
    font-size: 20px;
    _font-size: 16px;
    font-weight: blod;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close:hover{
    color: #000000;
    text-decoration: none;
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor:pointer;
}

/* Icons
 * author: seamcker
 */
.icon{background:url("../images/icons.png") no-repeat 0 0;display:inline-block;*display:inline;*zoom:1;overflow:hidden;vertical-align:text-bottom;font-size:0;*line-height:0;/* fix 1px font bug in ie */}
.icon-bag, .icon-car, .icon-house, .icon-friend, .icon-love, .icon-book, .icon-pet, .icon-doc, .icon-umbrella,.icon-time,.icon-play, .icon-mobile, .icon-connect, .icon-star, .icon-comment, .icon-flag, .icon-support, .icon-against{width:18px;height:18px;}

.icon-bag{background-position:2px 1px;}
.icon-car{background-position:-41px 1px;}
.icon-house{background-position:-84px 1px;}
.icon-friend{background-position:-128px 2px;}
.icon-love{background-position:-172px 2px;}
.icon-book{background-position:-215px 1px;}
.icon-pet{background-position:2px -23px;}
.icon-doc{background-position:-43px -23px;}
.icon-umbrella{background-position:-85px -23px;}
.icon-time{background-position:-128px -23px;}
.icon-play{background-position:-173px -23px;}

.icon-mobile{background-position:-77px -51px;}
.icon-connect{background-position:-105px -51px;}
.icon-star{background-position:-137px -51px;}
.icon-comment{background-position:-166px -51px;}
.icon-flag{background-position:-195px -52px;}

.icon-mobile:hover, .button-hover .icon-mobile, .button:hover .icon-mobile{background-position:-77px -75px;}
.icon-connect:hover, .button-hover .icon-connect, .button:hover .icon-connect{background-position:-105px -74px;}
.icon-star:hover, .button-hover .icon-star, .button:hover .icon-star{background-position:-137px -73px;}
.icon-comment:hover, .button-hover .icon-comment, .button:hover .icon-comment{background-position:-167px -74px;}
.icon-flag:hover, .button-hover .icon-flag, .button:hover .icon-flag{background-position:-195px -75px;}

.icon-del, .icon-done, .icon-add, .icon-minus, .icon-del-green, .icon-done-green, .icon-add-green, .icon-minus-green{width:13px;height:13px;}

.icon-del{background-position:-1px -105px;}
.icon-done{background-position:-24px -105px;}
.icon-add{background-position:-49px -105px;}
.icon-minus{background-position:-76px -105px;}

.icon-del:hover{background-position:-1px -123px;}
.icon-done:hover{background-position:-24px -123px;}
.icon-add:hover{background-position:-49px -123px;}
.icon-minus:hover{background-position:-76px -123px;}

.icon-del-green{background-position:-1px -141px;}
.icon-done-green{background-position:-24px -141px;}
.icon-add-green{background-position:-49px -105px;}
.icon-minus-green{background-position:-76px -105px;}


.icon-phone, .icon-id, .icon-trade, .icon-MobileVerified, .icon-bizLicenseVerified, .icon-personalIDVerified{width:18px;height:18px;}

.icon-phone, .icon-MobileVerified{background-position:2px -76px;}
.icon-trade, .icon-bizLicenseVerified{background-position:-22px -76px;}
.icon-id, .icon-personalIDVerified{background-position:-50px -76px;}

.icon-phone-done, .icon-MobileVerified-done{background-position:2px -52px;}
.icon-trade-done, .icon-bizLicenseVerified-done{background-position:-22px -52px;}
.icon-id-done, .icon-personalIDVerified-done{background-position:-50px -52px;}

.icon-support{background-image:url("../images/new-icons.png");background-position:0 -25px;}
.icon-against{background-image:url("../images/new-icons.png");background-position:0 0;}

.x-icon-edit,.x-icon-del{background:url(../images/icons.gif) no-repeat;width: 19px; height: 20px;display: inline-block;cursor: pointer;}

.x-icon-edit{background-position: -123px -39px;}
.x-icon-del{background-position: 3px 0px;}
/* arrow
 * author: seamcker
 */
.arrow{display:inline-block;height:0;padding:0!important;border:5px solid transparent;*border-color:pink;font-size:0;width:0;overflow:hidden;*line-height:0;position:relative;top:-5px;vertical-align:text-bottom;*filter:chroma(color=pink);}
.arrow-up, .dropdown-open .arrow-down{border-bottom-color:#aaa;border-top-color: transparent;*border-top-color:pink;}
.arrow-down, .dropdown-open .arrow-up{border-top-color:#aaa;margin-bottom:-5px;border-bottom-color:transparent;*border-bottom-color:pink;}
.arrow-up:hover, .dropdown-open .arrow-down:hover{border-bottom-color:#999;border-top-color: transparent;*border-top-color:pink;}
.arrow-down:hover, .dropdown-open .arrow-up:hover{border-top-color:#999;border-bottom-color:transparent;*border-bottom-color:pink;}
.fontbold{font-weight:bold;}

/* button 按钮
 * author: seamcker
 */
.button{display:inline-block;border:1px solid #d1d1d1;height:26px;line-height:26px;line-height:28px\9;line-height:24px\0;line-height:28px\0/;padding:0 10px; font-size:12px;color:#333;cursor:pointer;vertical-align:middle;_overflow:visible;_overflow-y:hidden;/* fixed ie6 input bug */-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; margin-right:5px; *border:none!important;}
.button:hover, .button-hover{text-decoration:none;color: #fff;}
.button-blue, .button-orange, .button-yellow, .button-grey{background:url(../images/button.png) repeat-x 0 0 transparent;}
.button-small{height:24px;line-height:24px;line-height:26px\9;line-height:22px\0;line-height:26px\0/;font-size:12px;background:url(../images/button_small.png) repeat-x 0 0 transparent;}
.button-large{height:30px;line-height:30px;line-height:32px\9;line-height:28px\0;line-height:32px\0/;font-size:14px;background:url(../images/button_large.png) repeat-x 0 0 transparent;padding:0 20px; font-weight:bold;}
.button-tiny{height:20px;line-height:20px;line-height:22px\9;line-height:18px\0;line-height:22px\0/;font-size:12px;background:url(../images/button_small.png) repeat-x 0 0 transparent;font-weight: normal!important;}

.button-grey{
    border:1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F0F0F0));
    background: -moz-linear-gradient(top, #FEFEFE, #F0F0F0);
    background: -o-linear-gradient(top, #FEFEFE, #F0F0F0);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F0F0F0')
    chroma(color=black);
    _background-position:0 -1px;
}
.button-grey:hover, .button-grey-hover{
    color:#333;
    border:1px solid #c1c1c1;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FEFEFE));
    background: -moz-linear-gradient(top, #F0F0F0, #FEFEFE);
    background: -o-linear-gradient(top, #F0F0F0, #FEFEFE);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#FEFEFE')
    chroma(color=black);
    _background-position:0 -51px;
}

.button-blue{
    color:#fff;
    border:1px solid #f28300;
    background-position: 0 -101px;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#F7FBFE), to(#A0E0FF));
    background: -moz-linear-gradient(top, #F7FBFE, #A0E0FF);
    background: -o-linear-gradient(top, #F7FBFE, #A0E0FF);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7FBFE', endColorstr='#A0E0FF')
             chroma(color=black);
    */
}

.button-yellow, .button-blue:hover, .button-blue-hover{
    border:1px solid #f28300;
    background-position: 0 -151px;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFADF), to(#FFC100));
    background: -moz-linear-gradient(top, #FFFADF, #FFC100);
    background: -o-linear-gradient(top, #FFFADF, #FFC100);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFADF', endColorstr='#FFC100')
             chroma(color=black);
    */
}

.button-orange, .button-blue-active{
    color:#553300;
    border:1px solid #feb93d;
    background-position: 0 -201px;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#FBDCB9), to(#FF9B00));
    background: -moz-linear-gradient(top, #FBDCB9, #FF9B00);
    background: -o-linear-gradient(top, #FBDCB9, #FF9B00);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBDCB9', endColorstr='#FF9B00')
             chroma(color=black);
    */
}

input.button{height:28px;line-height:24px\0; *line-height:26px;color: #fff;font-weight: bold;}
input.button-large{height:32px; line-height:32px\0; *line-height:30px;}
/*wuqiang edit*/
input.button-small{height:24px;line-height:24px;line-height:26px\9;line-height:22px\0;line-height:26px\0/;font-weight: normal}
input.button-tiny{height:20px;line-height:20px;line-height:22px\9;line-height:18px\0;line-height:22px\0/;}
input.button-tiny1{height:22px;line-height:22px;line-height:24px\9;line-height:20px\0;line-height:24px\0/;}

.button-filter{
    border:1px solid #ccc;padding:0 22px 0 5px;height:24px;line-height:24px;position:relative;cursor:default;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F0F0F0));
    background: -moz-linear-gradient(top, #FEFEFE, #F0F0F0);
    background: -o-linear-gradient(top, #FEFEFE, #F0F0F0);
    *background: url(../images/button_small.png) repeat-x 0 -1px transparent;
}
.button-filter{*height:18px;*padding-top:6px;*overflow:hidden;}
.button-filter:hover{
    color:#514000;
    border:1px solid #DACC98;
    background: url(../images/button_small.png) repeat-x 0 -151px transparent;
}
.button-filter:active{
    color:#553300;
    border:1px solid #feb93d;
    background: url(../images/button_small.png) repeat-x 0 -201px transparent;
}

.button-filter .close{float:none;position:absolute;right:6px;top:3px;*top:2px;font-size:18px;vertical-align:text-top;}

.button-icon{position:relative;padding-left:30px;color:#333;*margin-right:5px;/* fix ie6/7 */}
.button-icon .icon{position:absolute;left:8px;top:16%;}
:root button{filter:none!important\9;}



/* Title
 * author: seamcker
 */
.title{margin-bottom:20px;}
.title cite{color:#888;font-size:12px;font-weight:500;}

/* Headline
 *author: seamcker
 */
.headline{display:block;padding:0 10px;height:36px;line-height:36px;background:#f7f7f7;border-top:2px solid #82c726;font-size:14px;font-weight:700;}
.headline a{color:#333;}
.headline-more{float:right;}

/* .tag
 * author: seamcker
 */
.tag{display:inline-block;padding:0 3px;padding:1px 3px 0\9;background:#eee;margin:0 3px;border-radius:2px;color:#888!important;}
.tag-blue, .tag-green, .tag-red, a.tag:hover{color:#fff!important;}
.tag-blue{background:#15c;}
.tag-green{background:#080;}
.tag-red{background:#f36;}
a.tag:hover{background:#888;text-decoration:none;color:#fff!important;}

.tagimg{display:inline-block;padding:0 3px;padding:1px 3px 0\9;background:#eee;margin:0 3px;border-radius:2px;color:#888!important;
    bakcground:url(../images/tag.png) repeat-x 0 0 transparent;}
.tagimg-orange{background-position:0 -200px;}
.tagimg-yellow{background-position:0 -200px;}
.tagimg-gray{background-position:0 -200px;}


/* form 表单
 * author: seamcker
 * require: button
 */
.form{
    font-family:serif\0/; /* solution:win7 ie8 line-height bug */
}
.form-inline{display:inline-block;top:-3px;*display:inline;}
.form-input, .form-textarea, .form-search .form-select{display:inline-block;*display:inline;*zoom:1;border:1px solid #cfcfcf;border-color:#CFCFCF #E2E2E2 #E2E2E2 #CFCFCF;}
.form-input-big{height:28px;padding:0 10px;line-height:28px;}
.form-input-35{width:35px;}
.form-input-90{width:90px;}
.form-input-150{width:150px;}
.form-input-230{width:230px;}
.form-input-400{width:400px;}
.form-error{border-color:#f30;}
.form-textarea{height:90px;line-height:1.5;padding:5px 5px;vertical-align:text-top;}
.form-input, .form-input-small{height:22px;line-height:22px;padding:0 5px;}
.form-search .form-select{width:70px;line-height:28px;height:28px;position:relative;*top:-1px;left:-5px;left:-9px\9;cursor:pointer;text-align:center;background:#fff;
    left:-6px\0;line-height:29px\0;/* solution:win7 ie8 line-height bug */
}
.mac.chrome .form-search .form-select, .ie-8 .form-search .form-select, .ie-9 .form-search .form-select, .opera .form-search .form-select{top:1px;}
.form-search .form-select, .form-search .form-input{font-size:12px;}
.form-search .form-select-open{height:auto;}
.form-select-open .form-select-menu{display:block;position:absolute;width:68px;padding:0 1px;text-align:left;right:-1px;top:-1px;border: 1px solid #cfcfcf;background:#fff;z-index:2;}
.form-select-menu{background:#fff;display:none;}
.form-select-menu li{display:block;height:28px;line-height:28px;padding-left:10px;}
.form-select-menu li:hover, .form-select-menu li.hover{background:#eee;}
.form-search{position:relative;}
.form-search .form-input, .form-search .form-input-small{width:200px;height:28px;line-height:28px;}
.form-search .form-input-90{width:90px;}
.form-submit{
    vertical-align:middle;
}
.form .button-grey{height:30px;line-height:30px;padding:0 20px;}
.form .button-medium{height:24px;line-height:24px;padding:0 10px;}


/* Tab
 * author: seamcker
 */
.tab{position:relative; font-size:14px;*z-index:1;}/* IE7 下z-index 问题 */
.tab-title{border-bottom:1px solid #FF9001;}
.tab-title-item, .tab-title .active{background:url(../images/tabs.png) repeat-x 0 0 #fbfbfb;}
.tab-title-item{
    background-position: 0 -1px;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 0 0;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    margin-top: 1px;
    position: relative;
    top: 0px;
    z-index: 1;
}
.tab-title-item:hover{background-position:0 -151px; border:1px solid #dacd98;}
.tab-title .active{border:1px solid #fda53b; border-bottom-color:#FF9001; color:#fff; z-index:2;margin-top:1px;background-position:0 -201px; }
.tab-title .active a{ color: #fff;}
.tab-title .active a:hover{ color: #fff;}
.tab-title a{color:#333;padding:0 16px;line-height:28px; display:block;}
.tab-title a:hover{color:#553300;text-decoration:none;}
.tab-fix{position:absolute;right:0;top:5px;color:#ddd;}
.tab-fix strong{color:#888;}
.tab-content{border:1px solid #cfcfcf;border-top:none;padding:10px 15px;}
.tab-content-pane{display:none;}
.tab-content .active{display:block;}

/* pagenav 分页
 * author: seamcker
 */
.pagenav{height:24px;}
.pagenav a{color:#1155CC;background: url("../images/pagenav.png") repeat-x 0 -1px transparent; cursor:pointer;}
.pagenav-cell{display:inline-block;border:1px solid #ececec;padding:0 10px;height:24px;line-height:24px;line-height:26px\9;_overflow:hidden;float:left;margin-right:5px;vertical-align: middle;}
.pagenav-cell-ellipsis{border:none;padding:0;font-size:12px;line-height:26px;*line-height:30px;}
.pagenav .pagenav-cell-previous, .pagenav .pagenav-cell-next{font-size:12px;}
.pagenav-cell:hover, .pagenav .pagenav-cell-previous:hover, .pagenav .pagenav-cell-next:hover{background: url("../images/pagenav.png") repeat-x 0 -151px #f2f2f2;border-color:#feb531;color:#694400;text-decoration:none;}
.pagenav-cell-ellipsis:hover{background:none;}
.pagenav-cell-current,.pagenav-cell-current:hover {background: url("../images/pagenav.png") repeat-x 0 -201px; border-color:#feb531;color:#694400;}

#listResultPages{margin-top:4px; padding-right: 15px;}




/* Filter 类目筛选
 * author: seamcker
 */
.filter{padding:6px 10px;border:1px solid #cfcfcf;}
.filter a{color:#333;padding-right:3px; width:80px; font-size:12px;}
.filter-intype a{color:#333;display:inline-block;margin-right:5px;}
.filter-intype .filter-item{display:block;float:none;position:relative;_height:30px;_zoom:1;min-height: 30px;padding:8px 0 0 70px;width:auto;margin-bottom:0;border-bottom:1px dotted #ddd;}
.filter-intype .filter-item-cap{position:absolute;left:0;top:8px;}
.filter-intype .filter-item-cap a{margin-right:0;}
.filter-intype .filter-item-last{border:none;}
.filter-intype div{padding-left:10px;margin-bottom:10px;}
.filter-intype .filter-children{padding:10px;background:#fcffed;border:1px solid #cfebab;}
.filter-intype .filter-item-selected{margin-left:-3px;}
.filter-block .filter-item{float:left;width:170px;display:inline-block;padding:10px 0;border-top:1px dotted #ddd;padding-right:20px;font-size:12px;color:#888;}
.filter-block .filter-item-cap{display:block;font-size:14px;color:#06c;}
.filter-toggle{padding:10px 0;border-top:1px dotted #ddd;text-align:center;}
.filter-toggle a, .filter-toggle .arrow-down{color:#06c;border-top-color:#f50;}
.filter-toggle .arrow-up{border-bottom-color:#f50;}
.filter-toggle a:hover{text-decoration:none;}
.filter .form{padding:8px 0;}
.filter .form-input{height:22px;line-height:22px;}
.filter .form-submit{margin-right:20px;}


/* Modal 弹出框
 * author: seamcker
 */
.modal{position:absolute;z-index:1002;border:4px solid #434343;background:#fff;width:600px;_overflow:hidden;}
.modal-title{background:#eee;height:30px;line-height:30px;padding:0 20px;}
.modal-content{padding:15px 20px;}
.modal .close{position:absolute;top:6px;right:20px;}
.modal-backdrop{position:absolute;top:0;left:0;height:100%;width:100%;background:#000\9;filter:alpha(opacity=40)\9;background:rgba(0,0,0,0.6);z-index:1001;}


/* Dropdown 下拉菜单
 * author: seamcker
 * TODO: 需要更通用，ie bug fix 的比较不好看。重构！
 */
.dropdown {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    font-size:12px;
    /* float: left;
    z-index: 1; */
}
.dropdown .dropdowned, .dropdown .dropdowned span {
    display: inline-block;
}
.dropdown .dropdowned, .dropdown .dropdowned span{
    background:url(../images/dropdown.png) no-repeat 0 0 transparent;
}
.dropdown .dropdowned {
    background-position: right 0;
    height: 28px;
    padding: 0 28px 0 0;
    position: relative;
    z-index: 1;
}

.dropdown .dropdowned span {
    background-position: 0 0;
    cursor: pointer;
    height: 100%;
    line-height: 28px;
    padding: 0 10px;
    vertical-align: top;
    min-width: 40px;
    /*width: 40px;*/
    color:#333;
}

.dropdown .dropdowned:hover, .dropdown-open .dropdowned {
    background-position: right -30px;
    color: #336699;
    text-decoration: none;
}
.dropdown .dropdowned:hover span, .dropdown-open .dropdowned span {
    background-position: 0px -30px;
}
.dropdown ul {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    border-top:none;
    /*display: none;*/
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 94px;
}
.dropdown-open ul {
    display: block;
}
.dropdown li a {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 9px;
    white-space: nowrap;
}
.dropdown li a:hover {
    background-color: #FFF9CC;
    color: #336699;
    text-decoration: none;
}
.dropdown li a.acitve {
    background-color: #517BAF;
    color: #FFFFFF;
    cursor: default;
    text-decoration: none;
}

/* Dropdown 下拉菜单
 * author: seamcker
 * TODO: 需要更通用，ie bug fix 的比较不好看。重构！
 */
#drops .dropdown{position:relative;z-index:12;+zoom:1;}
.dropdown-menu{display:none;background:#fff;position:absolute;left:0;border:1px solid #cfcfcf;padding:5px;width:200px;z-index:12;}
.dropdown-menu-item{display:inline-block;width:80px;float:left;padding:3px 10px;line-height:1.5;/* prevent overwrite */}
.dropdown-menu-item:hover, .dropdown-menu-item-hover{background:#EAFDBC;text-decoration:none;cursor:pointer;}
.dropdown-open .dropdown-menu{display:block;}
.dropdown-unibody cite{color:#fff;background:#080;display:inline-block;height:12px;padding:0 5px;margin:0 3px;text-align:center;line-height:12px;border-radius:6px;}
.dropdown-unibody .dropdown-menu{width:100px;margin-top:-4px;margin-top:-3px\9;*margin-top:-4px;*top:25px;color:#333;z-index:2;}
.dropdown-unibody .dropdown-menu-item{padding:2px 5px 2px 0;width:auto;}
:root .dropdown-unibody .dropdown-menu{margin-top:-3px\9;}
.dropdown-unibody .dropdown-menu-item:hover, .dropdown-unibody .dropdown-menu-item-hover{background:#fff;color:#f30;}
.dropdown-unibody .dropdown-menu-item a:hover{text-decoration:none;}
.dropdown-unibody .dropdown-trigger, .dropdown-unibody a{color:#333;}
.dropdown-unibody .dropdown-trigger{display:inline-block;position:relative;z-index:3;padding:1px 5px;background:#eee;color:#333;margin:0 5px;border-radius:2px;line-height:16px;_display:inline;_zoom:1;_height:16px;_padding-top:3px;_top:2px;}
.dropdown-unibody .dropdown-trigger:hover{text-decoration:none;}
.dropdown-open .dropdown-trigger-active{margin:0;padding:0 9px;_padding:3px 9px 0;line-height:19px;border:1px solid #cfcfcf;border-bottom:none;background:#fff;z-index:13;color:#333;}
.dropdown-unibody .dropdown-trigger-active:hover{background:#888;color:#fff;}
.dropdown-open .dropdown-trigger-active:hover{color:#333;background:#fff;}
.dropdown-unibody .dropdown-trigger-active:hover cite{background:#fff;color:#333;}
.dropdown-open cite{background:#080;color:#fff;}
.dropdown-open .dropdown-trigger-active:hover cite{background:#080;color:#fff;}
.dropdown-open .arrow-down{top:-10px;}

/* Tips + Alert
 * author: seamcker
 */
.tips, .alert{position:absolute;background: #fff8e8;border:1px solid #ffe296;padding:3px 25px 3px 10px;font-size:12px;}
.tips-angle{position:absolute;display:block;width:8px;height:8px;font-size:0;overflow:hidden;background:#fff8ef;border-left:1px solid #ffba00;border-top:1px solid #ffba00;top:2px;*top:0;left:10px;margin-top:-7px;margin-top:-9px\0/;}
.tips-right .tips-angle{right:2px;*right:0;margin-right:-7px;margin-right:-5px\0/;left:auto;top:13px;border-left:none;border-right:1px solid #ffba00;}
.tips-bottom .tips-angle{top:auto;bottom:2px;*bottom:0;margin-bottom:-7px;margin-bottom:-5px\0/;border:none;border-right:1px solid #ffba00;border-bottom:1px solid #ffba00;}
.tips-left .tips-angle{left:2px;*left:0;right:auto;top:13px;margin-left:-7px;margin-left:-9px\0/;border-top:none;border-bottom:1px solid #ffe296;}
.tips .close, .alert .close{position:absolute;right:6px;top:6px;}
:root .tips-angle{margin-top:-7px;}
:root .tips-right .tips-angle{margin-right:-7px;}
:root .tips-bottom .tips-angle{margin-bottom:-7px;}
:root .tips-left .tips-angle{margin-left:-7px;}

.alert{padding:5px 8px;position:relative;}
.alert-title{margin-top:0;}
.alert-ok{border:1px solid #d9eb9f;background:#fbffed;}
.alert-ok h3{font-weight: bold}
.alert-fat{padding:10px;}
.alert-fat .close{top:10px;right:10px;}



/* Table
 * author: seamcker
 */
.table {width: 100%;margin-bottom: 18px;}
.table th,
.table td {padding: 8px;line-height: 18px;text-align: left;vertical-align: top;border-top: 1px solid #dddddd;}
.table th {font-weight: bold;}
.table thead th {vertical-align: bottom;}
.table thead th,
.table thead td{border-top:none;}
.table tbody + tbody {border-top: 2px solid #dddddd;}
.table-condensed th,
.table-condensed td {padding: 4px 5px;}
.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-bordered th,
.table-bordered td {border-left: 1px solid #dddddd;}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {border-top: 0;}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {background-color: #f9f9f9;}
.table tbody tr:hover td,
.table tbody tr:hover th {background-color: #f5f5f5;}
.html-table-first {white-space: nowrap;}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * 【组件类END】 * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */