body,
html {
	margin: 0px;

	height: 100%;
	font-family: "微软雅黑"
	
}

a {
	text-decoration: none;

}



table{
	font-size:12px
}

.hide {
	display: none;
}

.show {
	display: block;
}

.inlinedisplay {
	display: inline-block;
	vertical-align: middle;
}

.underhand {
	cursor: hand;
	text-decoration: underline;
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.nopadding {
	clear: both;
	padding: 0px;
}

.nomargin {
	clear: both;
	margin: 0px;
}


.span12{width:100%}


.posfixed{position: fixed;}
.posrelate{position: relative;}
.posabsolute{position: absolute;}
/**-------------------------align-----------------------**/

.left_align {
	text-align: left
}

.right_align {
	text-align: right
}

.center_align {
	text-align: center;
	
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
}


/**-------------------------------margin-----------**/

.margin_auto {
	margin: auto;
	min-width: 1200px;
}

.margin{margin:10px;}

.margin-tops{
	margin-top: 10px;
}

.margin-left {
	margin-left: 10px;
}

.margin-right{
	margin-right: 10px;
}

.margin-bottom {
	margin-bottom: 10px;

}


.submit_div{ position: fixed;bottom:0px;text-align:center;width:100%;height:50px;padding-top:10px;background:#066677;z-index:99}

/**-----------------------background------------------------**/
.b_555555 {
	background: #222831;
}

.b_0099CC {
	background: #eaeaea;
}

.b_orange{background: #5e3d08;}
.b_huilan{background:#FF9900;}
.b_huise{background: #ebebeb;}
.b_baise{background: #ffffff;]}
.b_green{background: #33CC99;}
.b_lianglan{background:#555}



.b_f7f7f7 {
	background: #f7f7f7;
}



.b_tab_menu{background: #fafafa;color:#555;margin-bottom:5px;border-top:1px solid #eaeaea}
.b_tab_title{
	background:#fff;
	color:#333;font-weight: bold;text-align:center;
	background-image: -moz-linear-gradient(top, #FEB692, #EA5455); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f6f6f6)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB692', endColorstr='#EA5455', GradientType='0'); 
	}
	
	
.b_tab_tr{background: #f7f7f7;}

.modals_title{
	background-image: -moz-linear-gradient(top, #FEB692, #EA5455); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB692', endColorstr='#EA5455', GradientType='0'); /* IE*/
}

.submit_div{ position: fixed;bottom:0px;text-align:center;width:100%;height:50px;padding-top:10px;background:#333;}
/**--------------------table--------------**/
.table_list{border:1px solid #ebebeb;border-collapse: collapse;background:#fff}
table td{height:30px;}
/**-------------------------font color-----------------**/
.f_555555{color:#555555}
.f_c0c0c0{color:#777777}
.f_ebebeb{color:#ebebeb}
.f_orange{color:#FF9900}
.f_baise{color:#fff}
.f_green{color:#006633}
.f_bold{font-weight: bold;}
.f_heise{color:#000}
.f_lanse{color:#4169E1}
.f_fense{color:#FF6666}
.f_hs{color:#ff2400}
/**---------------------------height------------------**/

.height1 {
	height: 10px
}

.height3 {
	height: 30px
}

.height4 {
	height: 40px;
	
}

.height5 {
	height: 50px
}

.height6 {
	height: 60px
}

.height10 {
	height: 100px
}

.height11 {
	height: 150px
}



/**---------------padding-------**/

.padding {
	padding: 10px
}

.padding-top {
	padding-top: 10px
}

.padding-right {
	padding-right: 10px
}

.padding-left {
	padding-left: 10px
}

.padding-right {
	padding-right: 10px
}


/**----------------------行高----------------**/

.line_height2 {
	line-height: 20px;
}

.line_height3 {
	line-height: 30px;
}

.line_height4 {
	line-height: 40px;
}

.line_height5 {
	line-height: 50px;
}


/**-------------- 顶部菜单--------------------**/
.top_menus{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width:100%;
	min-width: 1200px;
}
.top_menu {
	display: inline-block;
	text-align: center;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #000;
	-moz-box-shadow: 1px 0px 0px #777;
	-webkit-box-shadow: 1px 0px 0px #777;
	box-shadow: 1px 0px 0px #777;
	line-height: 40px;
}

.top_menu:hover {
	color: #ff6600
}

.box_sd{

    -moz-box-shadow:0px 2px 4px #9E9E9E; -webkit-box-shadow:0px 2px 4px #9E9E9E; box-shadow:0px 0px 5px #9E9E9E;

}

.box_opacity {
				background-color: #c0c0c0;
				background-color: rgba(	0,0,0, 0.8);
			}
			
.box_opacity2 {
				background-color: #fff;
				background-color: rgba(	255,255,255, 0.8);
			}
/**-------------logo----------------**/

.logo {
	width: 85px;
	height: 85px;
	border-radius: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.headimg {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: #eaeaea;
	margin: 7px;
	line-height: 90px;
}

.himg {
	text-align: center;
	position: absolute;
	top: 12px;
	left: 12px;
}

.himg img {
	width: 60px;
	text-align: center;
	height: 60px;
	border-radius: 30px;
	background: #888;
	overflow: hidden;
	;
}


/**--------------leftmenu------------**/

.left_menu {
	width: 70px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99;
	height: 100%;
}



.left_menu_a {
	display: block;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #333;
	-moz-box-shadow: 0px 1px 0px #555;
	-webkit-box-shadow: 0px 1px 0px #555;
	box-shadow: 0px 1px 0px #555;
	text-align: center;
	color: #ebebeb;
}

.left_menu_a:hover {
	background: #FD7013;
}

.left_menu_a i {
	font-size: 18px;
}


.left_menus{
	width:200px;
	position: fixed;
	left: -130px;
	z-index:98;
	top:50px;
	background: #393E46;
	height:100%
}

.left_menus .child_menus{
	background: #555;
	line-height: 40px;
	border-bottom: 1px solid #666;
	color:#f0f0f0;
	padding-left: 10px;

}

.left_menus a{color:#fff;display: block;width: 100%;line-height: 30px;}

.left_menus i{font-size: 12px;}

.left_menus .child_menus:hover{
	background: #EEEEEE;
	line-height: 40px;
	border-bottom: 1px solid #fff;
	color:#000000;
	padding-left: 10px;
	display: block;
}

.left_menus .child_menus:hover a{
	color:#000000;
}


.left_menus .mchilds{
	background: #0098b3;
	line-height: 40px;
	border-bottom: 1px solid #18b4d0;
	color:#f0f0f0;

}

.left_menus .mchilds a{
	background: #0098b3;
	line-height: 30px;
	border-bottom: 1px solid #18b4d0;
	color:#f0f0f0;
	padding-left: 40px;
	display: block;
	width: 160px;
}

.left_menus .mchilds a:hover{
	background: #07acca;
	line-height: 30px;
	border-bottom: 1px solid #18b4d0;
	color:#f0f0f0;
	display: block;
	padding-left: 40px;
	width: 160px;
}


.zhedie_menu{position:absolute;top:48%;left:185px;;display:block;color:#fff;z-index:2}

/**---------middlecontent--------**/

.middle_content {
	width: auto;
	position: fixed;
	left: 70px;
	top: 50px;
	right:0px;
	bottom:0px;
	z-index: 96;
	height: auto;
	min-width: 1130px;

}


/**----------------------font size -----------**/
.h8{font-size: 8px;}
.h10{font-size: 10px;}
.h12{font-size: 12px;}
.h14{font-size:14px}
.h16{font-size:16px}
.h18{font-size:18px}
.h20{font-size:20px}
.h24{font-size:24px}


/**--------------------**/
.border_all{border:1px solid #ebebeb}
.border_top{border-top:1px solid #ebebeb}
.border_left{border-left:1px solid #ebebeb}
.border_right{border-right:1px solid #ebebeb}
.border_bottom{border-bottom:1px solid #ebebeb}
.border_none{border:0px}


/**---------------------首页菜单排序----------------**/
.fouce_menu{width:100px;height:100px;text-align: center;display: inline-block;border:1px solid #fff;color:#555;line-height: 25px;margin:0px 5px 5px 0px;position: relative;}
.fouce_menu:hover{width:100px;height:100px;border:1px solid #ebebeb;text-align: center;display: inline-block;background: #fff;}
.fouce_menu span{width:50px;height:50px;text-align: center;display: block;border-radius: 5px;margin:15 auto 0 auto;background: #0099CC;line-height: 50px;color:#ffffff;font-size: 28px;}



/***-------------------------浮动窗口样式-----------------**/
.absolutediv{z-index:501;min-width: 800px;position: fixed;
  top: 30%;
  left: 30%;
  background-color: #F3F3F3;
  width:80%;
  height: 80%;
  border-radius: 5px;
  overflow:auto;
-webkit-transform: translateX(-30%) translateY(-30%);}

/***-------------------------浮动窗口样式-----------------**/
.absolutewapdiv{z-index:501;position: fixed;
  top: 10%;
  left: 5%;
  background-color: #F3F3F3;
  width:90%;
  height: 80%;
  border-radius: 5px;
  overflow:auto;
}



.abso_exit{display: block;float: right;color: #fff}
.abso_exit:hover{display: block;float: right; color: #c0c0c0;}



/**----------------form 表单-------------**/


/**--------------- 按钮--------------**/
.btn{border-radius: 3px;padding:5px;display: inline-block;font-size: 12px;}
.a_method_btn{padding:3px;border-radius: 3px;border: 1px solid #eaeaea;display: inline-block;}
.a_method_btn:hover{background:#40E0D0;padding:3px;border-radius: 3px;border: 1px solid #eaeaea;color:#fff;display: inline-block;}

.btn_default{
	background-image: -moz-linear-gradient(top, #F5F5F5, #DCDCDC); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #DCDCDC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DCDCDC', GradientType='0'); 
	border:1px solid #c0c0c0
}

.btn_success{
	background-image: -moz-linear-gradient(top, #5cb85c, #4cae4c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), color-stop(1, #4cae4c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#4cae4c', GradientType='0'); 
	border:1px solid #4cae4c;
	color:#fff
}

.btn_success:hover{
	background-image: -moz-linear-gradient(top, #4cae4c, #5cb85c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4cae4c), color-stop(1, #5cb85c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#5cb85c', GradientType='0'); 
	border:1px solid #4cae4c;
	color:#fff
}


.btn_danger{
	background-image: -moz-linear-gradient(top, #c9302c, #ac2925); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c9302c), color-stop(1, #ac2925));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9302c', endColorstr='#ac2925', GradientType='0'); 
	border:1px solid #ac2925;
	color:#fff
}

.btn_danger:hover{
	background-image: -moz-linear-gradient(top, #ac2925, #c9302c); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ac2925), color-stop(1, #c9302c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac2925', endColorstr='#c9302c', GradientType='0'); 
	border:1px solid #c9302c;
	color:#fff
}


.btn_warning{
	background-image: -moz-linear-gradient(top, #ec971f, #d58512); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec971f), color-stop(1, #d58512));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec971f', endColorstr='#d58512', GradientType='0'); 
	border:1px solid #d58512;
	color:#fff
}

.btn_warning:hover{
	background-image: -moz-linear-gradient(top, #d58512, #ec971f); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d58512), color-stop(1, #ec971f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d58512', endColorstr='#ec971f', GradientType='0'); 
	border:1px solid #d58512;
	color:#fff
}

.btn_info{
	background-image: -moz-linear-gradient(top, #5bc0de, #46b8da); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), color-stop(1, #46b8da));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#46b8da', GradientType='0'); 
	border:1px solid #46b8da;
	color:#fff
}

.btn_info:hover{
	background-image: -moz-linear-gradient(top, #46b8da, #5bc0de); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #46b8da), color-stop(1, #5bc0de));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b8da', endColorstr='#5bc0de', GradientType='0'); 
	border:1px solid #46b8da;
	color:#fff
}



.endless_page_link{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 12px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    background-clip: padding-box;
}


/**---------------- tab menu------------------**/
.tab_menus_lists{position: relative;height:40px;padding-left:10px}
.tab_menus_list{position:absolute;height:40px;top:8px;}
.tab_menus{line-height: 30px;margin-top:2;display: inline-block; padding:0px 5px 0px 5px;color:#555;border-radius: 3px;}
.tab_menus:hover{line-height: 30px;margin-top:2;display: inline-block; padding:0px 5px 0px 5px;background: #ffffff;border-radius: 3px;}


/**------------------fileupload----------**/
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


/**----------------------------------图片灰色----------------------------**/
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}


/**--------------------------toast------------**/

    @keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-webkit-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-moz-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-o-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @-ms-keyframes fadeIn {
      0%    {opacity: 0}
      100%  {opacity: 1}
    }
    @keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-webkit-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-moz-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-o-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    @-ms-keyframes fadeOut {
      0%    {opacity: 1}
      100%  {opacity: 0}
    }
    #toast{
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      font-size: 14px;
      line-height: 1;
      padding:10px;
      border-radius: 3px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      z-index: 9999;
    }
    .hide{
      display: none;
    }
    .fadeOut{
      animation: fadeOut .5s;
    }
    .fadeIn{
      animation:fadeIn .5s;
    }