@font-face {
    font-family:'SF Pro Display';
    src:url("../../fonts/sf-pro-display_regular.woff2");
    /* (C) 2015 Apple Inc. All rights reserved.*/
}
@font-face {
    font-family:'SF Pro text';
    font-style:italic;
    font-weight:400;
    src:url("../../fonts/sf-pro-text_regular.woff2");
    /* (C) 2015 Apple Inc. All rights reserved.*/
}
@font-face {
    font-family:'SF Pro SC';
    font-style:italic;
    font-weight:400;
    src:url("../../fonts/PingFangSC-Regular.woff2");
    /* (C) 2015 Apple Inc. All rights reserved.*/
}
html, body {
    background-color: #fff;
    color: #000000;
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .05em;

    margin: 0;
    padding: 0;

}
textarea{
    font: 400 1rem "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
*{
    outline: none;
}
div{
    box-sizing: border-box;
}
hr{
    border: none;
    height: 1px;
    background: #ccc;
}
a{
    text-decoration: none;
    color: inherit;
}
.a{
    cursor: pointer;
    color: #0E3685;
    text-decoration: underline;
}
ul{
    list-style: none;
    margin: 0;
}
p{
    margin: 0;
}

iframe{
    border: none;
}

/*按钮*/
.btn{
    padding: 8px 18px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    border:none;

}
.btn-small {
    padding: 2px 6px;
    font-size: 1rem;
    border-radius: 3px;
}
.btn-default{
    background:#f4f4f4;
    color: #0E3685;
    transition: all 0.25s;
    border: 1px solid #eee;
}
.btn-default:hover{
    box-shadow: 0 0 20px #eee;
}
.btn-primary{
    background:#0E3685;
    color: #fff;
    transition: all 0.25s;
}
.btn-primary:hover{
    box-shadow: 0 0 20px rgba(25,98,242,0.4);
}

.btn-pink{
    background:#FD6AEE;
    color: #fff;
    transition: all 0.25s;
}
.btn-pink:hover{
    box-shadow: 0 0 20px rgba(254,164,214,0.5);
}

.btn-info{
    background:#8E44AD;
    color: #fff;
    transition: all 0.25s;
}
.btn-info:hover{
    box-shadow: 0 0 20px rgba(168,78,203,0.5);
}
.btn-success{
    background:#3CB034;
    color: #fff;
    transition: all 0.25s;
}
.btn-success:hover{
    box-shadow: 0 0 20px rgba(60,176,52,0.5);
}
.btn-danger{
    background:#E0163E;
    color: #fff;
    transition: all 0.25s;
}
.btn-danger:hover{
    box-shadow: 0 0 20px rgba(249,22,65,0.5);
}
.btn-a{
    cursor: pointer;
    color: #0E3685;
    transition: 0.2s all;
}
.btn-a:hover{
    text-shadow: 0 0 10px #999;
}
/*按钮*/


/*表单*/
.control-panel{
    padding: 25px 0 10px 0;
    margin-bottom: 0!important;
    text-align: right;
}

.form-filter{
    background: #EDEEF4;
    border: 1px solid #E9E9EC;
    border-radius: 5px;
    padding: 8px;
    vertical-align: middle;
    transition: all 0.25s;
    box-sizing: border-box;
    color: #333;
    box-shadow: none;
}
.form-filter[type='date']{
    padding: 6px;
}
select.form-filter{
    padding: 7px;
}
.form-filter:focus{
    border: 1px solid #0E3685;
    box-shadow: 0 0 15px rgba(25,98,242,0.4);
    background: #ffffff;
}
.form-line .form-group{
    margin:5px 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.form .form-group{
    margin-bottom: 20px;
}

.form .form-filter{
    width: 100%;
}
.form-label{
    display: block;
    color: #666;
    height: 1.3rem;
    padding-bottom: 3px;
}
.form-tips{
    color: #97A1AD;
    font-size: 0.9rem;
    margin: 5px 0;
}
.radio{
    display: none;
}
.radio+label{
    display: inline-block;
    background: #EDEEF4;
    border-radius: 20px;
    padding: 6px 18px;
    border:1px solid #EDEEF4;
    color: #97A1AD;
    cursor: pointer;
    transition: all 0.25s;
}
.radio:checked+label{
    background: #fff;
    color: #0E3685;
    border:1px solid #0E3685;
}

.checkbox{
    display: none;
}
.checkbox+label{
    border:1px solid #EDEEF4;
    display: inline-block;
    background: #EDEEF4;
    border-radius: 3px;
    padding: 6px 12px;
    color: #97A1AD;
    cursor: pointer;
    transition: all 0.25s;
}
.checkbox:checked+label{
    background: #fff;
    color: #0E3685;
    border:1px solid #0E3685;
}
/*表单*/


/*表格*/
.head-box{
    margin-bottom: 1rem;
}
.table{
    background: #fff;
    width: 100%;
    border-spacing: 0;
}
.table.hover tr{
    cursor: pointer;
}
.table.nth tbody tr:nth-of-type(odd) td{
    background: #FBFCFE;
}
.table thead tr th{
    font-weight: bold;
    border-top: 1px solid #F6F8F7;
    border-bottom: 2px solid #F6F8F7;
    text-align: center;
    padding: 14px;
    color: #6D6B73;

}

.table tbody td{
    text-align: center;
    padding: 14px;
    transition: 0.2s all;
    border-bottom: 1px solid #f3f3f3;
}
.table tbody tr:hover td{
    background: #F8F9FB;
}
.table tbody tr:nth-of-type(odd):hover td{
    background: #F8F9FB;
}
.table tfoot td{
    border-top: 2px solid #F6F8F7;
    padding: 14px 0 5px 0;
}
/*表格*/



/*面板*/
.panel{
    box-shadow: 0 0 30px #E6E6E6;

    border-radius: 8px;
    background: #fff;
    padding: 15px;
}
.panel .panel-title{
    color: #BBBBBE;
    padding-bottom: 15px;
}
/*面板*/

/*自适应布局*/
.row{
    position: relative;
    margin: 0 -10px;
}
.row:after{
    content: '';
    display: block;
    clear: both;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.col-1{
    width: 8.33%;
}
.col-2{
    width: 16.66%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.32%;
}
.col-5{
    width: 41.65%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.31%;
}
.col-8{
    width: 66.64%;
}
.col-9{
    width: 74.97%;
}
.col-10{
    width: 83.33%;
}
.col-11{
    width: 91.66%;
}
.col-12{
    width: 100%;
}
/*如果屏幕分辨率小于1366*/
@media screen and (max-width: 1440px) {
    .col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
        width: 100%;
    }
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6{
        width: 50%;
    }
}
.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12{
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.col-s-1{
    width: 8.33%;
}
.col-s-2{
    width: 16.66%;
}
.col-s-3{
    width: 25%;
}
.col-s-4{
    width: 33.32%;
}
.col-s-5{
    width: 41.65%;
}
.col-s-6{
    width: 50%;
}
.col-s-7{
    width: 58.31%;
}
.col-s-8{
    width: 66.64%;
}
.col-s-9{
    width: 74.97%;
}
.col-s-10{
    width: 83.33%;
}
.col-s-11{
    width: 91.66%;
}
.col-s-12{
    width: 100%;
}
/*自适应布局*/

/*分页*/
.paginate a:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.paginate a{
    border:1px solid #EBEBEE;
    padding: 8px 13px;
    transition: all 0.25s;
    cursor: pointer;
    background: #fff;
}
.paginate a:hover{
    background: #f6f6f6;
}
.paginate a:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.paginate-box span{
    margin: 0 4px;
    cursor: pointer;
}
/*分页*/

/*辅助类*/
.pos-rel{
    position: relative;
}
.split{
    padding: 0 5px;
}
.page-box{
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}

.bg-danger{
    background: rgba(255,37,58,0.1);
}
.bg-warning{
    background: #FEF3E1;
}
.bg-success{
    background: #EDF9EF;
}
.bg-primary{
    background: rgba(126,162,240,0.1);
}
.bg-primary-fill{
    background:linear-gradient(#0E3685,#11419F);
}
.text-warning{
    color: #fa8c16;
}
.text-success{
    color: #52c41a;
}
.text-info{
    color: #13c2c2;
}
.text-primary{
    color: #0E3685;
}
.text-danger{
    color: #f5222d;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-big{
    font-size: 1.5rem;
}
.text-small{
    font-size: 0.8rem;
}
.label{
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 1rem;
    color: #fff;
    background: #9F9F9F;
}
.label-warning{
    color: #fff;
    background: #fa8c16;
}
.label-success{
    background: #52c41a;
    color: #fff;
}
.label-info{
    background: #13c2c2;
    color: #fff;
}
.label-primary{
    background: #0E3685;
    color: #fff;
}
.label-danger{
    background: #f5222d;
    color: #fff;
}
.text-center{
    text-align: center;
}
.round-5{
    border-radius: 5px;
}
.mr-10{
    margin-right: 10px;
}
.mt-20{
    margin-top: 20px;
}
.pd-5{
    padding: 5px;
}
.ml-10{
    margin-left: 10px;
}
.full-tips{
    margin: 50px 0;
    text-align: center;
    font-size:2rem;
    color: #BBBBBE;
}
.text-m{
    font-size: 0.9rem;
}
.text-l{
    font-size: 1.1rem;
}
.w100{
    width: 100%;
}
.w-100{
    width: 100px!important;
}
.w-150{
    width: 150px!important;
}
.w-200{
    width: 200px!important;
}
.w-300{
    width: 300px!important;
}
.w-400{
    width: 400px!important;
}
.w-500{
    width: 500px!important;
}
.w-600{
    width: 600px!important;
}
.w-700{
    width: 700px!important;
}
.w-800{
    width: 800px!important;
}
.w-900{
    width: 900px!important;
}
.w-1000{
    width: 1000px!important;
}
.fixed:after{
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    width: 0;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}
.link{
    color: #0E3685;
    text-decoration: underline;
}
.text-code{
    background: #FFF4E2;
    border-radius: 3px;
    padding:   0 2px;
    display: inline-block;
    color: #000000;
}
.text-bold{
    font-weight:bold;
}
.hide{
    display: none;
}
small,.small{
    font-size: 0.81rem;
}
.text-normal{
    font-size: 1rem;
}
.desc-item label{
    font-weight:bold;
    text-align: right;
    width: 70px;
    display: inline-block;
}
.desc-item{
    float: left;
    width: 50%;
    padding: 5px;
}
.desc-item.full{
    width: 100%;
}
.dis-pre{
    white-space: pre-wrap;
    padding: 10px!important;
}
.h100{
    height: 100%;
}
.thumbnail{
    display: inline-block;
    height: 35px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    vertical-align: middle;
}
/*辅助类*/


/*弹框表单*/
.m-win{
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 999;
    animation:m-win-show 0.4s ;
    opacity: 0;
    display: none;
}
.m-win .m-win-mask{
    background: rgba(26, 26, 26, 0.65);
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.m-win.on{
    opacity: 1;
    display: block;
}

.m-win .m-win-content .title-panel{
    font-weight: bold;
    padding: 15px;
    color: #000;
    border-bottom: 1px solid #f5f5f5;
    font-size: 1.1rem;
}
.m-win .m-win-content .title-panel span{
    display: block;
}
.m-win.on .m-win-content{
    animation:m-win-content-show 0.4s ;
}
.m-win .m-win-content{
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 100px 0;
}

.m-win .m-win-content .win-content{
    background: #fff;
    display: inline-block;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    text-align: left;
    max-height: 100%;
    box-shadow: 0 0 20px #555;
}
.m-win .m-win-content .win-content .win-content-panel{
    overflow-y: auto;
    overflow-x: hidden;
}
.m-win .close-btn{
    cursor: pointer;
    transition: all 0.25s;

}
.m-win .close-btn:hover{
    color: #000000;
    text-shadow: 0 0 5px #ccc;
}

.m-win.hiding{
    animation:m-win-hide 0.28s ;
}
.m-win.hiding .m-win-content{
    animation:m-win-content-hide 0.28s ;
}
@keyframes m-win-show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes m-win-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes m-win-content-show {
    from {
        top: -100px;
    }
    to {
        top: 0;
    }
}
@keyframes m-win-content-hide {
    from {
        top: 0;
    }
    to {
        top: -100px;
    }
}
/*弹框表单*/
/*弹框表单*/
.drawer{
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 999;
    animation:drawer-show 0.4s ;
    opacity: 0;
    display: none;
}
.drawer .drawer-mask{
    background: rgba(26, 26, 26, 0.65);
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.drawer.on{
    opacity: 1;
    display: block;
}
.drawer .container{
    background: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    min-width: 200px;
}
.drawer .container>.title{
    font-weight: bold;
    padding: 15px;
    color: #000;
    border-bottom: 1px solid #f5f5f5;
    font-size: 1.1rem;
    overflow: hidden;
}
.drawer .container .title .title-content{
    float: left;
}

.drawer.on .container{
    animation:container-show 0.4s ;
}

.drawer .container .content{
    background: #fff;
    overflow: hidden;
    position: relative;
    text-align: left;
    height: calc(100% - 116px);
}
.drawer .container .content{
    overflow-y: auto;
    overflow-x: hidden;
}
.drawer .container .ctrl{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    border-top: 1px solid #f4f4f4;
    background: #fff;
}
.drawer .close-btn{
    cursor: pointer;
    transition: all 0.25s;
    float: right;
    display: block;
}
.drawer .close-btn:hover{
    color: #000000;
    text-shadow: 0 0 5px #ccc;
}

.drawer.hiding{
    animation:drawer-hide 0.28s ;
}
.drawer.hiding .container{
    animation:container-hide 0.28s ;
}
@keyframes drawer-show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes drawer-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes container-show {
    from {
        right: -1000px;
    }
    to {
        right: 0;
    }
}
@keyframes container-hide {
    from {
        right: 0;
    }
    to {
        right: -1000px;
    }
}
/*弹框表单*/
/*弹框顶部提示*/
.top-toast{

    position: fixed;
    width: 100%;
    left: 0;
    top:0;
    padding-top: 10px;
    text-align: center;
    z-index: 9999;
    display: none;
}
.top-toast .content{
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    font-size: 1rem;
    margin: 0 auto;
    box-shadow: 0 0 15px #666;
    border-radius: 3px;
}
.top-toast.error .content{
    background: #f5222d;
    color: #fff;
}
.top-toast.on{
    display: block;
    animation: top-toast-show 0.28s;
}
.top-toast.hiding{
    animation: top-toast-hide 0.28s;
}
@keyframes top-toast-show {
    from {
        top:-50px;
        opacity: 0;
    }
    to {
        top:0;
        opacity: 1;
    }
}
@keyframes top-toast-hide {
    from {
        top:0;
        opacity: 1;
    }
    to {
        top: -50px;
        opacity: 0;
    }
}
/*弹框顶部提示*/


/*上传图片*/
.upload-box{
    height: 80px;
    background: #EDEEF4;
    border-radius: 3px;
    width: auto;
    min-width: 80px;
    display: inline-block;
    color: #97A1AD;
    text-align: center;
    border:1px solid #EEF2F5;
    transition: 0.2s all;
    position: relative;
}

.upload-box:hover{
    background: #fff;
    border: 1px solid #0E3685;
}
.upload-box input[type='file']{
    display: none;
}
.upload-box.avatar{
    border-radius: 50%;
    margin: 0 auto;
    width: 80px;
    overflow: hidden;
}
.upload-box .btn-remove{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}
.upload-box .btn-upload{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    height: 100%;
    width: 100%;
    left: 0;
    top:0;
    padding-top: 20px;
}
.upload-box img{
    border-radius: 3px;
    position: relative;
    z-index: 0;
    height: 100%;
    max-width: 100%;
    display: none;
}
.upload-box.active img{
    display: inline-block;
}
.upload-box.active .btn-upload{
    opacity: 0;
}
/*上传图片*/


/*加载等待*/
.loading{
    display: none;
    position: absolute;
    left: 10px;
    top:10px;
    color: #0E3685;
}
.loading i{
    animation: loading 2s linear infinite;
}
.loading.on{
    display: inline-block;
    animation: loading-show 0.28s;
}
.loading.hiding{
    animation: loading-hide 0.28s;
}
@keyframes loading-show {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes loading-hide {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
@keyframes loading {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg)
    }
}
/*加载等待*/

/*超过显示省略号*/
.ellipsis{
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}