body{padding-bottom: 20px;}
.jstz .hj-btnb{width: 100%;}
.jstz .hj-btnb button{margin: 0 auto;float: none;}
.jstz .hj-btnb button img{top: 0;}

.jstz select{width: 120px;}
.jstz .input2{margin-bottom: 0;width: 350px;margin: 0 auto;overflow: hidden;}
.jstz .input2 div{width: 60%;}
.table{max-width: 1200px;margin: 0 auto;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom:1px solid #ddd; }
.table tr{background-color: #fff;position: relative;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9;}
.table input{width: 100px;background-color: inherit;border-bottom: 1px solid #ddd;}
 .table a{display: block;float: right;letter-spacing: -1px;border: 1px solid #ddd;border-radius: 30px;width: 20px;height: 20px;line-height: 15px;text-align: center;color: #ccc;cursor: pointer;}
.table a:hover{text-decoration: none;color: #337ab7;border-color:#ccc;background-color: #f7f7f7; }

.total{background: #ddd;width: 100%;font-weight: bold;overflow: hidden;padding: 10px 0;max-width: 1200px;margin: 0 auto;}
.total-t{float: left;margin-left: 15px}
.total-n{float: right;margin-right: 15px;}

.hztable{margin-top: 20px;}
.hz-th{width: 30%;}
nav {max-width: 1200px; margin: 0 auto;}
hr{max-width: 1200px; }

.bg-info p{width: 100%;text-align: center;padding: 20px 0;color: #000;}
.jstz.hj-btnb{background: inherit;padding-bottom: 10px;}
.confirmtable .before{background-color: #f0efd7;}
.confirmtable .change{background-color: #dce8f0;}
.confirmtable.table-striped>tbody>tr:nth-of-type(odd) .before{background-color:#e6e6d7; }
.confirmtable.table-striped>tbody>tr:nth-of-type(odd) .change{background-color:#d5dfe6; }
.hj-title{padding: 0;}
.huanjiaologin .hd{ overflow:hidden;}
.huanjiaologin .hd div{ float:left; padding:10px 0; width:33%; text-align:center; cursor:pointer; border-bottom:1px solid #d2d2d2; background:#eeeeee;width: 50%;}
.huanjiaologin .hd div a:hover{text-decoration: none;}
.huanjiaologin .hd div.on{ background:#fff; border-bottom:1px solid #fff;color:#3a6cc7;}
.info{ background:#ffe3d1; width:254px; padding:10px; margin-bottom:15px; text-align:center; border:1px solid #ee955c; color:#ee955c;margin: 0 auto;margin-bottom: 30px;margin-top: 20px}

.info.success {
    background: #ecffd1;
    border: 1px solid #82bf44;
    color: #82bf44;margin: 0 auto;text-align: center;}

.over-time{position: absolute;top:-12px;left:-12px;width: 160px;height: 160px;color: #fff;text-align: center;}
.over-time .text-info{z-index: 5;position: relative;margin-top: 40px;padding: 0 15px;margin-bottom: 20px;color: #fff;}
.over-time .btn-refresh{z-index: 5;position: relative;padding: 3px 10px; border-radius: 3px;background: #258dd3;color: #fff;transition: 0.5s;}
.over-time .btn-refresh:hover{background:#1774b2 }
.over-time .bg-black{width: 100%;height: 100%;background: #000;opacity: 0.7;position: absolute;top: 0;left: 0;z-index: 1}

/*登录二维码成功*/
.over-time img{z-index: 5;position: relative;width: 60px;height: 60px;margin-top: 25px;}
.over-time .text-info-success{z-index: 5;position: relative;margin-top: 10px;padding: 0 15px;}



.main .help{float: right;margin-top: 5px;margin-bottom: 5px;margin-right: 5px;}
.main .help a{font-weight: normal;}
.main .help img{width: 14px;position: relative;top: -1px;}
.hj-title{overflow: hidden;background-size: contain;}
h4.p1-title{max-width: 1200px;margin: 0 auto;}
.p1-result{width: 90%;margin: 0 auto;padding: 0 20px;}

@media screen and (max-width: 767px){
    .jstz .input2{width: 100%;}
    .table-responsive{margin-bottom: 0;position: relative;}
     
    
    .hz-th{width: 50%;}
    .p1-result{width: 100%;}
    
}
@media screen and (max-width: 320px){
    .table-responsive .table th:first-child{position: static;}
    .table-responsive .table{margin-left: 0;}
}

/*滚动条*/
.table-responsive::-webkit-scrollbar{display: block;height: 8px;}
.table-responsive::-webkit-scrollbar-track{background:#ccc;}
.table-responsive::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:15px;}

/*table固定*/
.table-left,.table-left2{width: 150px;float: left}
.table-left table.table tr td{padding: 9px; padding-bottom: 10px;}
.table-right{float: left;width: calc(100% - 150px)}
.twotable{max-width: 1200px;margin: 0 auto;}
@media screen and (max-width: 767px){
    .table-left,.table-left2{width: 120px;}
    .table-right{width: calc(100% - 120px)}
    .table-responsive{border: none;}
}

/*首页日期*/
.date-outter{position: absolute;width: 100%;}
#date{width: 100%;max-width: 600px;margin:  0 auto; color: #fff;font-weight: bold;font-style: italic;font-size: 64px;text-align: left;margin-top: 18px;padding-left: 30px;letter-spacing: 2px;}
@media screen and (max-width: 767px){
    #date{margin-top: 10px;padding-left: 15px; font-size: 46px;letter-spacing: 0px;}
}
@media screen and (max-width: 320px){
    #date{font-size: 36px;}
}
