/***********************共用************************/
body{font-family:Verdana;margin:0px auto;color:#555555;font-size:14px;background:#fff;padding:0 25px 0 10px;margin:0px; line-height:20px;background-color: #f7f7f7;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
a{color:#0A7AFF;text-decoration:none;}
a:hover{color:#ff0000;}

.wrap{margin:0px auto;clear:both;}
.clear{height:10px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f38{font-size:38px;}
.f40{font-size:40px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.ctr{text-align:center;}
.color-blue{color: rgba(22,132,252,1);}
.color-red{color: #ff0000;}
.color-white{color: #ffffff;}
.color000{color: #000000;}
.color333{color: #333333;}
.color666{color: #666666;}
.color999{color: #999999;}
.w100{width:100%;padding:0;}
.bgfix{background-position:center center;background-size:cover;background-repeat:no-repeat;}

.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}
.overflow{overflow:hidden;}

/*flex布局*/
.flex {
    display: flex;
    /*flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;*/
}
.dir-clu{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.jus-sta{justify-content:flex-start;}
.jus-ctr{justify-content:center;}
.jus-btw{justify-content:space-between;}
.jus-eve{justify-content:space-evenly;}
.jus-ard{justify-content:space-around;}
.jus-end{justify-content:flex-end;}
.ali-sta{align-items:flex-start;}
.ali-ctr{align-items:center;align-content:center;}
.ali-end{align-items:flex-end;align-content:flex-end;}
.ali-bline{align-items:baseline;}

/*表单*/
input[type="text"], input[type="password"], input[type="number"], input[type="date"],textarea{
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:solid 1px #ccc;width:260px;font-family:Verdana;
    padding: 0px 0px 0px 5px;line-height:30px;height:30px;overflow:hidden;display:inline-block;margin:0px 5px 0px 0px;font-size:12px;
}
textarea{height:75px;line-height:25px;overflow-y:auto;resize:both;}
input[type="button"],input[type="submit"]{
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:solid 1px #2782df;
    display:inline-block;height:32px;line-height:32px;padding:0px 20px 0px 20px;
    border:solid 1px #dedede;background-color:#fff;font-size:14px;}
input[type="button"]:hover,input[type="submit"]:hover{background-color:#f0f0f0;}
input[type="button"].blue,input[type="submit"].blue{border:solid 1px #2782df;background-color:#2782df;color:#fff;}
input[type="button"].blue:hover,input[type="submit"].blue:hover{border:solid 1px #2c77c5;background-color:#2c77c5;}
input[type="checkbox"]{border:solid 1px #ccc;width: 14px;height: 14px;cursor: pointer;vertical-align: middle;outline: none;-webkit-appearance: none;background-color: #fff;margin:-3px 5px 0px 0px;padding:0px;}
input[type="checkbox"]:hover{border:solid 1px #2782df;}
input[type="checkbox"]:checked{border:solid 1px #2782df;background-color:#2782df;background-image:url(../images/checkbox_checked.png);background-size:14px 14px;background-position:center center;background-repeat:no-repeat;}
input[type="radio"]{border:solid 1px #ccc;width: 14px;height: 14px;border-radius:7px; cursor: pointer;vertical-align: middle;outline: none;-webkit-appearance: none;background-color: #fff;margin:-2px 5px 0px 0px;padding:0px;}
input[type="radio"]:hover{border:solid 1px #2782df;}
input[type="radio"]:checked{border:solid 1px #2782df;background-color:#2782df;background-image:url(../images/radio_checked.png);background-position:center center;background-repeat:no-repeat;background-size:4px 4px;}


select{
    padding:0px 3px 0px 3px;width:260px;line-height:30px;height:30px;font-size:12px;
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:solid 1px #ccc;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}

.layui-table th .layui-table-cell{font-weight:bold;}
.layui-table td .layui-table-cell{height:auto;line-height:25px;font-size:12px;}
.layui-table-page select{width:auto;}

.date_rang_input{width:227px;height:30px;border-radius:2px;border:solid 1px #ccc;display:inline-block;margin:0px 5px 0px 0px;}
.date_rang_input input[type="text"]{width:95px;height:30px;padding:0px;margin:0px;text-align:center;border:0px;background-color:#fff;}
.date_rang_input input[type="text"]:first-child{background:url(../images/datePicker.gif) no-repeat 6px center;background-repeat:no-repeat;padding:0px 0px 0px 20px;}

.arrow_link{display:inline-block;height:25px;line-height:25px;padding:0px 14px 0px 0px;color:#777;background-size:10px 10px;background-position:right center;background-repeat:no-repeat;}
.arrow_link.up{background-image:url(../images/arrow_up2.png);}
.arrow_link.down{background-image:url(../images/arrow_down2.png);}

/*按钮*/
a.button{display:inline-block;height:40px;line-height:40px;background-color:#fff;color:#666;overflow:hidden;padding:0px 20px 0px 20px;margin:0px 5px 0px 0px;
         border:solid 1px #dcdfe6;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-align:center;font-size:14px;}
a.button:hover{background-color:#f0f0f0;}

a.button.red{border:solid 1px #990100;background-color:#990100;color:#fff;}
a.button.red:hover{border:solid 1px #ff3300;background-color:#ff3300;}

a.button.orange{border:solid 1px #ff6600;background-color:#ff6600;color:#fff;}
a.button.orange:hover{border:solid 1px #ff3300;background-color:#ff3300;}

a.button.blue{border:solid 1px #2782df;background-color:#1778FC;color:#fff;}
a.button.blue:hover{border:solid 1px #2c77c5;background-color:#2c77c5;}

a.button.green{border:solid 1px #04b102;background-color:#24b707;color:#fff;}
a.button.green:hover{border:solid 1px #339933;background-color:#339933;}

a.button.grey{border:solid 1px #dedede;background-color:#f0f0f0;}
a.button.grey:hover{background-color:#efefef;}

a.button.full{width:100%;padding:0;margin:0;}

a.expand{min-width:20px;height:20px;line-height:20px;display:inline-block;background-position:0px center;background-size:13px 13px;background-repeat:no-repeat;background-image:url(../images/ico_plus.png);}
a.expand.on{background-image:url(../images/ico_substract.png);}

a.edit{width:15px;height:15px;display:inline-block;background-position:center bottom;background-repeat:no-repeat;background-image:url(../images/edit.png);overflow:hidden;margin:0px 0px 0px 1px;}

/***********************共用end************************/


/*图标状态提示
窗口居中显示
需要自动关闭
使用场景：1、数据提交时显示加载中
          2、处理成功后显示处理结果
*/
.float{width:120px;height:40px;position:fixed;top:35%;left:50%;margin-left:-60px;
       background-color:rgba(0,0,0,0.63);/*background-color:#5e5e5e;*/
       border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
       text-align:center;padding:80px 0px 0px 0px;color:#fff;font-size:16px;
       background-position:center 22px;background-repeat:no-repeat;
       z-index:99999999;}
.float.loading{background-image:url(../images/loading.gif);background-size:28px 28px;background-position:center 25px;}/*数据处理中，带加载图标消息提示，处理完成执行关闭*/
.float.true{background-image:url(../images/float_ok.png);}/*处理成功，带勾的消息提示*/
/*.float.false{} 错误时用messagebox弹出提示*/

/*文字消息提示
窗口居中显示
需要自动关闭
使用场景：处理或验证失败的文字提示
*/
.messagebox{width:100%;position:fixed;left:0px;top:35%;text-align:center;z-index:99999999;}
.messagebox .msg{display:inline-block;overflow:hidden;background-color:rgba(0,0,0,0.75);
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:20px;
    text-align:center;padding:10px 20px 10px 20px;color:#fff;font-size:16px;
}
.messagebox .msg a{color:#f2ed05;}

/*弹窗消息，带确定按钮*/
.alertbox{position:fixed;z-index:99999999;width:100%;height:100%;background-color:rgba(0,0,0,0.4);top:0px;left:0px;}
.alertbox .boxpnl{position:absolute;z-index:99999;width:300px;left:50%;margin-left:-150px;
                  background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.alertbox .boxpnl .msg{padding:20px 20px 20px 20px;font-size:14px;color:#888;line-height:22px;text-align:left;border-bottom:solid 1px #e8e8ea;}
.alertbox .boxpnl .msg a{color:#0067cd;}
.alertbox .boxpnl .btn{height:40px;display:block;line-height:40px;text-align:center;width:100%;
                       font-size:16px;color:#0bb20c;overflow:hidden;}
.alertbox .boxpnl .btn:hover{background-color:#f0f0f0;}
/*弹窗消息，带确定和取消按钮*/
.alertbox.confirmbox{}
.alertbox.confirmbox .btn{width:50%;float:left;}
.alertbox.confirmbox .btn.cancel{width:calc(50% - 1px);color:#353535;border-left:solid 1px #e8e8ea;}

/*弹出窗口*/
.alertbox .confirm_window{position:absolute;z-index:99999;width:600px;left:50%;margin-left:-300px;
                  background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.alertbox .confirm_window .tle{border-bottom:solid 1px #ddd;height:50px;line-height:50px;font-size:18px;padding:0px 0px 0px 20px;}
.alertbox .confirm_window .body{padding:0px 20px 0px 20px;max-height:500px;overflow:hidden;overflow-y:auto;margin:20px 0px 0px 0px;}
.alertbox .confirm_window .cbtm{height:40px;padding:20px 20px 10px 20px;text-align:right;}

/*end浮动层-------------------------------------*/

/*浮动的提示框*/
.tipbox{position:absolute;top:0px;left:0px;padding-bottom:7px;}
.tipbox .info{border:solid 1px #ded9bf;line-height:16px;padding:10px 10px 10px 10px;color:#000;background-color:#fcfbe5;text-align:left;font-size:12px;}
.tipbox .info p{margin:0px;padding:0px;}
.tipbox .arrow{background:url(../images/tipbox_down.png) no-repeat center bottom;width:100%;height:7px;overflow:hidden;position:absolute;left:0px;bottom:1px;z-index:100;}
/*提示框结束*/