/*1 重定义浏览器默认样式
	Name:			style_reset
	Explain:		重定义浏览器默认样式
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color: #333;}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}


/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*清浮动
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.clear{clear: both;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mb10{margin-bottom:10px!important;}
.mr10{margin-right:10px!important;}
.mr_23{ margin-right:23px!important}
.mtb25 {
margin: 25px 0;
}
.wrapper{width: 1210px;margin: 0 auto;}
.overdot {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.fl{float:left}
.fr{float:right}
.Arial{font-family:Arial}
.hide {
  display: none;
}
::selection {
  background-color: #00b9f7;
  background-color: #5EB95E;
  color: #ffffff;
}
.radius {
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.va-m, .va-m * {
  vertical-align: middle!important;
}
.text-c {
  text-align: center;
}
.Ppage{clear: both; text-align:center; font-size:14px; color:#666; padding-top:20px; padding-bottom:20px;}
.Ppage a{  color: #737373;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border: 1px solid #E0DCDC;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  margin:0 3px;
}
.Ppage a:hover, .Ppage a.hover, .Ppage a.ui_page_item_current{  background: #5EB95E;
  color: #fff;
  text-decoration: none;
  border: 1px solid #5EB95E;}
.Ppage .total{
  margin: 0 3px;
  color: #D8D8D8;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border: 1px solid #E5E5E5;
}
.Ppage input{
      padding: 0 15px;
    height: 35px;
    line-height: 35px!important;
    display: inline-block;
    border: 1px solid #E0DCDC;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    margin: 0 3px;
    box-sizing: inherit;
    vertical-align: top;
}

#page_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #F9F9F9;
  z-index: 99998;
}
.elevator-item {
  position: fixed;
  right: 15px;
  bottom: -90px;
  z-index: 99992;
  -webkit-transition: bottom ease .3s;
  -moz-transition: bottom ease .3s;
  -o-transition: bottom ease .3s;
  transition: bottom ease .3s;
  opacity: 1;
}
.elevator-item.show{
  bottom: 40px;
}
#elevator, #layout_elevator {
  display: block;
  margin-bottom: 5px;
  width: 40px;
  height: 36px;
  border-radius: 2px;
  background: url(../img/iconsprite_btbar.png) 8px 6px no-repeat;
  background-color: #444;
  background-color: rgba(0,0,0,.6);
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.elevator-item .plus {
  display: block;
  border-radius: 2px;
  width: 40px;
  height: 36px;
  background: url(../img/iconsprite_btbar.png) 8px -34px no-repeat;
  background-color: #444;
  background-color: rgba(0,0,0,.6);
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.elevator-item .plus-popup {
  display: none;
  position: absolute;
  left: -134px;
  bottom: 0;
  text-align: center;
  border-radius: 2px;
  width: 123px;
  background: #fff;
  box-shadow: 0 1px 8px rgba(0,0,0,.1);
}
.elevator-item .plus-popup .group {
}
.elevator-item .plus-popup .group>a {
  display: block;
  padding-left: 38px;
  height: 38px;
  line-height: 38px;
  text-align: left;
  font-weight: 400;
  position: relative;
  color: #222;
  cursor: pointer;
}
.elevator-item .plus-popup .arr {
  position: absolute;
  right: -6px;
  bottom: 14px;
  width: 6px;
  height: 11px;
  background: url(../img/code_arrow.png) 0 0 no-repeat;
}
#elevator.off, #layout_elevator.off {
  visibility: hidden;
  opacity: 0;
}
.elevator-item .plus:hover {
  background-color: rgba(0,0,0,.7);
}
#elevator:hover, #layout_elevator.hover {
  background-color: rgba(0,0,0,.7);
}
.elevator-item .plus-popup .group>a:hover {
  color: #221919;
  text-decoration: none;
  background-color: #F2F2F2;
}
/****************/

/* 共有弹框样式封装 */

@-webkit-keyframes loading {
0% {-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframes loading {
0% {transform:rotate(0deg);
}

100% {
transform:rotate(360deg);
}
}

.ui-alert {
  position: fixed;
  top: 250px;
  left: 50%;
  z-index: 20000;
  display: table;
  width: 120px;
  height: 48px;
  margin:0 0 0 -59px;
}
.ui-alert-container{
    display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.load-wrap.done{
  display: none;
}
.load-in {
  display: inline-block;
  padding: 14px 20px;
  text-align: left;
  line-height: 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');
  background: rgba(0,0,0,.6);
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 0;
}
.load-ico {
  width: 20px;
  height: 20px;
  text-align: center;

  background: url(../img/loading_c401415.png) center no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: loading 800ms linear infinite;
}
.load-word {
  text-align: left;
  font-size: 14px;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 20px;
}


.xm-tip-dialog{
  background-color:#fff;padding:15px 25px;line-height:18px;font-size:14px;color:#123;
  border:1px solid #cacaca;border-radius:2px;z-index:200;
  display:inline-block;*display:inline;zoom:1;box-shadow:0 0 8px rgba(127,127,127,0.2);
  position:fixed;top:30%;left:50%;margin-left:-80px;display:none;
}
.xm-tip-dialog img,.xm-tip-dialog span{display:inline-block;*display:inline;zoom:1;vertical-align:middle;}
.xm-tip-dialog img{width:18px;height:18px;margin-right:8px;}


.no_content {
  width: 500px;
  min-height: 190px;
  margin: 30px auto;
}
.no_demand {
  width: 100%;
  padding: 0;
}
.no_demand .no_demand_l {
  float: left;
  width: 290px;
  height: auto;
  padding: 0 60px 0 30px;
  margin: 44px 0 60px 0;
  color: #999;
  border-right: 1px #eee solid;
}
.no_demand .img {
  width: 130px;
  height: 130px;
  display: block;
  margin: 10px auto;
  background: url(../img/no-record.png) no-repeat;
}
.no_demand .nc_tips {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  margin: 13px 0 0 0;
}
.no_demand .nc_tips h2 {
  font-size: 14px;
    color: #CACACA;
  font-weight: normal;
}

/* 无内容 style
================================================================================================================ */
.m-no-content{
    padding:100px 0 100px;
    text-align:center;
}
.m-no-content .info-box{
    font-size:20px;
    color:#ccc;
}
.m-no-content .info-box a{
    color:#2e7dcd;
}

.m-no-content .info-box .icon-box{
    display:inline-block;
    width:41px;
    height:41px;
    margin:0 10px;
    background:url(../img/icon_no.png) no-repeat;
    vertical-align:-14px;
}
.m-no-content .info-box .icon-edit{
    background-position:0 0;
}

.m-no-content .info-box .icon-phot{
    background-position:0 -41px;
}
.m-no-content .info-box .icon-add{
    background-position:0 -83px;
}
.m-no-content .info-box .icon-com{
    background-position:0 -125px;
}
.m-no-content .info-box .icon-fav{
    background-position:0 -167px;
}
/* 无内容 style
================================================================================================================ */


.ui2_input { height:24px; overflow:hidden; padding:3px 7px; border:1px solid #E5E5E5; font-size:14px; line-height:24px;}
.ui2_textarea {background-color: #FFFFFF; border: 1px solid #CCCCCC; font-family: Helvetica,Arial,"Hiragino Sans GB",宋体,sans-serif; padding: 2px 5px;}
.ui2_input:focus, .ui2_textarea:focus { border-color:#5fa678; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset;}
.ui2_focus { border-color:#5fa678; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset;}
.ui2_error { border-color:#cb0900; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset;}
.ui3_input { height:32px; line-height:32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; overflow:hidden; padding:3px 7px; border:1px solid #c0c0c0; font-size:14px; }
.ui3_input:focus{ border-color:#5fa678; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset;}
.ui3_input_icon_ok,.ui3_input_icon_error,.ui3_input_icon_loading,.ui3_input_icon_cal{
    background-image: url(../img/input_icons.png);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 28px;
}
.ui3_input_icon_ok{background-position: right -143px; }
.ui3_input_icon_error{
    background-position: right -218px; 
    border-color:#bc0003 !important;
}
.ui3_input_icon_loading{background-image: url(../img/wait_16_2.gif);
    background-position: right center;
}
.ui3_input_icon_cal{background-position: right 2px; }
.ui3_input_icon_cal:hover{background-position: right -77px; }
.ui3_input_disabled[disabled="disabled"],.ui3_textarea[disabled="disabled"]{
    border-color: #cecece;
    background-color: #e7e7e7;
}
.ui3_textarea {background-color: #FFFFFF; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #CCCCCC; font-family: Helvetica,Arial,"Hiragino Sans GB",宋体,sans-serif; padding: 2px 5px;}
.ui3_textarea:focus { border-color:#5fa678; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset;}
.ui_button,
.ui_buttonA,
.ui_buttonB,
.ui_buttonC,
.ui_button_warning,
.ui_button_disabled,
.ui_button_load,
.ui_button_cancel {
  display:inline-block;
  height:32px;
  padding:0 25px;
  border:none;
  border-radius:2px;
  overflow:visible;
  font-size:14px;
  line-height:28px;
  color:#fff;
  text-align:center;
  cursor:pointer;
}
.ui_button { background-color:#41c074;}
.ui_button:hover { background-color:#7ad39d; color:#fff; text-decoration:none;}
.ui_button:active { background-color:#3f9f5f; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_buttonA { background-color:#1995dd;}
.ui_buttonA:hover { background-color:#3ba5e2; color:#fff; text-decoration:none;}
.ui_buttonA:active { background-color:#1995dd; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_buttonC { background-color:#f26622;}
.ui_buttonC:hover { background-color:#f5802d; color:#fff; text-decoration:none;}
.ui_buttonC:active { background-color:#f26622; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_button_warning { background-color:#cb0900;}
.ui_button_warning:hover { background-color:#e50e04; color:#fff; text-decoration:none;}
.ui_button_warning:active { background-color:#b90800; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_button_cancel { height:26px; line-height:26px; background-color:#fff; border:1px solid #c0c0c0; color:#323232;}
.ui_button_cancel:hover { background-color:#eee; text-decoration:none; color:#323232;}
.ui_button_cancel:active { background-color:#f5f5f5; border-color:#959595; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_button_disabled { height:26px; line-height:26px; border:1px solid #d7d7d7; padding:0 14px;  background-color:#eaeaea; text-decoration:none; cursor:default; color:#c0c0c0;}
.ui_button_disabled:hover { text-decoration:none;}
.ui_button_load { 
  height:26px; 
  padding:0 28px; 
  line-height:26px; 
  border:1px solid #d7d7d7; 
  background:#fff url(../img/wait_16.gif) no-repeat center center; 
  color:#999; 
  text-indent:-200px; 
  cursor:default;
}
.ui_button_load:hover { text-decoration:none; color:#999; cursor:default;}
input.ui_button_load,
input.ui_button_cancel,
input.ui_button_disabled,
button.ui_button_load,
button.ui_button_cancel,
button.ui_button_disabled
{ height:32px; line-height:normal;}
.ui_btn_big,
.ui_btn_bigA,
.ui_btn_bigC,
.ui_btn_big_warning,
.ui_btn_big_disabled,
.ui_btn_big_load,
.ui_btn_big_cancel {
  display:inline-block;
  height:36px;
  padding:0 25px;
  border:none;
  border-radius:3px;
  overflow:visible;
  font-size:18px;
  line-height:36px;
  font-family:"Hiragino Sans GB","Microsoft YaHei",\9ED1\4F53,\5b8b\4f53,sans-serif;
  color:#fff;
  text-align:center;
  cursor:pointer;
}
.ui_btn_big { background-color:#3f9f5f;}
.ui_btn_big:hover { background-color:#5cad77; color:#fff; text-decoration:none;}
.ui_btn_big:active { background-color:#3f9f5f; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_bigA { background-color:#1995dd;}
.ui_btn_bigA:hover { background-color:#3ba5e2; color:#fff; text-decoration:none;}
.ui_btn_bigA:active { background-color:#1995dd; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_bigC { background-color:#f26622;}
.ui_btn_bigC:hover { background-color:#f5802d; color:#fff; text-decoration:none;}
.ui_btn_bigC:active { background-color:#f26622; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_big_warning  { background-color:#cb0900;}
.ui_btn_big_warning:hover { background-color:#e50e04; color:#fff; text-decoration:none;}
.ui_btn_big_warning:active { background-color:#b90800; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_big_cancel { height:34px; line-height:34px; background-color:#f5f5f5; border:1px solid #c0c0c0; padding:0 24px; color:#323232;}
.ui_btn_big_cancel:hover { background-color:#ffffff; border-color:#959595; text-decoration:none; color:#323232;}
.ui_btn_big_cancel:active { background-color:#f5f5f5; border-color:#959595; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_big_disabled { height:34px; line-height:34px; border:1px solid #d7d7d7; padding:0 24px;  background-color:#eaeaea; text-decoration:none; cursor:default; color:#c0c0c0;}
.ui_btn_big_disabled:hover { text-decoration:none;}
.ui_btn_big_load { height:34px; padding:0 42px; line-height:34px; border:1px solid #ccc; background:#fff url(../img/wait_16.gif) no-repeat center center; color:#999; text-indent:-200px; cursor:default;}
.ui_btn_big_load:hover { text-decoration:none; color:#999; cursor:default;}
input.ui_btn_big_load,
input.ui_btn_big_cancel,
input.ui_btn_big_disabled,
button.ui_btn_big_load,
button.ui_btn_big_cancel,
button.ui_btn_big_disabled 
{ height:36px; line-height:normal;}
.ui_btn_small,
.ui_btn_smallA,
.ui_btn_smallB,
.ui_btn_smallC,
.ui_btn_small_warning,
.ui_btn_small_disabled,
.ui_btn_small_load,
.ui_btn_small_cancel {
  display:inline-block;
  height:24px;
  padding:0 13px;
  border:none;
  border-radius:3px;
  overflow:visible;
  font-size:12px;
  line-height:24px;
  color:#fff;
  text-align:center;
  cursor:pointer;
}
.ui_btn_small { background-color:#3f9f5f;}
.ui_btn_small:hover { background-color:#5cad77; color:#fff; text-decoration:none;}
.ui_btn_small:active { background-color:#3f9f5f; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_smallA { background-color:#1995dd;}
.ui_btn_smallA:hover { background-color:#3ba5e2; color:#fff; text-decoration:none;}
.ui_btn_smallA:active { background-color:#1995dd; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_smallC { background-color:#f26622;}
.ui_btn_smallC:hover { background-color:#f5802d; color:#fff; text-decoration:none;}
.ui_btn_smallC:active { background-color:#f26622; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_small_warning { background-color:#cb0900;}
.ui_btn_small_warning:hover { background-color:#e50e04; color:#fff; text-decoration:none;}
.ui_btn_small_warning:active { background-color:#b90800; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_small_cancel { height:22px; line-height:22px; background-color:#f5f5f5; border:1px solid #c0c0c0; padding:0 12px; color:#323232;}
.ui_btn_small_cancel:hover { background-color:#ffffff; border-color:#959595; text-decoration:none; color:#323232;}
.ui_btn_small_cancel:active { background-color:#f5f5f5; border-color:#959595; box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);}
.ui_btn_small_disabled { height:22px; line-height:22px; border:1px solid #d7d7d7; padding:0 12px;  background-color:#eaeaea; text-decoration:none; cursor:default; color:#c0c0c0;}
.ui_btn_small_disabled:hover { text-decoration:none;}
.ui_btn_small_load { height:22px; padding:0 24px; line-height:22px; border:1px solid #d7d7d7; background:#fff url(../img/wait_16.gif) no-repeat center center; color:#999; text-indent:-200px; cursor:default;}
.ui_btn_small_load:hover { text-decoration:none; color:#999; cursor:default;}
input.ui_btn_small_load,
input.ui_btn_small_cancel,
input.ui_btn_small_disabled,
button.ui_btn_small_load,
button.ui_btn_small_cancel,
button.ui_btn_small_disabled
{ height:24px; line-height:normal;}
.borderbox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ui_tab_cnt_item { display:none;}
.ui_tab_cnt_item_current { display:block;}















/*2.1 响应式栅格系统*/
.row.cl{}
.row{ box-sizing:border-box}
[class^="col-"],[class*=" col-"]{box-sizing:border-box; float:left;min-height: 1px;position: relative}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
.col-offset-0{margin-left:0}
.col-offset-1{margin-left:8.33333%}
.col-offset-2{margin-left:16.66667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.33333%}
.col-offset-5{margin-left:41.66667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.33333%}
.col-offset-8{margin-left:66.66667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.33333%}
.col-offset-11{margin-left:91.66667%}

.col-push-0{position:relative;left:0;right:auto}
.col-pull-0{right:0;left:auto}
.col-push-1{left:8.33333%;right:auto}
.col-pull-1{right:8.33333%;left:auto}
.col-push-2{left:16.66667%;right:auto}
.col-pull-2{right:16.66667%;left:auto}
.col-push-3{left:25%;right:auto}
.col-pull-3{right:25%;left:auto}
.col-push-4{left:33.33333%;right:auto}
.col-pull-4{right:33.33333%;left:auto}
.col-push-5{left:41.66667%;right:auto}
.col-pull-5{right:41.66667%;left:auto}
.col-push-6{left:50%;right:auto}
.col-pull-6{right:50%;left:auto}
.col-push-7{left:58.33333%;right:auto}
.col-pull-7{right:58.33333%;left:auto}
.col-push-8{left:66.66667%;right:auto}
.col-pull-8{right:66.66667%;left:auto}
.col-push-9{left:75%;right:auto}
.col-pull-9{right:75%;left:auto}
.col-push-10{left:83.33333%;right:auto}
.col-pull-10{right:83.33333%;left:auto}
.col-push-11{left:91.66667%;right:auto}
.col-pull-11{right:91.66667%;left:auto}
/*局部模块平分*/
.col-1-1{ width:100%}
.col-2-1{ width:50%}
.col-3-1{ width:33.333333%}
.col-3-2{ width:66.666667%}
.col-4-1{ width:25%}
.col-4-3{ width:75%}
.col-5-1{ width:20%}
.col-5-2{ width:40%}
.col-5-3{ width:60%}
.col-5-4{ width:80%}
.col-6-1{ width:16.666667%}
.col-6-5{ width:83.333333%}

@media (max-width:767px){
  .responsive [class^="col-"],.responsive [class*=" col-"]{float:none!important;width:auto!important}
  .responsive [class^="col-offset-"],.responsive [class*=" col-offset-"]{ margin-left:0px!important}
}
@media(min-width:768px){
  .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left;}
  .col-sm-12{width:100%;}
  .col-sm-11{width:91.66666666666666%;}
  .col-sm-10{width:83.33333333333334%;}
  .col-sm-9{width:75%;}
  .col-sm-8{width:66.66666666666666%;}
  .col-sm-7{width:58.333333333333336%;}
  .col-sm-6{width:50%;}
  .col-sm-5{width:41.66666666666667%;}
  .col-sm-4{width:33.33333333333333%;}
  .col-sm-3{width:25%;}
  .col-sm-2{width:16.666666666666664%;}
  .col-sm-1{width:8.333333333333332%;}
  .col-sm-pull-12{right:100%;}
  .col-sm-pull-11{right:91.66666666666666%;}
  .col-sm-pull-10{right:83.33333333333334%;}
  .col-sm-pull-9{right:75%;}
  .col-sm-pull-8{right:66.66666666666666%;}
  .col-sm-pull-7{right:58.333333333333336%;}
  .col-sm-pull-6{right:50%;}
  .col-sm-pull-5{right:41.66666666666667%;}
  .col-sm-pull-4{right:33.33333333333333%;}
  .col-sm-pull-3{right:25%;}
  .col-sm-pull-2{right:16.666666666666664%;}
  .col-sm-pull-1{right:8.333333333333332%;}
  .col-sm-pull-0{right:0;}
  .col-sm-push-12{left:100%;}
  .col-sm-push-11{left:91.66666666666666%;}
  .col-sm-push-10{left:83.33333333333334%;}
  .col-sm-push-9{left:75%;}
  .col-sm-push-8{left:66.66666666666666%;}
  .col-sm-push-7{left:58.333333333333336%;}
  .col-sm-push-6{left:50%;}
  .col-sm-push-5{left:41.66666666666667%;}
  .col-sm-push-4{left:33.33333333333333%;}
  .col-sm-push-3{left:25%;}
  .col-sm-push-2{left:16.666666666666664%;}
  .col-sm-push-1{left:8.333333333333332%;}
  .col-sm-push-0{left:0;}
  .col-sm-offset-12{margin-left:100%;}
  .col-sm-offset-11{margin-left:91.66666666666666%;}
  .col-sm-offset-10{margin-left:83.33333333333334%;}
  .col-sm-offset-9{margin-left:75%;}
  .col-sm-offset-8{margin-left:66.66666666666666%;}
  .col-sm-offset-7{margin-left:58.333333333333336%;}
  .col-sm-offset-6{margin-left:50%;}
  .col-sm-offset-5{margin-left:41.66666666666667%;}
  .col-sm-offset-4{margin-left:33.33333333333333%;}
  .col-sm-offset-3{margin-left:25%;}
  .col-sm-offset-2{margin-left:16.666666666666664%;}
  .col-sm-offset-1{margin-left:8.333333333333332%;}
  .col-sm-offset-0{margin-left:0;}
}
@media(min-width:992px){
  .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;}
  .col-md-12{width:100%;}
  .col-md-11{width:91.66666666666666%;}
  .col-md-10{width:83.33333333333334%;}
  .col-md-9{width:75%;}
  .col-md-8{width:66.66666666666666%;}
  .col-md-7{width:58.333333333333336%;}
  .col-md-6{width:50%;}
  .col-md-5{width:41.66666666666667%;}
  .col-md-4{width:33.33333333333333%;}
  .col-md-3{width:25%;}
  .col-md-2{width:16.666666666666664%;}
  .col-md-1{width:8.333333333333332%;}
  .col-md-pull-12{right:100%;}
  .col-md-pull-11{right:91.66666666666666%;}
  .col-md-pull-10{right:83.33333333333334%;}
  .col-md-pull-9{right:75%;}
  .col-md-pull-8{right:66.66666666666666%;}
  .col-md-pull-7{right:58.333333333333336%;}
  .col-md-pull-6{right:50%;}
  .col-md-pull-5{right:41.66666666666667%;}
  .col-md-pull-4{right:33.33333333333333%;}
  .col-md-pull-3{right:25%;}
  .col-md-pull-2{right:16.666666666666664%;}
  .col-md-pull-1{right:8.333333333333332%;}
  .col-md-pull-0{right:0;}
  .col-md-push-12{left:100%;}
  .col-md-push-11{left:91.66666666666666%;}
  .col-md-push-10{left:83.33333333333334%;}
  .col-md-push-9{left:75%;}
  .col-md-push-8{left:66.66666666666666%;}
  .col-md-push-7{left:58.333333333333336%;}
  .col-md-push-6{left:50%;}
  .col-md-push-5{left:41.66666666666667%;}
  .col-md-push-4{left:33.33333333333333%;}
  .col-md-push-3{left:25%;}
  .col-md-push-2{left:16.666666666666664%;}
  .col-md-push-1{left:8.333333333333332%;}
  .col-md-push-0{left:0;}
  .col-md-offset-12{margin-left:100%;}
  .col-md-offset-11{margin-left:91.66666666666666%;}
  .col-md-offset-10{margin-left:83.33333333333334%;}
  .col-md-offset-9{margin-left:75%;}
  .col-md-offset-8{margin-left:66.66666666666666%;}
  .col-md-offset-7{margin-left:58.333333333333336%;}
  .col-md-offset-6{margin-left:50%;}
  .col-md-offset-5{margin-left:41.66666666666667%;}
  .col-md-offset-4{margin-left:33.33333333333333%;}
  .col-md-offset-3{margin-left:25%;}
  .col-md-offset-2{margin-left:16.666666666666664%;}
  .col-md-offset-1{margin-left:8.333333333333332%;}
  .col-md-offset-0{margin-left:0;}
}
@media(min-width:1200px){
  .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}
  .col-lg-12{width:100%;}
  .col-lg-11{width:91.66666666666666%;}
  .col-lg-10{width:83.33333333333334%;}
  .col-lg-9{width:75%;}
  .col-lg-8{width:66.66666666666666%;}
  .col-lg-7{width:58.333333333333336%;}
  .col-lg-6{width:50%;}
  .col-lg-5{width:41.66666666666667%;}
  .col-lg-4{width:33.33333333333333%;}
  .col-lg-3{width:25%;}
  .col-lg-2{width:16.666666666666664%;}
  .col-lg-1{width:8.333333333333332%;}
  .col-lg-pull-12{right:100%;}
  .col-lg-pull-11{right:91.66666666666666%;}
  .col-lg-pull-10{right:83.33333333333334%;}
  .col-lg-pull-9{right:75%;}
  .col-lg-pull-8{right:66.66666666666666%;}
  .col-lg-pull-7{right:58.333333333333336%;}
  .col-lg-pull-6{right:50%;}
  .col-lg-pull-5{right:41.66666666666667%;}
  .col-lg-pull-4{right:33.33333333333333%;}
  .col-lg-pull-3{right:25%;}
  .col-lg-pull-2{right:16.666666666666664%;}
  .col-lg-pull-1{right:8.333333333333332%;}
  .col-lg-pull-0{right:0;}
  .col-lg-push-12{left:100%;}
  .col-lg-push-11{left:91.66666666666666%;}
  .col-lg-push-10{left:83.33333333333334%;}
  .col-lg-push-9{left:75%;}
  .col-lg-push-8{left:66.66666666666666%;}
  .col-lg-push-7{left:58.333333333333336%;}
  .col-lg-push-6{left:50%;}
  .col-lg-push-5{left:41.66666666666667%;}
  .col-lg-push-4{left:33.33333333333333%;}
  .col-lg-push-3{left:25%;}
  .col-lg-push-2{left:16.666666666666664%;}
  .col-lg-push-1{left:8.333333333333332%;}
  .col-lg-push-0{left:0;}
  .col-lg-offset-12{margin-left:100%;}
  .col-lg-offset-11{margin-left:91.66666666666666%;}
  .col-lg-offset-10{margin-left:83.33333333333334%;}
  .col-lg-offset-9{margin-left:75%;}
  .col-lg-offset-8{margin-left:66.66666666666666%;}
  .col-lg-offset-7{margin-left:58.333333333333336%;}
  .col-lg-offset-6{margin-left:50%;}
  .col-lg-offset-5{margin-left:41.66666666666667%;}
  .col-lg-offset-4{margin-left:33.33333333333333%;}
  .col-lg-offset-3{margin-left:25%;}
  .col-lg-offset-2{margin-left:16.666666666666664%;}
  .col-lg-offset-1{margin-left:8.333333333333332%;}
  .col-lg-offset-0{margin-left:0;}
}
/*按钮*/
.btn{display:inline-block;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;-moz-padding-start:npx; -moz-padding-end:npx;border:solid 1px #ddd; background-color:#fff; width:auto;*zoom:1;*overflow:visible;
}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{/*background-color:#ccc*/}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset}

/*默认——灰色	通常用于取消*/
.btn-default{background-color:#e6e6e6;border-color:#e6e6e6}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#333;background-color:#c7c7c7;border-color:#c7c7c7}

/*主要——主色	通常用于确定、提交、购买、支付等*/
.btn-primary{color:#fff;background-color:#5a98de; border-color:#5a98de}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{color:#fff;background-color:#0a6999;border-color:#0a6999}

/*次要按钮*/
.btn-secondary{color:#fff;background-color:#3bb4f2; border-color:#3bb4f2}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0}

/*成功*/
.btn-success{color:#fff;background-color:#5eb95e; border-color:#5eb95e}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active{color:#fff;background-color:#6FCF6F;border-color:#6FCF6F}

/*警告*/
.btn-warning{color:#fff;background-color:#f37b1d; border-color:#f37b1d}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active{color:#fff;background-color:#c85e0b;border-color:#c85e0b}

/*危险*/
.btn-danger{color:#fff;background-color:#dd514c; border-color:#dd514c}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active{color:#fff;background-color:#c62b26;border-color:#c62b26}

/*链接*/
.btn-link{color:#0e90d2;cursor:pointer;border-color:transparent;background-color:transparent}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active{color:#095f8a;text-decoration:underline;background-color:transparent}

/*禁用状态*/
.btn.disabled{cursor:not-allowed;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none; /*pointer-events:none*/}

/*块级按钮*/
.btn-block {-moz-box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%}
/*表单组*/
.form-group{ display:inline-block;vertical-align:middle}
.form-group .input-text{ position:relative; vertical-align:top}
.form-group.radius .input-text{border-radius:4px 0 0 4px}
.form-group.round .input-text{border-radius:1000px 0 0 1000px}
.form-group .btn{position:relative;margin-left:-1px}
.form-group.radius .btn{ border-radius:0 4px 4px 0}
.form-group.round .btn{ border-radius:0 1000px 1000px 0}
.icon {
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
}

/*3.3 表格
  Name:     style_table
  Example:    <table class="table table-bordered table-striped table-condensed"><thead><tr><th>…</th></tr></thead><tbody><tr><td>…</td></tr></tbody></table>
  Explain:    表格，None无样式，仅仅有列和行|.table行与行之间以水平线相隔|.table-bordered表格外围均有外边框|.table-striped奇数行背景设为浅灰色|.table-condensed竖直方向padding缩减一半，从8px变为4px，所有的 td 和 th 元素都受影响
*/
/*默认table*/
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:400}
/*带水平线*/
.table th{font-weight:bold}
.table th,.table td{padding:8px;line-height:20px}
.table td{text-align:left}
.table tbody tr.success > td{background-color:#dff0d8}
.table tbody tr.error > td{background-color:#f2dede}
.table tbody tr.warning > td{background-color:#fcf8e3}
.table tbody tr.info > td{background-color:#d9edf7}
.table tbody + tbody{border-top:2px solid #E8E8E8}
.table .table{background-color:#fff}

/*带横向分割线*/
.table-border{border-top:1px solid #E8E8E8}
.table-border th,.table-border td{border-bottom:1px solid #E8E8E8}

/*th带背景*/
.table-bg thead th{background-color:#f5fafe}
/*带外边框*/
.table-bordered{border:1px solid #E8E8E8;border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th,.table-bordered td{border-left:1px solid #E8E8E8}
.table-border.table-bordered{border-bottom:0}

/*奇数行背景设为浅灰色*/
.table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
/*竖直方向padding缩减一半*/
.table-condensed th,.table-condensed td{padding:4px 5px}
/*鼠标悬停样式*/
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #FAFAFA}
/*鼠标选择整行样式*/
.table tbody tr.selected td{background-color:#F3F3F3}
/*定义颜色*/
/*悬停在行*/
.table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F5F5F5!important}
/*成功或积极*/
.table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#DFF0D8!important}

/*警告或出错*/
.table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FCF8E3!important}
/*危险*/
.table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#F2DEDE!important}

/*表格文字对齐方式，默认是居左对齐*/
.table .text-c th,.table .text-c td{text-align:center}/*整行居中*/
.table .text-r th,.table .text-r td{text-align:right}/*整行居右*/
.table th.text-l,.table td.text-l{text-align:left!important}/*单独列居左*/
.table th.text-c,.table td.text-c{text-align:center!important}/*单独列居中*/
.table th.text-r,.table td.text-r{text-align:right!important}/*单独列居右*/

/*datatable*/
table.dataTable {border-collapse: separate;border-spacing: 0;clear: both}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {cursor: pointer; background-repeat:no-repeat;background-position:right center}
table.dataTable thead .sorting{background-image:url(../images/sort_both.png)}
table.dataTable thead .sorting_asc {background-image:url(../images/sort_asc.png)}
table.dataTable thead .sorting_desc {background-image:url(../images/sort_desc.png)}
.dataTable td.sorting_1 {background-color: #f5fafe}
.dataTables_wrapper .dataTables_length {float: left;padding-bottom:20px}
.dataTables_wrapper .dataTables_length .select{ width:50px}
.dataTables_wrapper .dataTables_filter {float: right;text-align: right}
.dataTables_wrapper .dataTables_filter .input-text { width:auto}
.dataTables_wrapper .dataTables_info {clear: both;float: left;padding-top:10px;font-size:14px; color:#666}
.dataTables_wrapper .dataTables_paginate {float: right;padding-top:10px;text-align: right}
.dataTables_wrapper .dataTables_paginate .paginate_button {border: 1px solid #ccc;cursor: pointer;display: inline-block;margin-left: 2px;text-align: center;text-decoration: none;color: #666;height: 26px;line-height: 26px;text-decoration: none;margin: 0 0px 6px 6px;padding: 0 10px;font-size:14px}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#5a98de;color:#fff}

/*表格尺寸*/
.table.size-MINI{}/*迷你*/
.table.size-S{}/*小*/
.table.size-M{}/*中*/
.table.size-L{}/*默认为L，可以不写，可以理解为：均码*/
.table.size-XL{}/*大*/
.table.size-XXL{}/*加大*/
.table.size-XXXL{}/*超大*/

/*让表格支持响应式*/
/*
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
*/
@media (max-width: 767px) {
  table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch}
  table-responsive > .table {
    margin-bottom: 0}
  table-responsive > .table > thead > tr > th,
  table-responsive > .table > tbody > tr > th,
  table-responsive > .table > tfoot > tr > th,
  table-responsive > .table > thead > tr > td,
  table-responsive > .table > tbody > tr > td,
  table-responsive > .table > tfoot > tr > td {
    white-space: nowrap}
  table-responsive > .table-bordered {
    border: 0}
  table-responsive > .table-bordered > thead > tr > th:first-child,
  table-responsive > .table-bordered > tbody > tr > th:first-child,
  table-responsive > .table-bordered > tfoot > tr > th:first-child,
  table-responsive > .table-bordered > thead > tr > td:first-child,
  table-responsive > .table-bordered > tbody > tr > td:first-child,
  table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0}
  table-responsive > .table-bordered > thead > tr > th:last-child,
  table-responsive > .table-bordered > tbody > tr > th:last-child,
  table-responsive > .table-bordered > tfoot > tr > th:last-child,
  table-responsive > .table-bordered > thead > tr > td:last-child,
  table-responsive > .table-bordered > tbody > tr > td:last-child,
  table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0}
  table-responsive > .table-bordered > tbody > tr:last-child > th,
  table-responsive > .table-bordered > tfoot > tr:last-child > th,
  table-responsive > .table-bordered > tbody > tr:last-child > td,
  table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0}
}




/*3.1.15 文字颜色
  Name:     style_color
  Example:    class="c-primary|c-sub|c-success|c-danger|c-warning|c-333|c-666|c-999|c-red|c-green|c-blue|c-white|c-black|c-orange"
  Explain:    主要颜色|次主色|强调色—成功|强调色—危险|强调色—警告色|强调色—错误色|次主色—浅黑|辅助色—灰色|标准色—红色|标准色—绿色|标准色—蓝色|标准色—白色|标准色—黑色|标准色—橙色
*/
/*全局默认链接颜色*/
body{ background-color:#fff; color:#333}
.bg-fff{ background-color:#fff}
a{color:#333}

/*主要颜色*/
.c-primary,.c-primary a,a.c-primary{color:#5a98de}
.c-primary a:hover,a.c-primary:hover{ color:#5a98de}
/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary{color:#555}
.c-secondary a:hover,a.c-secondary:hover{ color:#555}

/*强调色—成功*/
.c-success,.c-success a,a.c-success{color:#5eb95e}
.c-success a:hover,a.c-success:hover{ color:#5eb95e}

/*强调色—危险*/
.c-danger,.c-danger a,a.c-danger{color:#dd514c}
.c-danger a:hover,a.c-danger:hover{ color:#dd514c}

/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning{color:#f37b1d}
.c-warning a:hover,a.c-warning:hover{ color:#f37b1d}

/*强调色—错误*/
.c-error,.c-error a,a.c-error{color:#c00}
.c-error a:hover,a.c-error:hover{ color:#c00}

/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}

/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:#red}
/*标准色—绿色*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:green}
/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
/*标准色—黑色*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}
/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{color:orange}

.bbs-img {
  display: inline;
  margin-left: 5px;
  vertical-align: -2px;
  height: 16px;
}


/*3.4 表单
  Name:     style_form
  Example:
  Explain:

*/
/*3.4.1 input,textarea 文本域 文本区域*/
/*默认状态*/
.input-text,.textarea{box-sizing:border-box;border:solid 1px #E5E5E5;width:100%;
}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
  .textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
  .textarea-length{ font-style:normal}
.input-text:hover,.textarea:hover{}
/*得到焦点后*/
.input-text:focus,textarea:focus{box-shadow:0 2px 2px 0 rgba(0,0,0,0.05) inset}
/*不可点击*/
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
  -webkit-box-shadow:inset 0 2px 2px #e8e7e7;
       -moz-box-shadow:inset 0 2px 2px #e8e7e7;
            box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto}

/*3.4.2 checkbox radio  单选 多选
  Example:
<div class="skin-minimal">
  <div class="check-box">
    <input type="checkbox" id="checkbox-1">
    <label for="checkbox-1">复选框</label>
  </div>
</div>

<div class="skin-minimal">
  <div class="radio-box">
    <input type="radio" id="minimal-radio-1" name="demo-radio1">
    <label for="minimal-radio-1">单选按钮</label>
  </div>
</div>
  Explain: 
*/
input[type="radio"],input[type="checkbox"] {line-height: normal; margin-top:-4px}
.check-box,.radio-box{ display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-left:30px; padding-right:20px}
.icheckbox,
.icheckbox-red,
.icheckbox-green,
.icheckbox-blue,
.icheckbox-aero,
.icheckbox-grey,
.icheckbox-orange,
.icheckbox-yellow,
.icheckbox-pink,
.icheckbox-purple,
.iradio,
.iradio-red,
.iradio-green,
.iradio-blue,
.iradio-aero,
.iradio-grey,
.iradio-orange,
.iradio-yellow,
.iradio-pink,
.iradio-purple,.iradio-green2,.icheckbox-green2{position: absolute;top:2px;left: 0}
@media (max-width: 767px) {
  .responsive .check-box,.responsive .radio-box{ display:block}
}
.check-box label,.radio-box label{
  cursor: pointer;
}
/*3.4.3 select 下拉框
<span class="select-box">
  <select class="select" size="1" name="demo">
    <option value="1" selected>默认</option>
    <option value="2">菜单二</option>
    <option value="3">菜单三</option>
  </select>
</span>
  Explain:  
  select 是表单元素中最难美化的一个，有两种美化方式：
    1、修改源生的，修改有限，只能修改个边框，背景，字体。优点：程序方便操作；缺点：丑，浏览器之间存在很大差异。
    2、将源生的隐藏掉，用其他元素（如div li）通过js模拟下拉交互，然后再传值给源生的select。优点：好看，兼容好；缺点：代码冗余，依赖JS，不方便操作
*/
/*方法一、修改源生*/
.select-box{border:solid 1px #ddd; box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block}
  .select{border:solid 1px #ddd;box-sizing:border-box;cursor: pointer;line-height:normal;font-weight: normal;width:100%}
.select-box .select{ border:none;background-color: transparent;  padding: 4px 5px;}
.select-box.inline,.select-box.inline .select{ width:auto}

.select-box,
.select-box.size-M{height:31px;}
  .select,.size-M .select{font-size: 14px}

.select-box.size-MINI{height:23px;padding:0px 5px}
  .size-MINI .select{font-size: 12px}
    
.select-box.size-S{height:27px;padding:3px 5px}
  .size-S .select{font-size: 12px}
  
.select-box.size-L{height:41px;padding:8px 5px}
  .size-L .select{font-size: 16px}

.select-box.size-XL{height:48px;padding:10px 5px}
  .size-XL .select{font-size: 18px}

@media (max-width: 767px) {
  .responsive .select-box{ border:none}
  .responsive .select-box .select,.responsive .select{border:solid 1px #ddd; padding:10px;font-size:16px}
  .responsive .select-box,.responsive .select-box.size-M,.responsive .select-box.size-MINI,.responsive .select-box.size-S,.responsive .select-box.size-L,.responsive .select-box.size-XL{ height:auto; padding:0}
}



/*3.4.4 input-file 文件上传
  Example: 
<span class="btn-upload">
  <a style="z-index:2;" href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">&#xf0020;</i> 浏览文件<input type="file" multiple name="file_0" class="input-file"></a>
</span>
  Explain：把文件选择域设为透明,通过绝对定位覆盖在长的好看的按钮上面。
*/
.btn-upload{position: relative; display:inline-block;height:31px; *display:inline;overflow:hidden;vertical-align:middle;cursor:pointer}
  .upload-url{cursor: pointer}
  .input-file{position:absolute; right:0; top:0; cursor: pointer; z-index:1; font-size:30em;opacity:0;filter: alpha(opacity=0)}
.form-group .upload-btn{ margin-left:-1px;padding: 4px 12px;
  line-height: 21px;}
.btn-upload .icon-add,.btn-upload .icon-minus{cursor: pointer;display: inline-block;font-family: Arial;font-size: 30px;height: 31px;line-height: 31px;text-align: center;vertical-align: middle;width: 36px}
@media (max-width: 767px) {
  /*.btn-upload{ position:static}
    .input-file{ position:static; opacity:1; font-size:16px}*/
    .upload-btn{ display:none}
    .upload-url{ display:none}
}

/*数字表单*/
.numberControlBox{display:inline-block;overflow:hidden;vertical-align: middle}
.ncb-up,.ncb-down{font-size:0px;display:block;height:10px;background-color:#f4f4f4;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(230,230,230) 50%,rgb(255,255,255) 100%);width:24px;border:1px solid #d1d1d1;cursor:pointer}
.ncb-up{margin-bottom:1px}
.numberControlBox .ncb_ico{display:block;height:10px;background-image:url(../img/icon-arrow.png);background-repeat:no-repeat}
.ncb-up .ncb_ico{background-position: -22px center}
.ncb-down .ncb_ico{background-position: 1px center}
.ncb_btn_hover{border:1px solid #9dc7e7;background-color:#dff2fc;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(210,237,250) 50%,rgb(255,255,255) 100%)}
.ncb_btn_selected{border:1px solid #6198c2;background-color:#aee1fb;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(174,225,251) 50%,rgb(255,255,255) 100%)}

/*3.4.5 表单布局*/
label,.placeholder{font-size:14px}
.form legend{font-size:20px}/*表单名称*/
.form .row{margin-top:15px}/*表单行*/
    .form-label{display:block; color:#555}/*表单标题*/
    .formControls{position:relative}/*表单控制区*/
    .formControls > *{vertical-align:middle}
      .placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}/*表单默认值*/  
.form-horizontal .row{display:table;width:100%}
.form-horizontal .form-label{margin-top:3px;cursor:text;text-align:right;padding-right:10px}
.form-horizontal .formControls{ padding-right:10px}
.form-horizontal .Validform_checktip{ margin-top:5px}
/*设置placeholder颜色*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.placeholder{color:#adb0be; position:absolute; z-index:9}/*不兼容placeholder属性的浏览器，可使用<span class="placeholder">表单默认值</span>*/
@media (max-width: 767px) {
  .responsive .form-label{ text-align:left;padding-right:0; font-size:16px; float:none}
  .responsive .formControls{ padding-right:0; float:none; margin-top:10px}
}
/*3.4.6 表单验证*/
/*文本框的错误状态*/
.Validform_error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:20px;font-size:12px;vertical-align:middle; padding-left:25px}
/*错误*/
.Validform_wrong{background:url(../images/icon_error_s.png) no-repeat 0 center;color:#ef392b}
/*正确*/
.Validform_right{background:url(../images/icon_right_s.png) no-repeat 0 center}
/*警告*/
.Validform_warning{background:url(../images/icon_warning_s.png) no-repeat 0 center;color:#777}

/*密码等级*/
.passwordStrength b{font-weight:400}
.passwordStrength b,.passwordStrength span{display:inline-block; vertical-align:middle;line-height:16px;line-height:18px\9;height:16px}
.passwordStrength span{width:57px;text-align:center;background-color:#d0d0d0; border-right:1px solid #fff}
.passwordStrength .last{border-right:none}
.passwordStrength .bgStrength{color:#fff;background-color:#fcc900}
/*Validform对话框*/
#Validform_msg{font-size:14px;width:300px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1}
#Validform_msg .Validform_title{font-size:20px; padding:10px;text-align:left;color:#fff; position:relative; background-color:#fcc900}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute; right:8px; top:6px; color:#fff; text-decoration:none; font-family:Verdana}
#Validform_msg a.Validform_close:hover{color:#fff}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left}
@media (max-width: 767px) {
  .responsive .Validform_checktip{margin-top:10px}
}

/*3.1.25 尺寸 新增尺寸全局类名，用于表单、按钮、表格、头像、标签等元素上，要与元素一起配合使用，方能看到效果*/
.size-MINI{}/*迷你*/
.size-S{}/*小*/
.size-M{}/*中 缺省默认尺寸，可以不写，可以理解为：均码*/
.size-L{}/*L*/
.size-XL{}/*大*/
.size-XXL{}/*加大*/
.size-XXXL{}/*超大*/

.input-text,.input-text.size-M,.btn.size-M{ font-size:14px; height:31px;line-height:1.42857;padding:4px}/*默认为M，可以不写，可以理解为：均码*/
a.btn.size-M,span.btn,span.btn.size-M{ line-height:21px}
.btn.size-M{ padding:4px 12px}

.input-text.size-MINI,.btn.size-MINI{font-size:12px; height:23px;padding:1px 2px;line-height:1.42857}/*迷你*/
a.btn.size-MINI,span.btn.size-MINI{ line-height:21px}
.btn.size-MINI{ padding:1px 8px}

.input-text.size-S,.btn.size-S{font-size:12px; height:27px;padding:3px;line-height:1.42857}/*小*/
a.btn.size-S,span.btn.size-S{ line-height:19px}
.btn.size-S{ padding:3px 8px}

.input-text.size-L,.btn.size-L{font-size:16px; height:41px; padding:8px}/*大*/
a.btn.size-L,span.btn.size-L{ line-height:23px}
.btn.size-L{ padding:8px 16px}

.input-text.size-XL,.btn.size-XL{font-size:18px; height:48px; padding:10px}/*特大*/
a.btn.size-XL,span.btn.size-XL{ line-height:26px}
.btn.size-XL{ padding:10px 24px}












#bgmask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: #000;
  z-index: 9998;
  display: none;
  opacity: 0.3;
    filter: alpha(opacity=30);
}
#userlogin,.alertDialog {
      width: 420px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -255px 0 0 -210px;
    text-align: center;
    padding: 30px 0 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    border-radius: 4px;
    display: none;
    z-index: 9999;
}
.alertDialog  .dialog-identify .form-label{
line-height: 2.2;
}
.alertDialog  .dialog-identify .input-text {
height: 38px;
}
.ulpanel {
  width: 340px;
  margin: 10px auto 0 auto;
}
.ulpanel p, #ul-s5 {
  float: left;
  width: 100%;
}
#ul-s2 {
  color: #292929;
  font-size: 30px;
  float: left;
}
#ul-s3 {
  float: right;
  color: #707070;
  font-size: 18px;
  position: relative;
  top: 14px;
}
#ul-s1 a {
  color: #ff4200;
}
.inputtxt2 {
  height: 40px;
  width: 340px;
  border: #dae2e5 1px solid;
  line-height: 42px;
  color: #979696;
  margin-top: 10px;
  text-indent: 10px;
  font-family: "微软雅黑",Arial;
  transition: border-color ease .3s;
    border: 1px solid #e8e8e8;
  background: #f1f1f1;
  border-radius: 3px;
}
.inputtxt2:focus {border-color: #FF9600;background: #fff;}
#ul-s5 {
  margin-top: 20px;
  position: relative;
}
#sendlogin {
  background: #70ca10;
  width: 130px;
  height: 40px;
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  float: left;
  font-family: "微软雅黑",Arial;
  cursor: pointer;
  border: none;
    border-radius: 3px;
}
#ul-s5 div {
  float: left;
  margin-left: 30px;
  margin-top: 10px;
}
#ul-s5 div label {
  margin-left: 5px;
}
#ul-s6 {
  float: right;
  line-height: 40px;
  color: #353535;
}
.submitloading {
  background-color: rgb(255,255,255);
  opacity: .8;
  background-position: center;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 130px;
  background: url(../img/loading.gif) no-repeat;
   display: none; 
}
.submitwarning {
  background: #FF7200;
  color: #FFFFFF;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-left: 14px;
  padding: 0 4px;
  text-align: center;
  display: none;
}
.ulline {
  width: 100%;
  height: 1px;
  border-bottom: #ecf2f5 1px solid;
  float: left;
  margin-top: 24px;
  margin-bottom: 8px;
}
.qtpanel {
  width: 340px;
  margin: 0 auto;
}
.qtpanel p {
  height: 56px;
  line-height: 56px;
    color: #999;
}
.qtpanel a {
  width: 160px;
  height: 40px;
  display: block;
  float: left;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.qtpanel a#sinal {
  background: #d63b22;
}
.qtpanel a#qql {
  background: #3eb0d8;
  margin-left: 20px;
}
#culp {
     width: 36px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.pwclose {
  display: block;
      width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    background: url(../img/ico.png) 0 0 no-repeat;
}

.pwclose:hover {
  background-position: 0 -38px;
}

.yy-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/yy-icon.png);
}

.yy-sinal {
    width: 33px;
    height: 26px;
    background-position: -350px -100px;
}
.yy-qql {
    width: 25px;
    height: 26px;
    background-position: -430px -232px;
}
.qtpanel a span {
    display: inline-block;
    position: relative;
    right: 12px;
    top: 8px;
}




/***************/
.header-bar {
  position: relative;
  z-index: 1200;
  height: 30px;
  width: 100%;
  line-height: 30px;
    background-color: #323232;
  border-bottom: #323232 1px solid;
  /*-moz-box-shadow: 0 0 4px #333333;
  -webkit-box-shadow: 0 0 4px #333333;
  box-shadow: 0 0 4px #333333;*/
  font-family: "Microsoft YaHei","Hiragino Sans GB",SimHei,SimSun,sans-serif;
}
.header-bar .header-inner {
  margin: 0 auto;
  height: 30px;
  position: relative;
}
.Details_page .header-bar .header-inner {
  width: auto;
}
.header-bar .topLeft {
  margin: 0 0 0 10px;
  display: inline-block;
}
.header-bar .topLeft>ul>li,.topRight>ul>li {
  display: inline;
  float: left;
}
.header-bar .topLeft>ul>li.disabled a{
  color: #808080;
}
.header-bar .topLeft>ul>li.disabled a:hover{
  background: none;
  cursor: default;
  color: #808080;
}
.indexpg .header-bar .topLeft>ul>li.disabled>a:hover:after, .indexpg .topRight>ul>li.disabled>a:hover:after{
  width: 0;
}
.header-bar .topLeft>ul>li>a,.topRight>ul>li>a {
  display: inline-block;
  padding: 0 15px;
  color: #C0C0C0;
  font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","Hiragino Sans GB",\9ED1\4F53,\5b8b\4f53,sans-serif;
}
.header-bar .topLeft>ul>li>a.active {
  color: #fff;
}
.header-bar .topLeft>ul>li>a:hover,.topRight>ul>li>a:hover{
  background-color: #474747;
  color: #10b041;
  text-decoration: none;
 
}
.header-bar .topRight {
  display: inline-block;
    margin-right: 30px;
}
.topLeft>ul>li.app-down-area .header-app-icon {
  display: inline-block;
  width: 11px;
  height: 16px;
  background: url(../img/head-app-icon.png) no-repeat 0 -16px;
  vertical-align: -3px;
  margin-right: 5px;
  transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}

.topLeft>ul>li.app-down-area a:hover i {
  background-position: 0 -16px;
}




.nav-search {
  position: relative;
  top: 5px;
  padding-left: 9pt;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: 0 0;
  overflow: hidden;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  float: left!important;
}
.nav-search .Searchbtn,.nav-search .txt,.nav-search b {
  position: absolute;
  background-color: transparent;
  height: 20px;
}
.nav-search .txt {
  right: 26px;
  width: 168px;
  font-size: 12px;
  border: 0;
}
.nav-search .Searchbtn {
  right: 6px;
  border: 0;
  width: 20px;
  line-height: 20px;
  cursor: pointer;
  color: #FFF;
}
.nav-search .Searchbtn .icon-sousuo {
  color: silver;
  height: 16px;
  width: 16px;
  display: block;
  background: url(../img/yy-rnsoh.png) no-repeat center center;
}

.nav-search.active, .nav-search:hover {
  width: 188px;
  background: #FFF;
}
.nav-search.active {
  overflow: visible;
}

.indexpg  .nav-search{
  margin-top: 12px;
  padding: 4px 6px;
}

.wbl_search {
  z-index: 200;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0,0,0,.1);
  width: 200px;
  font-size: 14px;
  margin-left:-5px;
  margin-top: 6px;
}
.nav-search .wbl_search{
  margin-top: 7px;
  margin-left: 0;
}
.wbl_search img{ text-align:center; display:block; margin:10px auto;}
.wbl_search .c{margin:10px auto; text-align:center;}

.wbl_search ul {
  padding: 4px 0;
}
.wbl_search ul li {
  min-height: 30px;
  line-height: 30px;
  display:block;
  float:none;
}
.wbl_search ul li a {
  display: block;
  padding: 0 10px;
  min-height: 30px;
    text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wbl_search ul li:hover, .wbl_search .search_select{
  background: #e3fae1;
}

.wbl_search ul li a .en {
  color: #959595;
  font-size: 12px;
  margin-left: 6px;
}
.wbl_search ul li a .num {
  color: #61C151;
  font-size: 12px;
}


.header-bar .dropDown_hover.dropDown a.dropDown_A {
  display: block;
  text-align: left;
  text-decoration: none;
}
.header-bar .dropDown-menu {
  display: none;
}
.header-bar .pipe {
  margin: 0 5px;
  color: #d4d4d4;
  font-size: 12px!important;
}
.header-bar .dropDown-menu li a {
  color: #666;
  font-size: 14px;
}
.header-bar .dropDown-menu li a:hover, .dropDown-menu li a:focus {
  background-color: #5EB95E;
  color: #fff;
  text-decoration: none;
}
.header-bar .dropDown.open {
  position: relative;
  z-index: 999;
}
.header-bar .dropDown.open .dropDown-menu li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  padding: 4px 15px;
  padding-right: 30px;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
}
.header-bar .dropDown_hover.dropDown.open .dropDown-menu li a {
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 18px;
  border-bottom: solid 1px #fff;
}
.header-bar .dropDown_hover.dropDown.hover .dropDown_A,.header-bar .dropDown_hover.dropDown.hover .dropDown_A:hover {
  text-decoration: none;
color:#10b041;
}
.header-bar .dropDown.open .dropDown-menu {
  position: absolute;
  z-index: 1000;
  display: inline-block;
  float: left;
  left: 15px;
  top: 100%;
  min-width: 120px;
  margin: -1px 0 0;
  padding: 5px 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  border: 1px solid rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.header-bar .dropDown.open .dropDown-menu:before{
  content: '';
  display: block;
  position: absolute;
  top: -9pt;
  left: 47px;
  width: 0;
  height: 0;
  font-size: 0;
  border: 4px solid #FFF;
  border-color: transparent transparent #FFF;
  border-width: 6px 4px;
}
.header-bar .dropDown_hover.dropDown.open .dropDown-menu {
  border: 1px solid #d6d6d6;
  border: 1px solid rgba(0,0,0,0.15);
  border-top: none;
  padding: 0;
  left: -10px;
  min-width: 80px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0,0,0,.1);
  padding: 8px 0;
    transform-origin: 0 0;
  -webkit-animation: showTopSlideIn .2s ease-in-out;
  -moz-animation: showTopSlideIn .2s ease-in-out;
  -ms-animation: showTopSlideIn .2s ease-in-out;
  -o-animation: showTopSlideIn .2s ease-in-out;
  animation: showTopSlideIn .2s ease-in-out;
}
@-webkit-keyframes showTopSlideIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@-moz-keyframes showTopSlideIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@-ms-keyframes showTopSlideIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@-o-keyframes showTopSlideIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@keyframes showTopSlideIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes show{0%{opacity:0}100%{opacity:1}}
@-o-keyframes show{0%{opacity:0}100%{opacity:1}}
@keyframes show{0%{opacity:0}100%{opacity:1}}


.user-info .avatar {
  display: inline-block;
  width: 22px;
  height: 22px;
}
.user-info a span {
  vertical-align: middle;
}
.user-info .avatar img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}
.user-info .username{
  display: inline-block;
  overflow: hidden;
    
}
.header-bar .dropDown_hover.dropDown.open.user-info .dropDown-menu{
  left: 30px;
}
  
.status {
  padding-left: 9pt;
  margin-left: 8px;
  background: url(http://home.qyerstatic.com/common/images/home/line.png) left center no-repeat;
}
 .indexpg .user-info .avatar, .indexpg .user-info .username{
  margin-top: -3px;
}
.indexpg .header-bar{
  background: none;
  border: none;
  position: absolute;
  line-height: 60px;
  height: 60px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: url(../img/gradual-vertical.png) 0 -100px repeat-x;
    font-family: "Microsoft YaHei","Hiragino Sans GB",SimHei,SimSun,sans-serif;

}
.indexpg .header-bar .header-inner{
  height: 60px;
}
.indexpg .header-bar .topLeft>ul>li>a:hover,.indexpg .topRight>ul>li>a:hover{
  background: none;

}
.indexpg .header-bar .topLeft>ul>li,.indexpg .topRight>ul>li{
padding: 0 15px;
}
.indexpg .header-bar .topLeft>ul>li>a,.indexpg .topRight>ul>li>a{
padding: 0;
  color: #fff;
  position: relative;
}
.indexpg .header-bar .topLeft>ul>li>a:after ,.indexpg .topRight>ul>li>a:after{
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background: #fff;
}
.indexpg .header-bar .topLeft>ul>li>a:hover:after,.indexpg .topRight>ul>li>a:hover:after {
    width: 90%;
}
.indexpg .header-bar .topLeft>ul>li>a.active:after {
  background: #fff;
  width: 90%;
}

.header-bar .dropDown_hover.dropDown a.dropDown_A .arrow-down {
  background: url(../img/icon-arrow.png) no-repeat 0 0;
    background: url(../img/exportBtn_icon.png) no-repeat 0 0;

  vertical-align: middle;
  display: inline-block;
  width: 9px;
  height: 5px;
  margin-left: 6px;
  -webkit-transition: .2s ease-in;
  -moz-transition: -webkit-transform .2s ease-in;
  -o-transition: -webkit-transform .2s ease-in;
  transition: .2s ease-in;
}


.nlogo {
  display: block;
  position: relative;
  font-size: 22px;
  font-weight: 100;
  color: #fff;
  text-decoration: none;
  width: auto;
  height: auto;
  margin: -1px 5px 0 10px;
}
.indexpg .nlogo{
  margin: -1px 5px 0 30px;
}

.nlogo a {
  display: block;
  height: 100%;
  width: 100%;
}
.nlogo a img{
  height: 20px;
  width: 94px;
    vertical-align: middle\9;
}
.indexpg .nlogo a  img{
  height: 35px;
  width: 164px;
}
/**/
.searchBar {
  z-index: 90;
  border: solid 1px #CDCDCD;
  width: 465px;
  height: 34px;
  position: relative;
  margin-top: 5px;
  background: #fff;
}
.form-search {
  margin-bottom: 0;
  display: block;
  position: relative;
}
.searchCt{
  position: absolute;
  top: 0px;
  left: 298px;
}
.select-wrapper {
  position: relative;
  z-index: 99;
  border: 1px solid #dedede;
  height: 19px;
  line-height: 19px;
  
  cursor: default;
  width: 122px;
  background-color: #fff;
  text-align: left;
}
.select-wrapper .select-default {
  padding: 0 6px;
}
.searchBar .select-wrapper {
  border: none;
  background-color: #f2f4f5;
  color: #666;
  height: 34px;
  line-height: 33px;
  font-size: 12px;
  width: 103px;
  cursor: pointer;
}
.searchBar .select-wrapper .select-default{

    padding: 0 20px 0 15px;
  cursor: pointer;
}
.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.select-icon {
  right: 0;
  top: 50%;
  margin-top: -13px;
  background: url(../img/icon-arrow2.png) no-repeat 0 0;
  height: 26px;
  width: 26px;
  position: absolute;
  z-index: -1;
}
.searchBar .select-icon {
  right: 12px;
}
.searchTxt {
  position: absolute;
  left: 10px;
  top: 0;
  padding: 9px 0;
  width: 278px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #333;
  border: 0;
  background-color: transparent;
}
.searchTxt.focus {
  color: #333;
}
.searchBtn {
   position: absolute;
  right: -1px;
  top: -1px;
  display: block;
  border: 0;
  padding: 0;
  width: 65px;
  height: 36px;
  cursor: pointer;
  -khtml-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.searchBtn:hover {
  background-position: right -114px;
}

.icon-search-s {
    display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icon-search-ss.png);
}
.select-list, .select-child {
  position: absolute;
  float: left;
  left: 0;
  top: 100%;
  min-width: 102px;
  max-height: 320px;
  _height: expression(this.scrollHeight>319 ? "320px":"auto");
  margin: 0;
  padding: 5px 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  border: 1px solid rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  left: -1px;
  overflow: auto;
  -khtml-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.select-item {
  margin: 0;
  padding: 0;
}
.select-option {
  background: #fff;
  line-height: 1.428571429;
  padding: 4px 15px;
  padding-right: 30px;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
}

.select-item .hover {
  background-color: #ECECEC;
  color: #666666;
}
.select-item .selected,.select-item .selected.hover {
  background-color: #5EB95E;
  color: #fff;
}
.ui-widget-content {
    border: 1px solid #d9d9d9!important;
    background: #fff!important;
}
.ui-menu .ui-menu-item:hover,.ui-menu .ui-menu-item.ui-state-focus{
  background: #f2f2f2!important;
  text-decoration: none!important;
  border: solid 1px #f2f2f2!important;
  font-weight: normal!important;
  color: #333!important;
}



/* crumb新版 */
.head_crumbg { width:100%; min-width:960px; font-size:12px; line-height:14px; margin:20px 0; text-align:left; }
.head_crumb {  height:14px; margin:0 auto; color:#636363; }
.head_crumb .text { float:left; display:inline; position:relative;}
.head_crumb .space { float:left; display:inline; padding:0 7px; font-family:\5b8b\4f53,sans-serif;}
.head_crumb .drop { padding-right:12px;}
.head_crumb em.arrow { position:absolute; top:2px; right:0; height:9px; width:9px; background:url(../img/crumb_arrow.png) no-repeat 0 0;}
.head_crumb em.hover { background-position:0 -14px;}
.head_crumb .current { display:inline; font-weight:normal;}
.head_crumb a { font-weight:bold; color:#0073b6; text-decoration:none; }
.head_crumb a:hover { color:#0073b6; text-decoration:underline; }

.head_crumb_pulldown { display:none; position:absolute; z-index:999; left:0; top:0; width:320px; padding:5px; background-color:#fff; border:1px solid #c2c2c2;}
.head_crumb_pulldown ul { float:left; width:160px;}
.head_crumb_pulldown ul li { line-height:24px;}
.head_crumb_pulldown ul a { display:block; padding:0 5px; width:150px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  color:#636363; font-weight:normal;}
.head_crumb_pulldown ul a:hover { text-decoration:none; background-color:#ececec; color:#0073b6;}
.head_crumb_pulldown .more { display:block; padding-right:5px; line-height:24px; text-align:right;}


/**/

#footer{width:100%;background:#fff; }
#footer .footer{ margin: 0 auto 20px;}
#footer .xpc-links{float: right; width: 445px; text-align:center;font-size:14px;}
#footer ul.clearfix > li{float:left;width:23%;*width: 24%;text-align: left;}
#footer .footer-title{font-size:15px;margin:0 4px 6px 4px; color: #222; font-weight: bold;}
#footer .xpc-footer-bottom{background: #363636;}
#footer .xpc-footer-bottom .box{ margin: 0 auto; padding: 7px 15px;}
#footer .xpc-footer-bottom .copyright{float: left; width:600px;color:#888;font-size: 12px;}
#footer .xpc-footer-bottom .links{color: #565656;text-align: right;}
#footer .xpc-footer-bottom .links a{color: #888;margin-right: 5px;}
#footer .xpc-footer-bottom .links a:hover{text-decoration: underline;}
#footer .f-main li a{color:#888888;font-size:12px;margin:0 4px;transition:all 0.1s ease-in;}
#footer .f-main li a:hover{color:#4bf;}
#footer .copyright a{color: #fff;}
#footer .copyright a:hover{color: #4bf;}

#footer .xpc-intro{width: 555px; float: left;}
#footer .xpc-intro .xpc-intro-title{  font-size: 14px;
  line-height: 30px;
  color: #939393;
  padding: 14px 0 24px 160px;
  background: url(../img/logosd.png) no-repeat left top;
}
#footer .xpc-intro p{font-size: 14px;color:  #999;line-height: 22px;}

#footer .footer-attention{ text-align: center;}
#footer .footer-attention1-weixin{margin-left: 70px; width:40px;height:40px; cursor: pointer;}
#footer .erweima{position: absolute;padding: 4px;background: #fff;border: solid 1px #d8d8d8;z-index: 11001;left: 130px;top: -170px;text-align: center; border-radius: 4px;display: none;}
.erweima .triggle-left{position: absolute;left: 12px; bottom: 1px;}
.erweima .triggle-left .before,.erweima .triggle-left .after{
  position: absolute;left: 0;top: 1px;
  display: block;width: 0;height: 0;
  border-style: solid;border-width: 10px;border-color:transparent ;
}
/**/