﻿
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, table, td, input{ 
    margin: 0; 
    padding: 0; 
}
div,span,i,input,a,ul,ol,li,table,td,th,tr{transition:all linear 200ms;}

:root {
	--PrimaryColor: #ac6923;
	--PrimaryColor2: #aeaeae;
	--PrimaryColor3: #fab686;
	--PrimaryBackColor: #000000;
	--BorderColor: #aaaaaa;
	--SecondaryColor: #eeeeee;
	--SecondaryColor2: #999999;
	--SecondaryColor3: #666666;
	--SecondaryColor4: #1e1e1e;
	--SecondaryColor5: #cccccc;
}


body { font-family: "微软雅黑","Arial Narrow",HELVETICA; background: #FFF; font-size: 12px; color: #1E1E1E; min-width:1200px; }
ol,ul,li{
	list-style: none;
}
em,i{
	font-style: normal;
}
b,strong{
	font-weight: normal;
}
img{
	display: block;
	border: none;
	vertical-align: middle;
}
a {
	color: #666;
	text-decoration: none;
    cursor:pointer;
}
    a:hover { text-decoration: none; }
textarea{
	resize: none;
}
input[type="button"]{
    cursor: pointer;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.hdn{
    display:none;
}
body{
	/*min-width: 1200px;*/
}
.main-content{
	/*width: 1200px;*/
	margin: 0 auto;
	overflow: hidden;
}
/*输入框的文字提示样式，选中的时候文字变浅*/
input::-webkit-input-placeholder { 
    color: #999; 
    -webkit-transition: color.5s; 
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
    color: #c2c2c2; 
    -webkit-transition: color.5s; 
} 

/*等待遮罩层的样式*/
.shade {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    left: 0;
    top: 0;
    background: url("../Img/load.gif") no-repeat center;
    background-size: auto;
}

.cls{
    clear: both;
    display: block;
}

.btn1 { border-radius: 4px; background-color: var(--PrimaryColor); text-align: center; color: white; cursor: pointer; display: inline-block; box-sizing: border-box; padding: 0.4em 0.8em; }
.btn2 { border-radius: 4px; background-color: var(--PrimaryBackColor); text-align: center; color: white; cursor: pointer; display: inline-block; box-sizing: border-box; padding: 0.4em 0.8em; }
.btn3 { color: var(--PrimaryColor); text-align: center; display: inline-block; box-sizing: border-box; cursor: pointer; }
.btn4 { color: var(--BorderColor); text-align: center; display: inline-block; box-sizing: border-box; cursor: pointer; }
.btn5 { color: var(--PrimaryBackColor); text-align: center; text-decoration: underline; display: inline-block; box-sizing: border-box; cursor: pointer; }


.tbx{
    border: dashed 3px #dddddd;
    width: 95%;
    height: 200px;
    margin: 20px auto;
}

/*弹框的样式*/
.showLayer{
	position: absolute; 
    top: 0px; 
    left: 0px;  
    opacity: 0.3; 
    filter: alpha(opacity=30); 
    background-color: #000;     
    z-index: 9999;
    -moz-opacity: 0.3;
}
.proMsg{
	width: 300px;
	background: #FFFFFF;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	z-index: 10000;
	border-radius: 5px;
	text-align: center;
}
.proMsg h3{
	line-height: 30px;
	background: #F5F5F5;
	text-indent: 10px;
	border-radius: 5px 5px 0 0;
	text-align: left;
}
.proMsg p{
	padding: 20px;
	line-height: 18px;
	overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}
.proMsg input[type="button"]{
	width: 60px;
	height: 30px;
	cursor: pointer;
	background: #f5f5f5;
	border: 1px solid #ded;
	border-radius: 3px;
	margin: 5px 10px 20px 10px;
	outline: none;
}
/*----顶部导航样式-----*/
.n-container{
	width: 100%;
	height: 80px;
	background: #1e1e1e;
}


/*----文字字体样式-----*/

.fontsize_8{font-size:8px;}


/*----开关按钮样式-----*/
.switch { width: 30px; height:20px; border-radius: 20px; background-color: #818181; position: relative; transition: all ease-in 200ms;cursor:pointer; }
	.switch:before { content: ""; display: block; width: 16px; height: 16px; border-radius: 100%; position: absolute; top: 2px; left: 2px; background-color: rgba(255,255,255,0.7); transition: all ease-in 200ms; }

	.switch[val="true"] { background-color: #ccc; }
		.switch[val="true"]:before { top: 2px;left:12px; background-color: var(--PrimaryColor);}