﻿/*页面初始*/
*{padding:0; margin:0;}
html{
	width:100%;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,footer,header,menu,nav,section{   
    font-family: "微软雅黑";
    font-size: 14px;
}

body {
    background:#ffffff;
   /* background-size:30%;
    overflow-x:hidden;*/
	
}

h1,h2,h3,h4,h5,h6,em,i {
	font-weight:100;
	font-style:normal;
}

ul,ol,li {
    list-style:none;
    margin:0;
    padding:0;
}

a {
    /*color:#000;*/
    text-decoration:none;
    outline:0;
}
.clear {
    clear:both;
}
.clearfloat{
	zoom:1;
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
	
}
/*top*/
.top-navbar {
    position:fixed;
	width:100%;
	height:75px;
	background:#e02e24 url(../images/index_topBg.png) repeat-x;
}
.top-navbar .logo{
	width:390px;
    height: 75px;
	position:absolute;
	left:55px;
}
.navbar-right{
	line-height:75px;
	color:#fff;
   position:absolute;
   right:40px;
}
.navbar-right a,.user-name{
	display:inline-block;
}
.navbar-right a{
	color:#fff;
	font-size:14px;
	margin-left:10px;
	cursor:pointer;
}


/*登录 注册 红色 按钮*/

.fm-button{
	width:90px;
	height:32px;
	line-height:32px;
	color:#ffffff;
	font-size:16px;
	background:#e02e24;
	cursor:pointer;
	border:none;
}

/*left 展开收缩按钮*/
.two-menu-click{ width:13px;height:50px; position:fixed; top:41%; cursor:pointer; z-index:222;}
.open{background:url(../images/open-close.png) no-repeat left;  left:185px;}
.close{background:url(../images/open-close.png) no-repeat left; left:-1px;}
.open:hover{background:url(../images/open-close.png) no-repeat right; width:16px; left:185px; }
.close:hover{background:url(../images/open-close.png) no-repeat right;width:16px; left:0px;}

/*导航字体设置*/
.sideMenu  .nLi a{ 
    display:block;
	height:45px;
	line-height:45px;
	text-align:center;
	/*padding-left:49px;*/
	font-size:14px;
	background:#e6e6e6;
	font-weight:bold;
	color:#333333;
	position:relative;
	margin-bottom:5px;
}
.sideMenu  .nLi.active a,.sideMenu  .nLi:hover a{
	background-color:#fff;
	border-top:3px solid #e02e24;
	color:#e02e24;
}
/*left end*/

/*right*/
.page-wrapper{
	margin-top:75px;	
	padding:40px 1% 55px 1%;
}
.slider-full{margin-left:189px;}
.slider-mini{margin-left:0px;}
/*right end*/

/*input text文本框 select选择*/
.row-2 input{
    border: 1px solid #d7d7d7;
    height: 28px;
}
.form-control{
	height:30px;
	width:170px;
	border: 1px solid #d7d7d7;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.ml10{margin-left:10px;}
.ml25{margin-left:25px;}
.mb20{margin-bottom:20px;}

.text-center{
	text-align:center;
}
.border-right{
	border-right: 1px dashed #e6e6e6;
}
.red{color:#e02e24;}

/*浮动*/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}


/*分页*/
.pagination ul li {
    padding: 0 10px;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    min-width: 36px;
    min-height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    background-color: #f1f1f1;
    color: #606266;
    border-radius: 6px;
    margin: 0 1px;
    border: 1px solid #ebebeb;
    height: 30px;
}

.pagination ul li:hover {
    transform: scale(1.1);
    background-color: #F4F6F8;
}

.pagination  li.active {
    background: #fba805;
    color: white;
    cursor: not-allowed;
}
.pagination  li.active:hover{
	transform: scale(1.1);
	background: #fba805;
}

.pagination li.disabled {
    cursor: not-allowed;
}
.pagination li.totalPage {
    background: transparent;
    cursor: default;
    border: none;
    padding: 0 6px;
}

.pagination li.totalPage:hover {
    transform: none;
    background-color: #ffffff;
}


.pagination li input {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    outline: none;
    padding: 3px 5px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 40px;
    height: 25px;
    margin: 0 6px;
}

.pagination li input:focus{
    border-color: #98A6AD;
}
.pagination{
    user-select: none;
}

.pagination ul:nth-child(2){
    border-radius: 6px;
}

input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=button].goButton{
	width:60px;
	background:#fba805;
	color:#fff;
	border-radius: 4px;
	border:none;   
    box-sizing: border-box;   
    display: inline-block;
    font-size: inherit;
    outline: none;
    padding: 3px 5px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);    
    height: 25px;
    margin: 0 6px;
}

/*分页 end*/

/*表格*/
.dataTables{
	width:100%;
	margin-top:15px;
	border:1px solid #e6e6e6;
	border-right:none;
}
.dataTables tr th,.dataTables-set .th{
	background:#f1f1f1;
	height:35px;	
}
.dataTables tbody tr td,.dataTables-set tr td{
	text-align:center;
	height:35px;
	border:1px solid #e6e6e6;
	border-bottom:none;
	border-left:none;
	
}
.dataTables tbody tr td,.dataTables tr th{
	padding:0 0.9375rem;
}
.dataTables tbody tr:hover{
	background:#f7f5f5;
	border:1px solid #e6e6e6;
	border-bottom:none;
	border-left:none;
}
.table-responsive{
display:block;
width:100%;
overflow-x:	auto;
padding-bottom:15px;
}
/*表格 end*/


/*foot*/
.index-footer{
	width:100%;	
	background:#e6e6e6;
	color:#333333;
	height:45px;
	/*text-align:center;*/
	line-height:45px;
	position:fixed;
	bottom:0;
	margin:25px 0px 0 -1%;
	padding-left:30%;
}
.index-footer p{
	
	
}
@media screen and (max-width:415px) {
	.top-navbar .logo{
	width:90px;
    height: 75px;
	position:absolute;
	left:5px;
	overflow:hidden;
}	

.open{background:url(../images/open-close.png) no-repeat left;  left:90px;}
.open:hover{background:url(../images/open-close.png) no-repeat right; width:16px; left:90px; }


.index-footer{
	font-size:0.6rem;
	padding-left:5px;
}

}
@media (min-width: 600px) and (max-width: 750px) {
   .index-footer{
	font-size:0.6rem;
	padding-left:7%;
}
}
@media (min-width: 414px) and (max-width:620px) {
	.top-navbar .logo{
	width:90px;
    height: 75px;
	position:absolute;
	left:5px;
	overflow:hidden;
}	
}
@media (min-width:420px) and (max-width:780px) {
.navbar-right{
	line-height:25px;
	right:10px;
	top:10px;
}
.user-name{
		display:block;
		text-align:right;
	}
}

@media (min-width: 500px) and (max-width: 788px) {

.col-sm-6{
	margin:0px 10px;
}
.dataTables_info{
	float:none;
}
.pagination{
	margin-top:10px;
	float:none;
}

}

@media (min-width:750px) and (max-width: 1090px) {
   .index-footer{
	font-size:0.6rem;
	padding-left:14%;
}
}
@media (min-width: 1090px) and (max-width: 1300px) {
   .index-footer{
	font-size:1rem;
	padding-left:20%;
}
}
/*@media screen and (max-width:960px) {
   
}*/
/*@media screen and (max-width:620px) {
    
}


@media (min-width: 400px) and (max-width: 620px) {
  
}

@media (min-width: 370px) and (max-width: 400px) {
   
}

@media (min-width: 320px) and (max-width: 370px) {
   
}*/


/*@media screen and (max-width:400px) {
    
}*/

/*@media screen and (max-width:375px) {
   
}

@media screen and (max-width:360px) {
    
}


@media screen and (max-width:320px) {
    
}*/