@charset "utf-8"; 

/*layui 按钮样式*/
.layui-btn {
	background-color: linear-gradient(to right, #329bf2 , #1e70e6);
/*background-color: #007ae6 !important;*/
font-size:14px;
}
.layui-btn-normal {
	    background: linear-gradient(to right, #329bf2 , #1e70e6);
	/*background-color: #007ae6 !important;*/
	font-size:14px;
}
.layui-btn-normal a{
	color: #fff !important;
}

.layui-btn-primary{

    color: #999 ;
}
.layui-btn-sm{
	font-size:13px;
}
.layui-btn-primary:hover {
    border-color: #007ae6 !important;
    color: #007ae6 !important;
}
.layui-nav{
	background: none !important;
	padding:0 !important;
}
.layui-nav .layui-nav-item{

}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background: none !important;
}
.layui-nav-child{
	left: -30px  !important;
    top: 60px ;
}
.normal_add{
	background: #08ca58 !important;
}
.fa-2x {
    font-size: 1.5em !important;
}
/*基本样式*/
html,body{
	/* font-size:15px !important;
	font-family: '微软雅黑' !important;
	color: #333; */
}
a,abbr,acronym,address,article,aside,audio,b,blockquote,big,body,canvas,caption,cite,code,datalist,dd,del,details,dfn,dl,div,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,meter,nav,menu,object,ol,output,p,pre,progress,q,samp,section,small,span,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tt,td,ul,var,p{
	margin:0; 
    padding:0;
}
body{
	min-width: 1200px;
}
.container{
	width:1200px!important;
	margin:0 auto;
	box-sizing: border-box;
}
table{ 
	border-collapse:collapse;
	border-spacing:0;
} 

a{
	outline: none!important;
	text-decoration: none!important;
	color: #333;
}

a:visited{
	text-decoration: none!important;
}

a:active{
	
	text-decoration: none!important;
}
ul,ul li,li{
	list-style:none;
	list-style-type:none;
}

.ellipsis {/*文本限制显示*/
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap;
}
img{
	width:100%;
}
.feedBackImg img{
	width:100%;
}
input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	outline: none;
} 
input,button,textarea,select{*font-size:100%;}  
textarea { resize:none;}  
i, em, strong { font-style:normal;}
/*字体、字号、颜色*/
.f38{
	font-size:38px;
}
.f36{
	font-size:36px;
}
.f34{
	font-size:34px;
}
.f32{
	font-size:32px;
}
.f30{
	font-size:30px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f20{
	font-size:20px;
}
.f18{
	font-size:18px;
}
.f16{
	font-size:16px;
}
.f15{
	font-size:15px;
}
.f13{
	font-size:13px;
}
.f14{
	font-size: 14px;
}
.f12{
	font-size:12px;
}

.b2{
	color: #b2b2b2;
}
.f{
	color: #fff;
}
.c{
	color: #ccc;
}
.d{
	color: #ddd;
}
.c1 {
	color: #c1c1c1;
}
.c3{
	color: #333;
}
.c6{
	color:#666;
}

.c9{
	color:#999;
}
.c007{
	color:#007ae5
}
.r{
	color:#e2766f
}

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.t2 {
	text-indent: 2em;
}
.l50{
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
}



/* 定位 */  
.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.clear {
	clear: both;
}

.lt {
	float: left;
}

.rt {
	float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	height: 1%;
}
*html .clearfix {
	height: 1%;
}
.ov{
	overflow: hidden;
}
.vm {
	vertical-align: middle;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
}

.zoom {
	zoom: 1;
}

.hidden {
	visibility: hidden;
}

.none {
	display: none;
}
.show{
	display: block;
}
.cursor{
	cursor: pointer;
}
/* 边距 */  
.m10 { margin:10px;}  
.m15 { margin:15px;}  
.m20 { margin:20px;}  
.m25 { margin:25px;}  
.m30 { margin:30px;}  
  
.mt5 { margin-top:5px;}  
.mt10 { margin-top:10px;}  
.mt15 { margin-top:15px;}  
.mt20 { margin-top:20px;}  
.mt25 { margin-top:25px;}  
.mt30 { margin-top:30px;}  
.mt40 { margin-top:40px;} 
.mt50 { margin-top:50px;}  
.mt60 { margin-top:60px;}  
.mt100 { margin-top:100px;}  
  
.mb5 { margin-bottom:5px;}  
.mb10 { margin-bottom:10px;}  
.mb15 { margin-bottom:15px;}  
.mb20 { margin-bottom:20px;}  
.mb25 { margin-bottom:25px;}  
.mb30 { margin-bottom:30px;}  
.mb50 { margin-bottom:50px;}  
.mb100 { margin-bottom:100px;}  
  
.ml5 { margin-left:5px;}  
.ml10 { margin-left:10px;}  
.ml15 { margin-left:15px;}  
.ml20 { margin-left:20px;}  
.ml25 { margin-left:25px;}  
.ml30 { margin-left:30px;}  
.ml50 { margin-left:50px;}  
.ml100 { margin-left:100px;}  
  
.mr5 { margin-right:5px;}  
.mr10 { margin-right:10px;}  
.mr15 { margin-right:15px;}  
.mr20 { margin-right:20px;}  
.mr25 { margin-right:25px;}  
.mr30 { margin-right:30px;}  
.mr50 { margin-right:50px;}  
.mr100 { margin-right:100px;}  
  
.p5 { padding:5px;}  
.p10 { padding:10px;}  
.p15 { padding:15px;}  
.p20 { padding:20px;}  
.p25 { padding:25px;}  
.p30 { padding:30px;}  
  
.pt5 { padding-top:5px;}  
.pt10 { padding-top:10px;}  
.pt15 { padding-top:15px;}  
.pt20 { padding-top:20px;}  
.pt25 { padding-top:25px;}  
.pt30 { padding-top:30px;} 
.pt40 { padding-top:40px;}  
.pt50 { padding-top:50px;}  
.pt100 { padding-top:100px;}  
  
.pb5 { padding-bottom:5px;}  
.pb10 { padding-bottom:10px;}  
.pb15 { padding-bottom:15px;}  
.pb20 { padding-bottom:20px;}  
.pb25 { padding-bottom:25px;}  
.pb30 { padding-bottom:30px;}  
.pb40 { padding-bottom:40px;}  
.pb50 { padding-bottom:50px;}  
.pb100 { padding-bottom:100px;}  
  
.pl5 { padding-left:5px;}  
.pl10 { padding-left:10px;}  
.pl15 { padding-left:15px;}  
.pl20 { padding-left:20px;}  
.pl25 { padding-left:25px;}  
.pl30 { padding-left:30px;}  
.pl50 { padding-left:50px;}  
.pl100 { padding-left:100px;}  
  
.pr5 { padding-right:5px;}  
.pr10 { padding-right:10px;}  
.pr15 { padding-right:15px;}  
.pr20 { padding-right:20px;}  
.pr25 { padding-right:25px;}  
.pr30 { padding-right:30px;}  
.pr50 { padding-right:50px;}  
.pr100 { padding-right:100px;} 

/* 长度高度 */  
.w10 { width:10px;}  
.w20 { width:20px;}  
.w30 { width:30px;}  
.w40 { width:40px;}  
.w50 { width:50px;}  
.w60 { width:60px;}  
.w70 { width:70px;}  
.w80 { width:80px;}  
.w90 { width:90px;}  
.w100 { width:100px;}  
.w200 { width:200px;}  
.w250 { width:250px;}  
.w300 { width:300px;}  
.w400 { width:400px;}  
.w500 { width:500px;}  
.w600 { width:600px;}  
.w700 { width:700px;}  
.w800 { width:800px;}  
.w960 { width:960px;}  
.w { width:100%;}  

.h30 { height:30px;}
.h50 { height:50px;}  
.h80 { height:80px;}  
.h100 { height:100px;}  
.h200 { height:200px;}  
.h { height:100%;}

.K_btn:hover,
.K_1_btn:hover,
.K_2_btn:hover,
.k_btn:hover{
	background: #007be5!important;
	color: #fff;
}

.g_btn{
	display: inline-block;
	width: 90px;
	height: 36px;
	line-height: 36px;
	background: #fafafa;
	color: #333;
	text-align: center;
	cursor: pointer;
	border-radius:4px ;
	font-size:14px;
}
.K_1_btn{
	display: inline-block;
	width: 90px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:4px ;
	text-align: center;
	cursor: pointer;
	font-size:14px;
}
.K_2_btn{
	display: inline-block;
	width: 190px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:4px ;
	text-align: center;
	cursor: pointer;
	font-size:14px;
}
.k_btn{
	display: inline-block;
	padding:0 10px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:4px ;
	text-align: center;
	cursor: pointer;
	font-size:14px;
}
.K_btn{
	display: inline-block;
	width: 90px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:4px ;
	text-align: center;
	cursor: pointer;
	font-size:14px;
}
.S_K_btn{
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:2px ;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.B_K_btn{
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #007ae6;
	color: #007ae6;
	border-radius:6px ;
	text-align:center;
	cursor: pointer;
	font-size:14px;
}
.Blue_btn,.Org_btn,.Red_btn,.Gre_btn,.Pur_btn{
	display: inline-block;
	width: 90px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	border-radius:4px ;
	text-align: center;
	cursor: pointer;
	font-size:14px;
}
.S_Blue_btn,.S_Org_btn,.S_Red_btn,.S_Gre_btn,.S_Pur_btn{
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	border-radius:2px ;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.B_Blue_btn,.B_Org_btn,.B_Red_btn,.B_Gre_btn,.B_Pur_btn{
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border-radius:6px ;
	text-align:center;
	cursor: pointer;
	font-size:14px;
}

.Blue_btn,.S_Blue_btn,.B_Blue_btn{
	background: -webkit-linear-gradient(left, #329bf2 , #1e70e6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #329bf2, #1e70e6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #329bf2, #1e70e6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #329bf2 , #1e70e6);
}
.Org_btn,.S_Org_btn,.B_Org_btn{
	background: -webkit-linear-gradient(left, #feba52 , #fe8e03); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #feba52, #fe8e03); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #feba52, #fe8e03); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #feba52 , #fe8e03);	background: -webkit-linear-gradient(left, #feba52 , #fe8e03); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #feba52, #fe8e03); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #feba52, #fe8e03); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #feba52 , #fe8e03);
}
.Red_btn,.B_Red_btn,.S_Red_btn{
	background: -webkit-linear-gradient(left, #fe9990, #fe5243); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe9990, #fe5243); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe9990, #fe5243); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe9990 , #fe5243);
}
.Gre_btn,.S_Gre_btn,.B_Gre_btn{
	background: -webkit-linear-gradient(left, #49bd93,#08ab71 ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #49bd93, #08ab71); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #49bd93, #08ab71); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #49bd93 , #08ab71);
}
.Pur_btn,.S_Pur_btn,.B_Pur_btn{
	background: -webkit-linear-gradient(left, #be9dff,#8e5aff ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #be9dff, #8e5aff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #be9dff, #8e5aff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #be9dff , #8e5aff);
}
.Validform_wrong{
	display: block;
    padding-top: 3px;
    margin-top: 3px;
	background: url(../../images/user/error.png) no-repeat left center !important;
}
.Validform_right {
    background: url(../../images/user/right.png) no-repeat !important;
    color: #27c267 !important;
    padding-top: 3px;
    margin-top: 3px;
}
.Validform_checktip{
	margin-left:0 !important;
}
.layui-nav .layui-nav-child{
	padding:0 !important;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background: none !important;
    color:#FF9900 !important
}
.layui-form-checkbox[lay-skin=primary] span {
    float: right;
    padding-right: 15px;
    line-height: 17px;
    background: 0 0;
    color: #666;
}
.layui-form-checkbox[lay-skin=primary] i{
	width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
}


/*表单验证样式*/
.Validform_wrong {
	background: url('../../images/user/error.png') no-repeat !important;
	color: #db544b !important;
	/* padding-left: 0 !important; */
}
.Validform_right{
	background: url('../../images/user/right.png') no-repeat !important;
	color:#27c267 !important;
}


@media only screen and (max-width:768px ) {
.pc{
	display: none;
}
.mobile{
	display: block;
}
.row{
margin:0;
}
.f16{
	font-size: 14px;
}
.f18{
	font-size: 16px;
}
.f20{
	font-size: 16px;
}
.f22{
	font-size: 18px;
}
.f24{
	font-size: 18px;
}
.f30{
	font-size: 20px;
}
.f34{
	font-size: 24px;
}
.f48{
	font-size:25px;
}
}

/*checkbox*/

label {
	font-size: 13px;
	cursor: pointer;
	line-height: 26px;
}
/*<label><input type="checkbox"><i>✓</i> 点击我CheckBox打钩</label>*/
label i {
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	color: #fff;
	vertical-align: middle;
	margin: -2px 2px 1px 0px;
	border: #017be6 1px solid;
	border-radius: 4px;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]:checked+i {
	background: #017be6;
}

/*layui css*/
.layui-form-item{
	margin-bottom: 0px !important;
}
.layui-input-block {
    margin-left: 0 !important;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #007ae5 !important;
    color: #fff;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #007ae5  !important;
    background-color: #007ae5  !important;
    color: #fff;
}
.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #007ae5  !important;
}
.layui-form-radio > i {
    font-size: 18px !important;
}
.layui-form-select dl dd.layui-this{
	background-color: #007ae5  !important;
}
.layui-form-select dl{
	padding:0 !important;
}


.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.fr{
	float: right;
}
/*.layim-chat-text img{*/
	/*width: 30px !important;*/
	/*height: 30px !important;*/
/*}*/

html,body{
    height: 100%;
}

.all_conmmont {
	display: flex;
	flex-direction: column;
	height: 100%;
}

header {
	/* background: #999; */
	flex: 0 0 auto;
}

.main {
	flex: 1 0 auto;
}

footer {
	/* background: #333; */
	flex: 0 0 auto;
}