@charset "UTF-8";
/*公共css*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
    padding: 0;
    margin: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    padding: 0;
    margin: 0;
    *caption-side: top;
    *border-collapse: collapse;
    *empty-cells: hide
}

input,textarea,a,select {
    outline: none;
}

ol,ul {
    list-style: none
}

li {
    list-style-type: none
}

img {
    vertical-align: top;
    border: 0
}

select {
    height: 21px;
    vertical-align: top
}

input[type=text],input[type=number],input[type=password] {
    /*padding: 2px;*/
    vertical-align: middle
}

input:disabled {
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}



input[type=radio],input[type=checkbox] {
    vertical-align: middle;
    margin-bottom: 2px
}

input[type=button],input[type=submit] {
    cursor: pointer
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.m1 {
    margin: 1px;
}

.m2 {
    margin: 2px;
}

.m3 {
    margin: 3px;
}
.m10 {
    margin: 10px
}

.m5 {
    margin: 5px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.mt10 {
    margin-top: 10px
}

.mb5 {
    margin-bottom: 5px
}
.mb10 {
    margin-bottom: 10px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.ml10 {
    margin-left: 10px
}

.mr50 {
    margin-right: 50px
}

.pt5 {
    padding-top: 5px
}
.pt10 {
    padding-top: 10px
}

.pb5 {
    padding-bottom: 5px
}
.pb10 {
    padding-bottom: 10px
}

.ml5 {
    margin-left: 5px;
}

.mr14 {
    margin-right: 14px;
}

.breakword {
    word-break: break-all;
    word-wrap: break-word
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

address,cite,code,em,th,i {
    font-weight: normal;
    font-style: normal
}

.hide {
    display: none
}

.vhide {
    visibility: hidden
}

.ime-dis {
    ime-mode: disabled
}

.inlineblock {
    display: inline-block
}
.inlineblock {
    *display: inline
}

/*.clearfix {*/
/*    display: block;*/
/*    height: 0;*/
/*    font-size: 0;*/
/*    clear: both;*/
/*    overflow: hidden*/
/*}*/

.clearfix:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both
}

.clearfix {
    zoom:1
}


a {
    text-decoration: none
}
a:hover {
    text-decoration: underline
}

.bold {
    font-weight: bold
}

.f14 {
    font-size: 14px
}
.f16 {
    font-size: 16px
}
.f18 {
    font-size: 16px
}
.f20 {
    font-size: 20px
}

/*#endregion*/
/*#region width*/
.w15 {
    width: 15px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}

.w120 {
    width: 120px;
}
.w160 {
    width: 160px;
}
.wp30 {
    width: 30%;
}
.wp90 {
    width: 90%;
}
.wp100 {
    width: 100%;
}

.green {
    color: green
}
.blue {
    color: blue
}
.white {
    color: white
}
.gray {
    color: #666
}
.yellow {
    color: yellow
}
.red {
    color: red
}
.black {
    color: #000
}

/*table t-1*/
.t-1 {
    border-collapse: collapse;
    width: 100%;
}
.t-1.no-border td, .t-1.no-border th {
    border: none;
}

.t-1 td, .t-1 th {
    border: 1px solid #b9c2cb;
    padding: 5px 10px;
}
.t-1 td.name, .t-1 th.name {
    background: #f1f1f1;
}
.t-1 th {
    font-weight: bold;
    color: #35406d;
}
.t-1 .t {
    background: #DFEDFD;
    color: #000;
    font-weight: bold;
}
.t-1 .bg1 td, .t-1 .bg1 th {
    background: linear-gradient(#ffffff, #c4d9f2);
    background-color: #909db0;
    text-align: center;
    color: #002686;
    font-weight: bold;
}
.t-1 .bg2 td {
    background: #dcf0fd;
}
.t-1 tfoot td {
    background: #e6e6fa;
}
.t-1 .hover tr:hover td {
    background: #f1f1f1;
}

/*button*/
.btn {
    box-sizing: border-box;
    background: #2965B5;
    background: linear-gradient(#5A8AC6, #2965B5);
    color: #fff;
    padding: 0 15px;
    height: 23px;
    line-height: 17px;
    cursor: pointer;
    line-height: 23px;
    vertical-align: middle;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    border: none;
}
.btn:hover {
    background: #3e87e6;
    background: linear-gradient(#6fa6eb, #3d7cce);
    text-decoration: none;
}
.btn.btn-gray {
    background: #F7F7F7;
    background: linear-gradient(#F7F7F7, #DEDFDE);
    border-color: #A5A2A5;
    color: #000;
}
.btn.btn-gray:hover {
    background: #F7F7F7;
    background: linear-gradient(#F7F7F7, #eff0ef);
}

a.btn {
    display: inline-block;
    text-decoration: none;
    line-height: 21px;
    height: 21px;
}
a.btn:hover {
    background: #3e87e6;
    background: linear-gradient(#6fa6eb, #3d7cce);
}

.pagination .pageindex,.pagination .pagecount,.pagination .recordcount {
    color: red
}

.pagination .input-index {
    width: 34px
}

.pagination a {
    margin: 0 5px;
    color: darkblue
}

.pagination .btn {
    padding: 0 5px
}



.ico-online.ico-online,.ico-offline.ico-online {
    background-position: -65px 1px
}

.ico-online.ico-offline,.ico-offline.ico-offline {
    background-position: -49px 1px
}


.text-input {
    padding: 1px 0 1px 3px;
    height: 18px;
    background: #eee;
    vertical-align: middle;
    border: 1px solid #555;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 2px, inset rgb(255 255 255 / 25%) 0px 1px 0px, inset rgb(0 0 0 / 25%) 0px 0px 0px, inset rgb(255 255 255 / 3%) 0px 20px 0px, inset rgb(0 0 0 / 15%) 0px -20px 20px, inset rgb(255 255 255 / 5%) 0px 20px 20px;
}


.caption {
    min-height: 21px;
    color: #110f0c;
}


.layer-custom {
    border: 5px solid #2162b5
}

.layer-custom.layui-layer-page {
    min-width: 300px
}

.layer-custom .layui-layer-title {
    height: 30px;
    line-height: 30px
}

.layer-custom .layui-layer-setwin {
    top: 8px
}

.layer-custom .layui-layer-btn {
    border-top: 1px solid #2162b5;
    background: #d8f1ff;
    text-align: center;
    padding: 10px 0
}

.layer-custom .layui-layer-btn a {
    border: 1px solid #e1e1e1;
    background: linear-gradient(#fff, #f9f9f9);
    padding: 0 5px 2px;
    cursor: pointer;
    border-radius: 3px;
    width: auto;
    min-width: 50px;
    height: auto;
    line-height: inherit;
    margin: 0 5px
}

.layer-custom .layui-layer-btn .layui-layer-btn0,.layer-custom .layui-layer-btn layui-layer-btn1 {
    border: 1px solid #1855A5;
    background: linear-gradient(#5A8AC6, #2965B5);
    color: #fff
}