@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;
    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;
}