@charset "utf-8";
/* CSS Document */
/*公共样式*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,td{margin:0;padding:0;}
body{font:14px  ""; word-wrap:break-word;min-width:1240px;
    min-width:1280px\9;}
a,u,s,del{color:#666;text-decoration:none !important;}
fieldset ,a img,.bor0 {border:0;}
i,em,b{font-style:normal;font-weight:100;}
li{list-style:none;}
img{vertical-align:middle;}
table{border-collapse:collapse;}
.ind2{text-indent:2em;}

.rsDefault .rsFullscreenIcn{background:url('img/rs-default.png') 0 0;}
.rsDefault .rsArrowIcn{background:url('img/rs-default.png');}
#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.rsDefault .rsThumb{width:200px; height:60px;}
/*  图片水平垂直对齐*/
.valign{text-align:center;}
.valign img{vertical:middle;}
.valign:after{content:"";display:inline-block;vertical-align:middle;height:100%;}

/*溢出隐藏时出现省略号*/
.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*解决高度塌陷问题*/

.clear{zoom:1;}/*解决ie67的高度塌陷问题*/
.clear:before{content:"";display:table;}/*解决第一个子元素的margin-top向上传递问题*/
.clear:after{content:"";diaplay:block;clear:both;}
/*input,textarea {*/
    /**/
  /*!*  -webkit-appearance: none;*!*/
  /*}*/
  /*input:focus{*/
      /*border-radius: 4px;*/
  /*}*/
.Wdate{
    background-color: #fff;
    padding-bottom:0;
}
.required {
    color:red;
}
.data-form .form-control {
    width: 220px;
}
.reload-btn{
    width: 80px !important;
}
.save-or-update{
    width: 80px !important;
}
.btn-search{
    border-radius: 4px;
}
.layui-layer-loading .layui-layer-content{
    margin:auto;
}
thead{
    background:#eceaeb;
}
.form-control{
    border-radius: 4px;
    box-shadow: 0 0 0;
    padding-right: 0px\9;
}
.btn{
    border-radius: 4px;
}
.table-bordered>tbody>tr>td>.btn{
    background: #d5e7fb;
    border: 1px solid #348bec;
    color: #348bec;
    border-radius: 4px;
}

.table-bordered>tbody>tr>td{
    border: 0;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-bordered>thead>tr>th{
    border: 0
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child{
    text-align: left;
}
.background{
    overflow: hidden;
    background:#fff;
    min-height: 95%;
    width:100%;
    position: relative;
}
.data-list .query-form{
    margin-top:30px;
}

input:not(input[type=file]){
    /*height: 34px !important;*/
    border-radius: 4px !important;
}
input[type="radio"]{
    height: 14px !important;
}
input:not(input[type=checkbox],input[type=radio]){
    height: 34px !important;
    border-radius: 4px !important;
    -webkit-appearance: none;
}
select::-ms-expand{ display: none\9; }
select{
    appearance:none\9!important;
　　-moz-appearance:none\9!important;
    -webkit-appearance:none\9!important;
}

.btn{
    height: 34px !important;
    padding: 6px 12px !important;
}
td>.btn{
    height: 20px !important;
    padding: 0px 10px !important;
}
table.dataTable thead > tr > th{
    padding-right: 8px !important;
}
.icon-right {
    margin-right: 5px;
}
.table-responsive{
    overflow:hidden;
}
.fillcontent #my-table_wrapper{
    margin-top: 0;
}
select{
    overflow : hidden !important;
    text-overflow : ellipsis !important;
    white-space : nowrap !important;
}
.table-responsive tbody>tr:nth-child(odd),.table-responsive tbody>tr:nth-child(odd){background-color:#f9f9f9;}
#suypowerGrid tbody>tr:nth-child(odd),#suypowerGrid tbody>tr:nth-child(odd){background-color:#f9f9f9;}

.table-responsive table.dataTable>tbody>tr.child ul.dtr-details>li{
    border: 0;
    border-bottom: 0 solid #efefef;
}

.suypower-opacity-hide{
    filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
    position: absolute;
}

@media screen and (max-width:767px){
    body{
        min-width: 100%;
        background: #fff;
        overflow-x : hidden;

    }
    .main-content{
        background: #fff;
    }
    input:not(input[type=checkbox],input[type=radio]){
        line-height: normal;
        -webkit-appearance: none;
    }
    table.table-bordered.dataTable{
        border: 0 !important;
        margin-top: 0 !important;
    }
    .table-responsive{
        border: 0;
        margin-top: 0;
    }
    .background{
        overflow: hidden;
        background:#fff;
        min-height: 100%;
        border: 0;
    }
    #suypowerGrid .row .col-sm-12 {
        overflow-x: scroll;
        padding-right: 0;
        padding-left: 0;
        border: 1px solid #ccc;
        margin-left: 15px;
    }
    .pagination{
        display: flex;
    }
    #pageAction .pagination{
        display: inline-block;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.child{
        text-align: left;
    }
    .table-bordered>tbody>tr>td> ul li{
        display: flex;
    }
    .table-bordered>tbody>tr>td> ul li span .btn{
        background: #d5e7fb;
        border: 1px solid #348bec;
        color: #348bec;
        border-radius: 4px;
    }
    .table-bordered>tbody>tr>td{
        white-space: normal
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
        top: 0 !important;
        bottom: 0;
        margin: auto;
    }
    .data-list .query-form{
        margin-top:0;
    }
}
img{
    max-width:100%;
    height:auto;
    width:auto9;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
a,button,input{
    -webkit-tap-highlight-color:rgba(255,0,0,0)
}
input{
    border:0 none;
}
ul,p{
    padding:0;
    margin:0
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:100
}
ul,li{
    list-style:none
}
a{
    color:#666
}
a,a:hover{
    text-decoration:none
}
a:focus{
    outline:none
}

.animated{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }

}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }

}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

/*------------------- 华丽分割线 -----------------------*/

header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}
.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:999999;display:none;}
#dialog{ width: 800px;overflow: hidden;  margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -330px 0 0 -400px;z-index: 1000000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}