.main > .container {
    padding: 20px;
    background: #fff;
}
/* 导航 */
.crumbs {
    font-size: 16px;
    padding-bottom: 18px;
}
.details {
    padding: 21px 30px;
    border: 1px solid #e5e5e5;
}
.details > .fl {
    width: 815px;
}
.details > .fr {
    width: 260px;
}
.nav {
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
}
.nav span {
    display: block;
    width: 174px;
    height: 100%;
    text-align: center;
    font-size: 20px;
    background: #2778bd;
    color: #fff;
}
.details > .fr .nav span {
    width: 100%;
}
.details > .fr p {
    width: 162px;
    height: 24px;
    line-height: 24px;
    background: #0b5492;
    color: #fff;
    margin: 10px 0;
    padding-left: 20px;
}
.details > .fr li {
    margin: 10px 0;
    padding-left: 20px;
    background: url(../images/icon/dotted.png) no-repeat 1px 4px;
}
.details form {
    margin-top: 20px;
    margin-bottom: 35px;
}
.details form > ul {
    height: 114px;
}
.details form ul li {
    line-height: 26px;
    font-family: "微软雅黑", "宋体";
    width: 48%;
    float: left;
}
.details form ul li span.left {
    display: block;
    float: left;
    margin: 4px 0;
    width: 15%;
    font-size: 14px;
    margin-right: 4%;
}
.details form ul li span.right {
    display: block;
    float: left;
    width: 81%;
    margin: 0px;
    padding: 0px;
}
.details form ul li input {
    font-size: 12px;
    border: none;
    color: #666666;
    background: #eaeaea;
    width: 100%;
    margin: 6px 0px;
    line-height: 26px;
    height: 26px;
    padding: 0 15px;
    cursor: pointer;
}
.seclect_op {
    position: relative;
    display: block;
    float: left;
    z-index: 12;
}
.details .seclect_op {
    position: relative;
    z-index: 22;
    width: 100%;
}
.details form ul li .ww260 {
    width: 100%;
    z-index: 23;
}
.details .seclect_op .option {
    position: absolute;
    width: 100%;
    background: #eaeaea;
    top: 30px;
    left: 0px;
    color: #666666;
}
.details .seclect_op .option li {
    clear: both;
    width: 100%;
}
.details .seclect_op ul li {
    cursor: pointer;
    font-size: 12px;
}
.details form ul li:nth-child(2n) {
    float: right;
    margin-left: 2%;
}
.details .seclect_op input.inp1 {
    z-index: 1;
    background: url(../images/zwgk/icon18.jpg) no-repeat right #eaeaea;
}
.details form ul li .w171 {
    width: 40%;
    margin: 6px 7px 6px 20px;
}
.hao {
    font-size: 14px;
    display: inline-block;
    margin-top: 6px;
}
.details form ul li .w110 {
    width: 30%;
}
.details input.form_datetime {
    background: url(../images/zwgk/dataBg.jpg) no-repeat right #eaeaea;
    cursor: pointer;
}
.details .seclect_op ul li a {
    display: block;
    padding: 1px 15px;
    color: #000;
}
.details .seclect_op ul li a:hover {
    background: #d8d8d8;
}
.details form .butn-group {
    margin: 10px 0 7px 9%;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-info {
    color: #fff;
    background-color: #245399;
    border-color: #245399;
}
.btn {
    padding: 7px 20px;
}
.btn1 {
    opacity: 0.8;
    margin-right: 10px;
}
.title,
.list-li li {
    display: flex;
    justify-content: space-between;
    line-height: 38px;
}
.title li {
    background: #e0e6ef;
    color: #015293;
    font-weight: 600;
}

.item01 {
    width: 8%;
    text-align: center;
}
.item02 {
    width: 54%;
    text-align: left;
    padding-left: 15px;
}
.item03 {
    width: 14%;
    text-align: center;
}
.item04 {
    width: 23%;
    text-align: center;
}
.list-li li {
    margin-top: 5px;
    position: relative;
}
.list-li li:hover p {
    background: #e3ebfa;
}
.list-li li p {
    background: #f4f6fa;
}
.list-li li p span {
    display: none;
    color: #015293;
    font-weight: 600;
}
.list-li li div {
    display: none;
    position: absolute;
    top: 40px;
    left: 80px;
    width: 560px;
    height: 80px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    padding: 10px;
}
.list-li li .item02:hover ~ div {
    display: block;
}
.list-li li div span {
    line-height: 20px;
    width: 50%;
    float: left;
}
/* 分页 */
#page_div{width: 100%;margin:1em auto;text-align: center;}
.pagination-index,.pagination-num{border: 1px solid #bfbfbf;margin: 0 .2em;padding:0 .7em;display: inline-block;border-radius: 3px;color: #000;}
.pagination-num.active,.pagination-index:hover,.pagination-num:hover{background: #0068b7;color: white;}
.pagination-last>span{margin: 0 .5em;}
.pagination-last>input{height: 1.3em;width: 2em;text-align: center;}
.page_num {
    margin-top: 32px;
}

/* 日期 */
.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.glyphicon {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/zwgk/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
@media screen and (max-width: 768px) {
    .main > .container {
        width: 100%;
        padding: 10px;
    }
    .none {
        display: none;
    }
    .details {
        padding: 10px;
    }
    .details > .fl {
        width: 100%;
    }
    .details form > ul {
        height: auto;
    }
    .details form > ul > li {
        width: 100%;
    }
    .details form ul li span.left {
        width: 21%;
    }
    .details form ul li span.right {
        width: 75%;
    }
    .details form ul li .w171 {
        width: 35%;
        margin: 6px 0 6px 4%;
    }
    .details form {
        margin: 20px 0;
    }
    .title {
        display: none;
    }
    .list-li li {
        flex-wrap: wrap;
        
    }
    .list-li li p {
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }
    .list-li li p span {
        display: inline-block;
        vertical-align: middle;
    }
    .details > .fr {
        width: 100%;
    }
    .details > .fr p,
    .details > .fr ul {
        margin-left: 5%;
    }
    #page_div {
        width: 100%;
    }
    .pagination-last {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }
}