/**
 * 主色调为：黑白灰, 详细如下
 ***************************
1.  #757575 -body(默认背景色)

2.  #1e1e1e  -btn未指向时,字体颜色(通用),树形菜单指向时
3.  #8a8a8a  -btn未指向时背景色(仅btn用,区分正文色)
4.  #c1c1c1  -btn指向时,字体颜色(通用),树形菜单指向时
5.  #040404  -btn指向时,背景颜色(通用),树形菜单指向时

    #1e1e1e  -a未指向时,字体颜色
			 -a未指向时,背景颜色为透明,css中background: transparent;
    #c1c1c1  -a指向时,字体颜色
    #040404  -a指向时,背景颜色

6.  #000     -(纯黑)投影
7.  #fff	 -(纯白)不使用,反差太大太亮。 ( 配合 百度ueditor编辑器,可以编辑的地方背景色为 纯白 )

8.  #5d5d5c -> #f9f9f9  -msgbox_title 渐变,由上至下“灰到白"
9.  #2c2c2c  			-msgbox 边框颜色, 所有边框的颜色。
10. #999999  			-msgbox 正文背景色(通用)
11. #ebebeb  			-（通用）可输入框的背景色,不用纯白色,含input,textarea


********** color 的16进制代码换算公式 *******
#ffffff 即 grb(255,255,255),纯白色
#ff ff ff  红 绿 蓝(00~ff,即0~255)

代码   值
01   1
02   2
03   3
04   4
05   5
06   6
07   7
08   8
09   9
0a   10
0b   11
0c   12
0d   13
0e   14
0f   15
10   1*16+0=16
20   2*16+0=32
ef   14*16+15=239

如 #5d5d5c的rgb值为: 5*16+13=93,即 rgb(93,93,92)  

*/
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,ol,li,dt,dd,dl{
	border:none;
	list-style: none;     /*取消默认样式。*/
	font-weight: normal;
	padding: 0;
	margin: 0;
}
body{
	background:#757575;
	font-size:0.10rem;
}
/*可输入框样式*/
input,textarea,select{
	-background:#ebebeb;
	background:#fff;
	padding:5px;
}
/*只读样式*/
.readonly{ cursor: no-drop;background:#8a8a8a; }

/*取消边线和边框*/
input,select,button{
	outline: none;
	border:none;
}
/*边框*/
.border{
	border: 1px solid #2c2c2c;
}
.noborder{
	border: none !important;
}
/*按钮*/
.btn{
	border-radius: 3px;
	padding:3px 5px !important;
	cursor: pointer;
	color:#1e1e1e;
	background: #8a8a8a;
	box-shadow: 1px 1px 1px #000;
}
.btn:hover {
    color: #c1c1c1;
	background-color: #040404;
}
.m_submit{
	padding:0.04rem 0.2rem !important;
}

/**
 * icon-权限样式:<span class='qx qx_103'>修改</span>
 * public.js 中会对当前管理员没有权限的按钮进行隐藏处理。
 */
.qx{ display:none; }

/* 搜索栏box */
.searchbox{
	padding-left:0.07rem;
	padding-bottom:0.03rem;
}
.searchbox .searchbox_input{
	width:0.8rem;
	border-radius: 0.03rem;
}
.searchbox input{
	margin: 0.02rem 0;
}

/*遮罩层box*/
.msgbox_zzc{
	position: fixed;
    background: #ccc;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: Alpha(opacity=50);
	display:none;
}
.msgbox{
	position: fixed;
	border:2px solid #2c2c2c;
	border-radius: 0px 0 3px 3px;
	background:#8a8a8a;
	box-shadow: 2px 2px 2px #000;
	z-index: 1000;
	display:none;
}
.msgbox_close{
	position: absolute;
    right: -10px;
    top: -10px;
    border: 1px solid #2c2c2c;
    border-radius: 10px;
    font-size: 10px !important;
    padding: 0 4px;
	color:#1e1e1e;
    background: #8a8a8a;
	cursor: pointer;
	box-shadow: 1px 1px 1px #000;
}
.msgbox_close:hover{
	color:#c1c1c1;
    background: #040404;
}
.msgbox .msgbox_title{
	cursor: move;	
}
.msgbox_title{
	/*渐变由上到下*/
	background: -webkit-linear-gradient(#5d5d5c, #f9f9f9); /* Safari 5.1 - 6.0   */
  	background: -o-linear-gradient(#5d5d5c, #f9f9f9); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#5d5d5c, #f9f9f9); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#5d5d5c, #f9f9f9); /* 标准的语法 */
	border-bottom:2px solid #2c2c2c;
	padding:5px;
}
.msgbox_content{
	padding:10px;
	background:#999999;
	font-size:0.12rem;
}
.msgbox_content div{
	margin:0.05rem 0;
}

/* 正文样式 */
.mbody{
	width:99%;margin:auto;padding-bottom:0.5rem;
}
.mbody>div{
	 margin:0.05rem 0;
}

/*常规box*/
.ptbox{
	position: relative;
	border:2px solid #2c2c2c;
	border-radius: 0px 0 3px 3px;
	background:#8a8a8a;
	box-shadow: 2px 2px 2px #000;
}
.ptbox_close{
	position: absolute;
    right: -10px;
    top: -10px;
    border: 1px solid #2c2c2c;
    border-radius: 10px;
    font-size: 10px !important;
    padding: 0 4px;
	color:#1e1e1e;
    background: #8a8a8a;
	cursor: pointer;
	box-shadow: 1px 1px 1px #000;
}
.ptbox_close:hover{
	color:#c1c1c1;
    background: #040404;
}
.ptbox_title{
	/*渐变由上到下*/
	background: -webkit-linear-gradient(#5d5d5c, #f9f9f9); /* Safari 5.1 - 6.0   */
  	background: -o-linear-gradient(#5d5d5c, #f9f9f9); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#5d5d5c, #f9f9f9); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#5d5d5c, #f9f9f9); /* 标准的语法 */
	border-bottom:2px solid #2c2c2c;
	padding:5px;
}
.ptbox_content{
	padding:0.1rem;
	background:#999999;
	font-size:0.12rem;
}


/*树形box*/
.treebox{
	position: relative;
	border:2px solid #2c2c2c;
	border-radius: 0px 0 3px 3px;
	background:#8a8a8a;
	box-shadow: 2px 2px 2px #000;
}
.treebox_title{
	/*渐变由上到下*/
	background: -webkit-linear-gradient(#5d5d5c, #f9f9f9); /* Safari 5.1 - 6.0   */
  	background: -o-linear-gradient(#5d5d5c, #f9f9f9); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#5d5d5c, #f9f9f9); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#5d5d5c, #f9f9f9); /* 标准的语法 */
	border-bottom:2px solid #2c2c2c;
	padding:5px;
}
.treebox_content{
	background:#999999;
	font-size:0.12rem;
}
.treebox li{
	padding:5px;
	color:#1e1e1e;
}
.treebox li:hover{
	color:#c1c1c1;
	background:#040404;
}


/* 表格-pc */
.tablebox{
	border-collapse: collapse;
    border-spacing: 0;
	text-align: center;
    margin: auto;
}
.tablebox th{
    font-size: 0.14rem;
    background-color: #040404;
    color: #c1c1c1;
	border: 1px solid #2c2c2c;
    padding: 8px;
}
.tablebox td{
    border: 1px solid #2c2c2c;
    padding: 8px;
	background-color: #999999;
}
/* Wap表格-wap */
.tablebox_wap{
	display:none;
	width: max-content;
}
.tablebox_wap_fgx{
	margin-top:0.1rem;
	display: block;
	height:0.05rem; /*wap时的一条数据的分隔线距离*/
    border-radius: 0.15rem 0.15rem 0 0;
    border: 1px solid #2c2c2c;
	border-bottom:none;
}
.tablebox_wap_munber{
	width:75%;
}

/*media window.screen.width 和 高,都是手机机身的实际分辨率的1/3大小,如1080x1920换算后就是 360x640*/
@media screen and (max-width: 279px) {  /*小米低款手机*/
    html {
        font-size: 72px; } }
@media screen and (min-width: 280px) and (max-width: 319px){
    html {
        font-size: 85.33333px; } }
@media screen and (min-width: 320px) and (max-width: 359px) {
    html {
        font-size: 85.33333px; } }
@media screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 96px; } }
@media screen and (min-width: 375px) and (max-width: 383px) {
    html {
        font-size: 100px; } }
@media screen and (min-width: 384px) and (max-width: 399px) {
    html {
        font-size: 102.4px; } }
@media screen and (min-width: 400px) and (max-width: 413px) {
    html {
        font-size: 106.66667px; } }
@media screen and (min-width: 414px) {
    html {
        font-size: 110.4px; } }


a{
    text-decoration: none;   /*取消下划线*/
    background: transparent; /*背景透明*/
	color:#1e1e1e; 
}
a:hover{
	color: #c1c1c1;
	background-color: #040404;
}

    	
.fc{
	clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.close{
	display: none;
}
.open{
	display: block;
}

/* 分页样式 */
.Page{
	text-align:center;
}
.Page a{
    margin: 0 0.02rem;
}
.Page a:link {
	text-decoration: none;
}
.Page a:visited {
	text-decoration: none;
}
.Page a:hover {
	text-decoration: none;
}
.Page a:active {
	text-decoration: none;
}
.Page .NumberPage{
	padding:0 0.03rem;
}
.Page .NowPage{
	color:#c1c1c1;
	background-color:#040404; 	
}
.Page .defaultPageInput{
	width:0.25rem;
}
.Page input{
	padding:0 !important;
}

/* --------- 适配设置 -百度编辑器样式--------- */
#editor div{
	margin:0 !important;
}
#editor iframe{
	overflow: scroll;
}


/* ------------------------- 当前位置 ----------------- */
.mpath{
	padding:0.35rem 0 0.05rem 0.05rem;
}

 /* ------------------------- 顶部菜单 ----------------- */
.menubox{
	font-size:0.16rem;
	padding:0 !important;
	height:0.3rem;
	line-height:0.3rem;
	-overflow: hidden;
	position: fixed;
    width: 100%;
    z-index: 10;
}
.menubox a{
	position: relative;  /*申明相对,便于后续的有子菜单时的小箭头*/
	display:inline-block;
	padding:0 0.15rem 0 0.05rem ;
}
.menubox_logo{
	position: relative;
    left: 0.03rem;
    top: 0.01rem;
}
.menubox_admininfo{
	position: absolute;
	right:0.02rem;
	font-size:0.13rem;
	top:0;
}
.menubox_admininfo span{
	color:#f9f9f9;
	margin:0 0.05rem 0;
}
.menubox li{
	float:left;
	min-width: max-content;
}


/*顶级菜单ul的样式*/
.menubox_topbox ul{
	display:none;
	position: absolute;
	z-index:10;
	margin-left:0.2rem;
}
.menubox_topbox ul>li{
	float:none;
	background:#999999;
	border:1px solid #ccc;
}
.menubox_topbox:hover >ul{
	display:block;
}

/*子菜单ul的样式*/
.menubox_sonbox ul{
    display: none;
    position: absolute;
    z-index: 10;
    margin-top: -0.25rem;
    margin-left: 0.5rem;
}
.menubox_sonbox ul>li{
	float:none;
	background:#999999;
	border:1px solid #ccc;
}
/*申明,若存在子菜单,指向时则仅展开它的下一级子菜单信息;若是wap访问则是点击*/
.menubox_sonbox:hover >ul{
	display:block !important;
}

/*自定义-若顶级菜单存在子菜单,则有个向下的箭头*/
.menubox_topbox > a:after {  /*画圆*/
  display: block;
  content: "";
  background: #040404;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  border-left-color:black;
  right: 2px;
  top: 16px;
}
.menubox_topbox:hover > a:after {
	background: #ebebeb;
}
.menubox_topbox > a:before {  /*画箭头*/
  display: block;
  content: "";
  border: 4px solid transparent; /*transparent特殊属性,配合下面的border-top-color可以获得特殊箭头*/
  border-top-color: #ebebeb;     /*箭头向下border-top-color  箭头向右 border-left-color 箭头向左border-right-color 箭头向上border-bottom-color*/
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 4px;
  top: 20px;
}
.menubox_topbox:hover > a:before {
	border-top-color: #040404;
}

/*自定义-若子菜单存在子子菜单,则有个向右的箭头*/
.menubox_sonbox > a:after {  /*画圆*/
  display: block;
  content: "";
  background: #040404;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  border-left-color:black;
  right: 2px;
  top: 16px;
}
.menubox_sonbox:hover > a:after {
	background: #ebebeb;
}
.menubox_sonbox > a:before {  /*画箭头*/
  display: block;
  content: "";
  border: 4px solid transparent; /*transparent特殊属性,配合下面的border-top-color可以获得特殊箭头*/
  border-left-color: #ebebeb;     /*箭头向下border-top-color  箭头向右 border-left-color 箭头向左border-right-color 箭头向上border-bottom-color*/
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 2px;
  top: 18px;
}
.menubox_sonbox:hover > a:before {
	border-left-color: #040404;
}

 /* ★顶部菜单-wap适配等 */
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.menubox_logobox{
		display:none;
	}
	.menuData{ 
		display:none;
		position: relative;
    	top: 30px;
		z-index:5;'
	}
	.menuData li {
	    float: none;
		background:#999999;
		border: 1px solid #2c2c2c;
	}
	.menubox_topbox>ul {
		position: relative;
		margin-left:0.2rem;
	}
	.menubox_sonbox>ul {
	    -position: relative;  /*注意:相对时,点击其他的子级会出异常,导致都关闭了*/
		position: absolute;
		margin-top: -0.05rem;
	    margin-left:0.5rem;
	}
	.menubox_sonbox > a:before {
	  display: block;
	  content: "";
	  border: 4px solid transparent;
	  border-top-color: #ebebeb;
	  z-index: 2;
	  height: 0;
	  width: 0;
	  position: absolute;
	  right: 4px;
	  top: 20px;
	}
	.menubox_sonbox:hover > a:before {
	    border-left-color: transparent; /*设置为透明,wap时取消右箭头*/
	    border-top-color: #040404;
	}
	/*--- wap端时,顶部右侧的菜单按钮栏  ---*/
	.menubox_button_top:before {
	    display: block;
	    content: '';
	    position: absolute;
	    height: 3px;
	    width: 22px;
	    border-top: 2px solid #ffffff;
	    left: 10px;
	    top: 9px;
	}
	.menubox_button_top:after {
		display: block;
	    content: '';
	    position: absolute;
	    height: 3px;
	    width: 22px;
	    border-top: 2px solid #ffffff;
	    border-bottom: 2px solid #ffffff;
	    left: 10px;
	    top: 14px;
	}	
	
	
	
	
	/* Wap表格处理 */
	.tablebox{
		display:none;
	}
	.tablebox_wap{
		display:block;
	}
	.tablebox_wap td{
		word-wrap:break-word;
	}
	
	/* wap时的分页处理 */
	.Page{
		position: fixed;
	    z-index: 3000;
	    bottom: 0;
	    background: #ccc;
	    width: 105%;
	    left: -10px;
	    overflow: hidden;
		padding:0.05rem 0;
	}
	
	
}

/*处理对iPad 或 iPad Pro的wap表格适配*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.tablebox_wap{
		width:max-content !important; /*wap表格,根据文字内容大小且居中*/
		margin:auto;
	}
	.tablebox_wap_munber{
		width:88%;
	}
}