/* CSS Document */
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, font, 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 {margin: 0; padding: 0; border: 0; outline: 0;   font-size: 100%; background: transparent; }
html, body{ height: 100%;}
body { color:#333; background: #f5f5f5;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none; }
blockquote:before,blockquote:after, q:before, q:after {content: ''; content: none; }
[readonly]{background: #EBEBE4;border: 1px solid #7F9DB9;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none; }
del {text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0; }
a{text-decoration:none;box-sizing: border-box; padding: 6px;}
img{ border: none; vertical-align: top;}
em{ font-style: normal;}
input[type="text"], input[type="password"]{ margin: 0; padding: 0;}
input[type="checkbox"], input[type="radio"]{ vertical-align: middle;}
input:disabled{ background: none; cursor: default;}
/** 清除浮动 START**/
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}
/** 清除浮动 END **/
/* 浮动 */
.fll{float: left !important;}
.flr{float: right !important;}
.left{ left: 0;}+
.right{ right: 0;}
/* 位移 */
.tal{text-align: left !important;}
.tar{text-align: right !important;}
.tac{text-align: center !important;}
.block{display: block !important;}
.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.show{ display: block !important; visibility: visible;}
.hidden{display:none !important;}
.txt-overflow{ display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%; vertical-align: top;}
a.txt-overflow:hover{ text-decoration: underline;}
.no-margin{margin:0 !important;}
.no-padding{padding: 0 !important;}
.no-border{ border: none !important;}
.no-radius{ border-radius: 0 !important;}
.no-looking{ visibility: hidden;}
.underline{ text-decoration: underline;}
.h-underline:hover{ text-decoration: underline;}
/* triangle 三角 START */
.icon-triangle-bottom{ background-position: -480px -4px; height: 8px;}
.active .icon-triangle-bottom{ background-position: -480px -16px; height: 8px;}
.triangle{  display: inline-block; width: 0; height: 0; vertical-align: middle;}
.triangle-top { border-bottom: 8px solid; border-right: 6px solid transparent;border-left: 6px solid transparent;}
.triangle-bottom { border-top: 8px solid; border-right: 6px solid transparent;border-left: 6px solid transparent;}
.triangle-left{  border-right: 8px solid; border-top: 6px solid transparent;border-bottom: 8px solid transparent;}
.triangle-right{  border-left: 8px solid; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
/* triangle 三角 END */

/* icon END */

/* button START */
.btn{display: inline-block; *zoom:1;*display: inline; background-image: none;border: 1px solid transparent;border-radius: 4px;padding: 0;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn-block{ width: 100%; padding: 0;}
.btn-sm{ font-size: 14px; height: 32px; line-height: 32px;}
.btn-xs{ height: 22px; line-height: 22px; font-size: 14px;}
.btn-md{ height: 40px; line-height: 40px; font-size: 18px;}
.btn-lg{ height: 50px; line-height: 50px;}

/* 布局 START */
.contenter{ width: 100%; min-width: 1000px; padding: 96px 0 0 0;}
.content{ width: 1000px; margin: 0 auto; position: relative; }
.body{ position: relative;}
.main{ padding: 30px 0;}
/*.main{ position: absolute; top: 50%; margin-top: -290px; left: 0; right: 0;}*/
/* 布局 END */


/* 模拟下拉 START */
.J_DropDown{ display: inline-block; *zoom:1;*display: inline;position: relative; line-height: 28px; font-weight: normal;}
.J_DropDown .dropdown-show{ display:inline-block; position: relative; border: solid #a9a9a9 1px; padding-left: 10px; padding-right: 30px; text-align: left; color: #999; cursor: pointer;}
.J_DropDown .list-wrap{ position: absolute; left: 0; right: 0; top: 100%; background: #fff; border: solid #a9a9a9 1px; border-top: 0; text-align: left;}
.J_DropDown .list-wrap .select-item{ padding: 0 10px; overflow: hidden; white-space: nowrap; font-size: 12px; color: #999; text-overflow: ellipsis; cursor: pointer;}
.J_DropDown .list-wrap .select-item:hover{ background: #f4f4f4;}
.J_DropDown .triangle{ position: absolute; right: 10px; top: 10px;}

.J_DropDown.blue .dropdown-show, .J_DropDown.blue .list-wrap{ border-color: #d3dde7;}
.J_DropDown.blue .triangle{ color: #0d72bd;}
/* 模拟下拉 END */

/* 标签切换 START */
.nav-tabs{ display: inline-block;}
.nav-tabs li{ float: left; text-align: center;}
.nav-tabs a{ display: block; color: #333;}
.nav-tabs a:hover, .nav-tabs .active a{ color: #45be8d !important;}
.nav-tabs .active a{ font-weight: bold;}
.tab-content .tab-pane{display: none;}
.tab-content .tab-pane.active{display: block;}
/* 标签切换 END */