body{
    line-height: 24px;
    font: 14px "寰蒋闆呴粦",Arial;
    font-weight: lighter;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
input{
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
input, textarea{
    outline: 0;
    display: block;
    border: none;
    background: none;
}
a {
    color: #5f6572;
    text-decoration: none;
}
table,tr,td{
    word-wrap: break-word; word-break: break-all;
}
select::-ms-expand {
    display: none;
}
select{
    cursor:pointer;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background: url("../images/conf_3.png") no-repeat scroll right 4px center transparent;
}
img {
    padding: 0;
    margin: 0;
    border: none;
}
.clearfix:after,.content .contentBox:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.loginHtml, .loginBody {
    height: 100%;
    overflow: hidden;
}
.loginBg,.loginBg img{
    width: 100%;
    height: 100%;
}
.loginLogo {
    position: absolute;
    left: 40px;
    top: 40px;
}
.loginBody .loginBox {
    width: 416px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -288px 0 0 -208px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.loginBody .loginBox .loginTitle{
    width: 100%;
    font-size: 50px;
    color: #fbfbf9;
    text-align: center;
    margin-bottom: 40px;
}
.loginBody .loginBox .loginList li{
    position: relative;
    width: 100%;
    background: #fff;
    border: #fff;
    margin-bottom: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.loginBody .loginBox .loginList li.now{
    box-shadow: 0 0 15px 1px #ffc000;
}
.loginBody .loginBox .loginList li .icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}
.loginBody .loginBox .loginList li:first-child .icon{
    background: url("../images/icon_1.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child.now .icon{
    background: url("../images/icon_5.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li .icon{
    background: url("../images/icon_2.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li.now .icon{
    background: url("../images/icon_6.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li+li .icon{
    background: url("../images/icon_3.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li+li.now .icon{
    background: url("../images/icon_7.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li+li+li .icon{
    background: url("../images/icon_4.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li:first-child+li+li+li.now .icon{
    background: url("../images/icon_8.gif") no-repeat center center;
}
.loginBody .loginBox .loginList li.inputBox input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #5f6572;
    padding-left: 50px;
    box-sizing: border-box;
}
.loginBody .loginBox .loginList li .code{
    position: absolute;
    top: 2px;
    right: 2px;
    width: 115px;
    height: 46px;
}
.loginBody .loginBox .loginList li .code img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.loginBody .loginBox .loginList li .inputBtn{
    width: 100%;
    box-shadow: 0 0 10px 1px #29c9ff;
    background: #29c9ff;
    cursor: pointer;
}
.loginBody .loginBox .loginList li .inputBtn input{
    width: 100%;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    cursor: pointer;
}
.loginBody .loginBox .loginList li .inputBtn:hover{
    opacity: .9;
    filter: alpha(opacity=90);
    color: #fff;
}
#rightbox{
    padding:0 8px 0 0;
    width:33px;
    height:auto;
    position: fixed;
    top: 43%;
    right: 0;
    z-index:998;
}
#rightbox li{
    padding-bottom:4px;
    width:33px;
    height:33px;
    float:left;
    position:relative;
}
#rightbox li .weixin1{
    width:88px;
    height:81px;
    position:absolute;
    left:-148px;
    top:-23px;
    background:url(../images/weixinbg1.png) no-repeat left top;
    display:none;
}
#rightbox li .weixin1 .weixin2{
    padding:4px;
    width:80px;
    height:73px;
    float:left;
}
#rightbox li .icon{
    width:auto;
    height:33px;
    float:left;
    background:url(../images/iconbg1.png);
    border-radius:33px;
    position:absolute;
    right:0;
    top:0;
}
#rightbox li .icon1{
    width:auto;
    height:33px;
    float:left;
    position:relative;
}
#rightbox li .icon .pic{
    width:33px;
    height:33px;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
}
#rightbox li .icon  .icontit{
    padding-left:33px;
    width:0;
    height:33px;
    line-height:33px;
    font-size:14px;
    color:#fff;
    float:left;
    overflow:hidden;
}
#rightbox li .icon  .icontit1 a{
    line-height:33px;
    font-size:14px;
    color:#fff;
}
#rightbox li .icon  .icontit .sharetit{
    width:auto;
    height:33px;
    line-height:33px;
    font-size:14px;
    color:#fff;
    float:left;
    overflow:hidden;
}
.bottom-copy{
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.bottom-copy a{
    color: #fff;
}
.bottom-copy a img{
    margin-right: 12px;
}
.container .header{
    position: relative;
    z-index: 1000;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 2px 1px #edeef3;
}
.container .header .logo {
    float: left;
    font-size: 26px;
    color: #5f6572;
    padding: 12px 25px;
    text-align: center;
}
.container .header .logo img {
    float: left;
}
.container .header .logo span {
    float: left;
    line-height: 46px;
    padding-left: 22px;
    margin-left: 22px;
    border-left: 1px solid #f3f3f3;
}
.container .header .menu{
    float: right;
    position: relative;
    padding-right: 36px;
}
.container .header .menu .menuTit{
    padding: 12px 20px;
    background: url("../images/conf_3.png") no-repeat right center;
    cursor: pointer;
}
.container .header .menu .menuTit.now{
    background: url("../images/conf_4.png") no-repeat right center;

}
.container .header .menu .menuTit .name{
    font-size: 18px;
    color: #5f6572;
    text-align: right;
}
.container .header .menu .menuTit .identity{
    font-size: 14px;
    color: #b7bdca;
}
.container .header .menu .menuList{
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: -32px;
    top: 100px;
    width: 140px;
    line-height: 40px;
    padding: 12px 0;
    box-shadow: 0 0 14px 1px rgba(0,0,0,.12);
    border: 1px solid #e9e9e9;
    background-color: #fff;
    z-index: 100;
}
.container .header .menu .menuList li a{
    display: block;
    font-size: 14px;
    color: #5f6572;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.container .header .menu .menuList li a img{
    vertical-align: sub;
    margin-right: 7px;
}
.container .header .menu .menuList li:hover{
    background: #f4f5f9;
}
.leftNav{
    position: fixed;
    left: 0;
    top: 70px;
    bottom: 0;
    z-index: 999;
    width: 220px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    background: #1c2b36;
}
.leftNav .navBox{
    position: relative;
    width: 240px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.leftNav .navBox .box{
    position: relative;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
    width: 220px;
    color: #627d98;
}
.leftNav .navBox .box .title{
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #627d98;
    padding: 0 12px;
}
.leftNav .navBox .box .navList{
    width: 100%;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #1a2833;
}
.leftNav .navBox .box .navList.now,.leftNav .navBox .box .navList:hover {
    border-left: 4px solid #29c9ff;
    background: #131e26;
}
.leftNav .navBox .box .navList .tit{
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #869fb1;
    padding: 0 25px;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    background: url(../images/conf_1.png) no-repeat 196px center;
}
.leftNav .navBox .box .navList.now .tit {
    color: #fff;
    background: url(../images/conf_2.png) no-repeat 196px center;
}
.leftNav .navBox .box .navList .tit img{
    vertical-align: middle;
    margin:-2px 3px 0 0;
}
.leftNav .navBox .box .navList:hover .tit{
    color: #fff;
}
.leftNav .navBox .box .navList:hover .tit img,.leftNav .navBox .box .navList.now .tit img{
    transition: filter .3s;
    filter: brightness(1.1) contrast(1000%);
}
.leftNav .navBox .box .navList .list{
    width: 100%;
    padding-bottom: 15px;
}
.leftNav .navBox .box .navList.now .list{
    display: block;
    
}
.leftNav .navBox .box .navList .list li a{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #869fb1;
    padding: 0 44px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
}
.leftNav .navBox .box .navList .list li a:hover,.leftNav .navBox .box .navList .list li a.now {
    color: #29c9ff;
    background: url(../images/spot.gif) no-repeat 34px center;
}
.content{
    min-width: 980px;
    position: absolute;
    left: 220px;
    right: 0;
    top: 70px;
    bottom: 0;
    background: #f2f3f8;
    z-index: 998;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 35px;
}
.content .contentBox {
    width: 100%;
}
.content .topTitle {
    width: 100%;
    box-sizing: border-box;
    padding: 28px 0;
}
.content .topTitle .tit {
    float: left;
    line-height: 38px;
    font-size: 26px;
    color: #5f6572;
}
.content .topTitle .tit span{
    color: #29c9ff;
}
.content .securityBox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 55px;
    background: #fff;
}
.content .securityBox li {
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #f1f2f7;
}
.content .securityBox li:first-child{
    border-top:none;
}
.content .securityBox li .left{
    float: left;
    width: 20%;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
}
.content .securityBox li .right{
    float: right;
    width: 80%;
}
.content .securityBox li .right .inputBox{
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.content .securityBox li .right .inputBox.now,.content .securityBox li .right .inputBox:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .securityBox li .right .inputBox .inputButton{
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.inputText{
    width: 100%;
    padding-left: 10px;
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #6c727d;
}
.inputInline{
    width: 50px;
}
.inputButton{
    display: inline-block;
    border-radius: 2px;
    background: #29c9ff;
    cursor: pointer;
}
.inputButton input{
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-align: center;

}
.inputButton:hover{
    opacity: .8;
    filter: alpha(opacity=80);
}
.inputButton .btn-big{
    height: 50px;
    line-height: 50px;
    padding: 0 85px;
}
.floatBox{
    float: left;
    display: block;
    line-height: 38px;
    margin:0 10px 5px 0;
    border: 1px solid transparent;
}
.content .securityBox li .right ul li{
    float: left;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #f1f2f7;
}
.content .securityBox li .right ul li:first-child{
    padding-top: 0;
    border: none;
}
.switchBox{
    display: inline-block;
    position: relative;
    line-height: 22px;
    width: 62px;
    height: 34px;
    border-radius: 34px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
}
.switchBox input{
    position:absolute;
    width: 100%;
    height: 100%;
    z-index:999;
    opacity:0;
    filter: alpha(opacity=0);
    box-shadow: 0 0 7px -1px #d5d5d5;
    cursor: pointer;
}
.switchBox .circular{
    position: absolute;
    left: 1px;
    top: 1px;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    background-color: #d2d2d2;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    box-shadow: 0 0 7px -1px #d5d5d5;
    cursor: pointer;
}
.content .securityBox li .right ul li .left{
    font-weight: normal;
    color: #6c727d;
}
.radioBox{
    position: relative;
    float: left;
    margin: 0 30px 5px 0;
    cursor: pointer;
}
.radioBox input{
    position: absolute;
    right: 0;
    top: 0;
    opacity:0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.radioBox label{
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    color: #6c727d;
    box-sizing: border-box;
    padding-left: 18px;
    background: url("../images/radio1.gif") no-repeat left center;
    transition: all .2s;
    -webkit-transition: all .2s;
    cursor: pointer;
}
.radioBox label.now{
    background: url("../images/radio2.gif") no-repeat left center;
}
.footer{
    width: 100%;
    line-height: 44px;
    background-color: #f2f3f8;
    font-size: 12px;
}
.footer img{
    margin-right: 6px;
    vertical-align: middle;
}
.content .topTitle .btnBox{
    float: right;
}
.content .topTitle .btnBox .left{
    float: left;

}
.content .topTitle .btnBox .left .btn{
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    margin-left: 8px;
    font-size: 14px;
    background: #d8dce2;
    color: #5f6572;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
.content .topTitle .btnBox .left .btn:hover{
    color: #fff;
    background: #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .topTitle .btnBox .right{
    float: left;
    padding-left: 22px;
    margin-left: 22px;
    border-left: 1px solid #e5e7ed;
}
.content .topTitle .btnBox .right .btn{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    font-size: 14px;
    background: #ffc000;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .topTitle .btnBox .right .btn:hover{
    opacity: .8;
    box-shadow: 0 0 7px -1px #ffc000;
}
.content .listBox{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 55px;
    background: #fff;
}
.content .listBox .listTitle{
    margin-top: 45px;
}
.content .listBox .TakeUp{
    display: none;
}
.content .listBox .listTitle .selectBox{
    float: left;
}
.content .listBox .listTitle .selectBox select{
    float: left;
    border: 1px solid #e7e7eb;
    padding: 5px 18px 5px 3px;
    font-size: 14px;
    color: #000;
    height: 32px;
    margin-right:10px;
    outline: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .listBox .listTitle .selectBox select:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .listBox .listTitle .timeBox{
    position: relative;
    float: left;
    border: 1px solid #e7e7eb;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    margin-right: 40px;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .listBox .listTitle .timeBox:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .listBox .listTitle .timeBox .start{
    float: left;
    font-size: 14px;
    color: #5f6572;
    height: 30px;
    padding-right: 6px;
    line-height: 30px;
}
.content .listBox .listTitle .timeBox .stop{
    float: left;
    font-size: 14px;
    color: #5f6572;
    height: 16px;
    line-height: 16px;
    padding:0 6px;
    margin-top: 6px;
    border-left: 1px solid #e7e7eb;
}
.content .listBox .listTitle .timeBox input{
    float: left;
    font-size: 14px;
    min-width: 102px;
    color: #5f6572;
    height: 30px;
    line-height: 30px;
    padding-right: 30px;
    background: url(../images/conf_1.gif) no-repeat right center;
    cursor: pointer;
}
.content .listBox .listTitle .searchBox{
    position: relative;
    float: right;
    height: 30px;
    border: 1px solid #e7e7eb;
    background: #fff;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .listBox .listTitle .titleTips{
    float: left;
    font-size: 22px;
    color: #5f6572;
}
.content .listBox .listTitle .titleTips span{
    font-size: 14px;
    color: #f45454;
    margin-left: 14px;
}
.content .listBox .listTitle .searchBox:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .listBox .listTitle .searchBox input[type='text']{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
}
.content .listBox .listTitle .searchBox input[type='submit']{
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 30px;
    cursor: pointer;
    background:url("../images/search1.gif") no-repeat center center;
}
.content .listBox .listTitle .searchBox input[type='submit']:hover{
    background:url("../images/search2.gif") no-repeat center center;
}
.content .listBox .listTable{
    width: 100%;
    margin-top: 45px;
}
.content .listBox .listTable table tr th{
    height: 60px;
    font-size: 14px;
    font-weight: normal;
    color: #5f6572;
    background: #f4f5f9;
    text-align: left;
    padding:0 15px;
}
.content .listBox .listTable table tr th a{
    color: #5f6572;
}
.content .listBox .listTable table tr th.left,.content .listBox .listTable table tr th.right{
    padding: 0;
}
.content .listTable table tr th .sort{
    padding-right: 16px;
    background: url("../images/tableSort.gif") no-repeat right center;
    cursor: pointer;
}
.content .listTable table tr th .sort.up{
    background: url("../images/tableSortUp.gif") no-repeat right center;
}
.content .listTable table tr th .sort.down{
    background: url("../images/tableSortDown.gif") no-repeat right center;
}
.content .listTable table tr td{
    height: 80px;
    border-bottom: 1px solid #f1f2f7;
    color: #6c727d;
    background: #fff;
    padding: 0 15px;
}
.content .listTable table tr:hover td{
    background: #fbfbfd;
}
.content .listTable table tr td .text{
    font-size: 14px;
    color: #6c727d;
    position: relative;
    overflow: hidden;
    text-align: left;
}
.content .listTable table tr td img{
    max-width: 126px;
    max-height: 60px;
    vertical-align: middle;
    background: #d0cfcf;
    border: 1px solid #e6e6e6;
}
.content .listTable table tr td .center{
    text-align: center;
}
.content .listTable table tr th .tit,.content .listTable table tr td .tit{
    padding:0 20px;
    text-align: left;
}
.content .listTable table tr:hover td .tit{
    color: #29c9ff;
}
.content .listTable table tr td.left,.content .listTable table tr td.right{
    padding: 0;
}
.content .listTable table tr td span{
    color: #29c9ff;
}
.content .listBox .listTable table tr .checkBox{
    width: 120px;
}
.checkBox input[type="checkbox"]{
    background: url(../images/checkbox1.gif) no-repeat center center;
    background-size:15px 15px;
}
.checkBox input[type="checkbox"]:checked{
    background: url(../images/checkbox2.gif) no-repeat center center;
    background-size:15px 15px;
}
.content .listTable table tr input[type="checkbox"]{
    float: left;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    margin: 1px 0 0 20px;
    cursor: pointer;
}
.content .listTable table tr label{
    float: left;
    min-width: 35px;
    padding: 0 10px;
    text-align: center;
}
.content .listBox .listTable table tr .operation{
    width: 180px;
    text-align: center;
}
.content .listTable table tr td .operation .btn{
    display: inline-block;
    font-size: 14px;
    color: #6c727d;
    padding: 0 10px;
    border-left: 1px solid #f1f2f7;
    cursor: pointer;
}
.content .listTable table tr td .operation .btn:first-child{
    border: none;
}
.content .listTable table tr td .operation .btn:hover{
    color: #29c9ff;
}
.pages{
    width: 100%;
    height: auto;
    margin: 42px 0 50px;
}
.pages .pagesBox{
    float: right;
    width: auto;
    height: 30px;
}
.pages .pagesBox li{
    float: left;
    color: #676a6c;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}
.pages .pagesBox li .blue{
    color: #29c9ff;
}
.pages .pagesBox li select{
    display: inline-block;
    border: 1px solid #e7e7eb;
    padding: 5px 3px;
    font-size: 14px;
    color: #000;
    height: 32px;
    width: 60px;
    outline: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: url(../images/conf_3.png) no-repeat 44px center;
}
.pages .pagesBox li select:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.m-r8{
    margin-right: 8px;
}
.m-r20{
    margin-right: 20px;
}
.pages .pagesBox li a.next{
    display: block;
    width: 30px;
    height: 30px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #e7e7eb;
    background:url("../images/pagesPrev3.png") no-repeat center center #fff;
}
.pages .pagesBox li a.list{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #6c727d;
    overflow: hidden;
    border: 1px solid #e7e7eb;
    border-left: none;
}
.pages .pagesBox li a.list.now,.pages .pagesBox li a.list:hover{
    background: #29c9ff;
    color: #fff;
}
.pages .pagesBox li a.next:hover{
    background:url("../images/pagesPrev4.png") no-repeat center center #29c9ff;
}
.pages .pagesBox li a.prev{
    display: block;
    width: 30px;
    height: 30px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #e7e7eb;
    background:url("../images/pagesPrev1.png") no-repeat center center #fff;
}
.pages .pagesBox li a.prev:hover{
    background:url("../images/pagesPrev2.png") no-repeat center center #29c9ff;
}
.pages .pagesBox li input[type='text']{
    display: block;
    width: 58px;
    height: 32px;
    color: #676a6c;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e7e7eb;
    border-radius: 3px;
    overflow: hidden;
}
.pages .pagesBox li input[type='button']{
    width: 50px;
    height: 30px;
    float: left;
    color: #fff;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    overflow: hidden;
    background: #29c9ff;
    cursor: pointer;
    border: 1px solid #29c9ff;
}
.pages .pagesBox li input[type='button']:hover{
    opacity: .8;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.selectPopup{
    width: 350px;
    margin:25px auto 0;
    box-sizing: border-box;
    padding: 20px 40px;
}
.selectPopup .list{
    width: 100%;
}
.selectPopup .list li{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.selectPopup .list li .tit{
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #5f6572;
}
.selectPopup .list li:hover .tit{
    color: #29c9ff;
}
.selectPopup .list li .textareaBox{
    width: 100%;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.selectPopup .list li .textareaBox.now,.selectPopup .list li .textareaBox:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.selectPopup .list li .textareaBox textarea{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 5px;
}
.selectPopup .list li .left{
    float: left;
    width: 60px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #5f6572;
}
.selectPopup .list li .right{
    float: left;
    width: 210px;
}
.selectPopup .list li .right select{
    float: left;
    border:none;
    padding: 2px 3px 4px 20px;
    font-size: 15px;
    color: #5f6572;
    height: 36px;
    width: 100%;
    margin-right: 10px;
    outline: none;
}
.selectPopup .list li .right input[type='text'],.selectPopup .list li .right input[type='password']{
    width: 100%;
    height: 36px;
    font-size: 15px;
    color: #5f6572;
    line-height: 36px;
    padding-left: 20px;
    box-sizing: border-box;
}
.selectPopup .list li .right .switchBox{
    margin-left: 20px;
}
.selectPopup .list li .line{
    float: left;
    width: 100%;
    height: 1px;
    background: #f7f7f8;
}
.selectPopup .list li .line .line1{
    float: left;
    width: 60px;
    height: 1px;
    background: #e0e1e4;
}
.selectPopup .inputBtn{
    width: 100%;
    margin-top: 16px;
    background: #29c9ff;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.selectPopup .tips{
    padding: 15px 0;
    font-size: 14px;
    color: #5f6572;
}
.selectPopup .tips span{
    color: #f45454;
}
.inputBtn2{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #F8F8F8;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    padding: 10px 15px 12px;
}
.inputBtn2 input{
    float: right;
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border-color: #29c9ff;
    background-color: #29c9ff;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;

}
.selectPopup .inputBtn:hover{
    opacity: .8;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.selectPopup .inputBtn input{
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    cursor: pointer;
}
.content .securityBox li .right .checkBox{
    float: left;
    margin-right: 30px;
}
.content .securityBox li .right .checkBox input{
    float: left;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    margin: 11px 0 0 0;
    cursor: pointer;
}
.content .securityBox li .right .checkBox label{
    float: left;
    line-height: 38px;
    padding-left: 3px;
}
.content .securityBox li .right .textareaBox{
    width: 100%;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .securityBox li .right .textareaBox.now,.content .securityBox li .right .textareaBox:hover{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .securityBox li .right .textareaBox textarea{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 5px;
}
.content .contentLeft{
    float: left;
    width: 77%;
}
.content .contentRight{
    float: left;
    width: 23%;
    box-sizing: border-box;
}
.content .contentRight .title{
    font-size: 16px;
    color: #5f6572;
    padding: 45px 0 25px 0;
}
.content .contentRight .text{
    font-size: 12px;
    color: #5f6572;
    line-height: 26px;
    box-sizing: border-box;
    padding-right: 26px;
}
.content #menulist{
    width: 100%;
}
.content .navAdmin{
    float: left;
    width: 50%;
    margin-bottom: 40px;
}
.content .navAdmin .navAdminBox{
    padding: 36px 40px;
    margin-right: 40px;
    background: #fff;
}
.content .navAdmin .navAdminBox .title{
    font-size: 22px;
    color: #5f6572;
}
.content .navAdmin .navAdminBox .title img{
    float: left;
    margin:6px 3px 0 0;
    vertical-align: middle;
}
.content .navAdmin .navAdminBox .title .btn{
    display: none;
    float: left;
}
.content .navAdmin .navAdminBox .title:hover .btn{
    display: block;
}
.content .navAdmin .navAdminBox .title .btn a{
    float: left;
    font-size: 16px;
    line-height: 28px;
    margin-left: 18px;
    color: #29c9ff;
}
.content .navAdmin .navAdminBox .title .tit{
    float: left;
}
.content .navAdmin .navAdminBox .navList{
    background: url("../images/line1.gif") repeat-y 7px 0;
}
.content .navAdmin .navAdminBox .navList>ul{
    width: 100%;
}
.content .navAdmin .navAdminBox .navList>ul>li{
    padding: 40px 0 0 33px;
    background: url(../images/line2.gif) no-repeat 6px 50px;
}
.content .navAdmin .navAdminBox .navList>ul>li.end{
    background: url(../images/line5.gif) no-repeat 7px 1px #fff;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit{
    font-size: 16px;
    color: #5f6572;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit img{
    float: left;
    margin-right: 3px;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit .txt{
    float: left;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit .btn{
    display: none;
    float: left;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit:hover .btn{
    display: block;
}
.content .navAdmin .navAdminBox .navList>ul>li .tit .btn a{
    float: left;
    margin-left: 12px;
    color: #29c9ff;
}
.content .navAdmin .navAdminBox .navList>ul>li .list{
    background: url("../images/line1.gif") repeat-y 7px 1px;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li{
    float: left;
    width: 100%;
    padding: 15px 0 0 22px;
    background: url(../images/line3.gif) no-repeat 7px 25px;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li.end{
    background: url(../images/line4.gif) no-repeat 7px 1px;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li .text{
    float: left;
    margin-right: 6px;
    cursor: pointer;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li .btn{
    display: none;
    float: left;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li:hover .btn{
    display: block;
}
.content .navAdmin .navAdminBox .navList>ul>li .list>ul>li .btn a{
    float: left;
    margin-left: 18px;
    color: #29c9ff;
}
.content .Jurisdiction{
    margin:0 40px 26px 0;
}
.content .Jurisdiction .JurisdictionBox{
    box-sizing: border-box;
    padding: 18px 55px;
    background: #fff;
}
.content .Jurisdiction .JurisdictionTit{
    font-size: 26px;
    height: 80px;
    line-height: 80px;
}
.content .Jurisdiction .JurisdictionTit img{
    margin-right: 12px;
}
.content .Jurisdiction .JurisdictionList{
    width: 100%;
}
.content .Jurisdiction .JurisdictionList ul li{
    float: left;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #f1f2f7;
}
.content .Jurisdiction .JurisdictionList ul li .left{
    float: left;
    width: 20%;
    font-size: 14px;
    color: #6c727d;
    line-height: 38px;
    box-sizing: border-box;
    padding-left: 20px;
}
.content .Jurisdiction .JurisdictionList ul li .right{
    float: right;
    width: 80%;
}
.content .contentBox .indexTop{
    margin-top: 40px;
    width: 100%;
}
.content .contentBox .indexTop .topLeft{
    float: left;
    width: 30%;
}
.content .contentBox .indexTop .topLeft li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 30px;
    margin-top: 18px;
}
.content .contentBox .indexTop .topLeft li:first-child,.content .contentBox .indexTop .topLeft li:first-child+li{
    margin-top: 0;
}
.content .contentBox .indexTop .topLeft li .dataBox{
    width: 100%;
    background: #fff;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    padding: 35px 20px 15px;
}
.content .contentBox .indexTop .topLeft li .dataBox .num{
    width: 100%;
    font-size:40px;
    color: #5f6572;
}
.content .contentBox .indexTop .topLeft li .dataBox .text{
    font-size: 14px;
    color: #c9c9d0;
}
.content .contentBox .indexTop .topLeft li .dataBox .icon{
    height: 8px;
    width: 100%;
}
.content .contentBox .indexTop .topLeft li.up .dataBox .icon{
    background: url("../images/iconUp.png") no-repeat right center;
}
.content .contentBox .indexTop .topLeft li.down .dataBox .icon{
    background: url("../images/iconDown.png") no-repeat right center;
}
.content .contentBox .indexTop .topLeft li.blue .dataBox{
    background: #29c9ff;
}
.content .contentBox .indexTop .topLeft li.yellow .dataBox{
    background: #ffc000;
}
.content .contentBox .indexTop .topLeft li.blue .dataBox .num,.content .contentBox .indexTop .topLeft li.blue .dataBox .text{
    color: #fff;
}
.content .contentBox .indexTop .topLeft li.yellow .dataBox .num,.content .contentBox .indexTop .topLeft li.yellow .dataBox .text{
    color: #fff;
}
.content .contentBox .indexTop .topRight{
    float: left;
    width: 70%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
}
.content .contentBox .indexTop .topRight .txt{
    font-size: 22px;
    color: #5f6572;
}
.content .contentBox .indexTop .topRight #chart{
    width: 100%;
    height: 236px;
}
.content .contentBox .indexCont{
    margin-top: 30px;
    width: 100%;
}
.content .contentBox .indexCont .contLeft{
    float: left;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
}
.content .contentBox .indexCont .contLeft .leftBox{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    background: #fff;
    border-radius: 2px;
}
.content .contentBox .indexCont .contLeft .title{
    width: 100%;
    line-height: 30px;
}
.content .contentBox .indexCont .contLeft .title .txt{
    float: left;
    font-size: 18px;
    color: #3e3e3f;
    font-weight: normal;
}
.content .contentBox .indexCont .contLeft .title .all{
    float: right;
    font-size: 14px;
    color: #5f6572;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .contentBox .indexCont .contLeft .title .all:hover{
    color: #29c9ff;
}
.content .contentBox .indexCont .contLeft .Journal{
    width: 100%;
    margin-top: 36px;
    background:url("../images/line6.gif") repeat-y 6px 0;
}
.content .contentBox .indexCont .contLeft .Journal li{
    width: 100%;
    padding: 0 0 36px 28px;
    box-sizing: border-box;
}
.content .contentBox .indexCont .contLeft .Journal li:last-child{
    padding-bottom: 0;
    margin-bottom: 18px;
}
.content .contentBox .indexCont .contLeft .Journal li.blue{
    background: url("../images/iconBlue.gif") no-repeat;
}
.content .contentBox .indexCont .contLeft .Journal li.red{
    background: url("../images/iconRed.gif") no-repeat;
}
.content .contentBox .indexCont .contLeft .Journal li.yellow{
    background: url("../images/iconYellow.gif") no-repeat;
}
.content .contentBox .indexCont .contLeft .Journal li .tit{
    font-size: 18px;
    line-height: 12px;
    color: #5f6572;
}
.content .contentBox .indexCont .contLeft .Journal li .txt{
    font-size: 14px;
    line-height: 22px;
    color: #5f6572;
    margin-top: 8px;
}
.content .contentBox .indexCont .contLeft .Journal li .time{
    font-size: 14px;
    color: #5f6572;
    margin-top: 12px;
}
.content .contentBox .indexCont .contLeft .Journal li.blue .time{
    color: #29c9ff;
}
.content .contentBox .indexCont .contLeft .Journal li.yellow .time{
    color: #ffc000;
}
.content .contentBox .indexCont .contLeft .Journal li.red .time{
    color: #eb3e3e;
}
.content .contentBox .indexCont .contRight{
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding: 25px;
    background: #fff;
    border-radius: 2px;
}
.content .contentBox .indexCont .contRight .title{
    font-size: 18px;
    color: #3e3e3f;
    font-weight: normal;
}
.content .contentBox .indexCont .contRight .publishTable{
    width: 100%;
    margin-top: 16px;
}
.content .contentBox .indexCont .contRight .publishTable tr td{
    height: 80px;
    padding: 0 20px;
    border-top: 1px solid #f1f2f7;
    color: #5f6572;
}
.content .contentBox .indexCont .contRight .publishTable tr td span{
    color: #29c9ff;
}
.content .contentBox .indexCont .contRight .publishTable tr td a{
    display: inline-block;
    min-width: 30px;
    padding: 0 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.content .contentBox .indexCont .contRight .publishTable tr td a:hover{
    color: #29c9ff;
}
.content .contentBox .indexCont .contRight .publishTable tr:hover td{
    background: #fbfbfd;
}
.content .fmBox{
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 55px;
    margin-bottom: 36px;
}
.content .fmBox .fmTitle{
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom:1px solid #f1f2f7;
}
.content .fmBox .fmTitle .tit{
    float: left;
    font-size: 26px;
    color: #5f6572;
}
.content .fmBox .fmTitle .btnBox{
    float: right;
}
.content .fmBox .fmTitle .btnBox .btn{
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 8px;
    font-size: 14px;
    background: #fff;
    color: #29c9ff;
    border: 1px solid #29c9ff;
    white-space: nowrap;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
.content .fmBox .fmTitle .btnBox .btn a{
    display: block;
    color: #29c9ff;
    padding: 0 18px;
}
.content .fmBox .fmTitle .btnBox .btn:first-child{
    margin-left: 0;
}
.content .fmBox .fmTitle .btnBox .btn:hover{
    color: #fff;
    background: #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .fmBox .fmTitle .btnBox .btn a:hover{
    color: #fff;
 }
.content .fmBox .fmCont{
    width: 100%;
}
.content .fmBox .fmCont .noneCont{
    text-align: center;
    padding: 80px 0;
}
.content .fmBox .fmCont .fmList{
    width: 100%;
    padding: 30px 0;
}
.content .fmBox .fmCont .fmList li{
    float: left;
    width: 14%;
    padding: 13px 0;
    text-align: center;
}
.memberManagement{
    width: 100%;
    box-sizing: border-box;
    padding:0 36px;
}
.memberManagement .title{
    font-size: 14px;
    color: #5f6572;
    padding: 24px 0;
    border-bottom: 1px solid #f1f2f7;
}
.memberManagement .title span{
    color: #29c9ff;
}
.memberManagement .list{
    width: 100%;
    padding: 15px 0 62px;
}
.memberManagement .list li{
    float: left;
    width: 33.33%;
}
.memberManagement .list li .checkBox{
    width: 100%;
}
.memberManagement .list li .checkBox input{
    float: left;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    margin: 11px 0 0 0;
    cursor: pointer;
}
.memberManagement .list li .checkBox label{
    float: left;
    width: 73px;
    line-height: 38px;
    padding-left: 3px;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.content .securityBox li .right .selectBox{
    float: left;
    width: 100%;
}
.content .securityBox li .right .selectBox select{
    float: left;
    padding: 10px 10px;
    font-size: 14px;
    color: #000;
    width: 100%;
    outline: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    border: 1px solid #e7e7eb;
    border-radius: 2px;
    background:none;
    background: url(../images/conf_3.png) no-repeat scroll right 6px center transparent;
}
.content .securityBox li .right .selectBox.pcw-50{
    width: 50%;
}
.content .securityBox li .right .selectBox.pcw-50:nth-of-type(2){
    box-sizing: border-box;
    padding-left:10px;
}
.content .securityBox li .right .selectBox select:hover,.content .securityBox li .middle .inputBox:hover,.content .securityBox li .middle .inputBox.now{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.content .securityBox li .right .w-38{
    width: 38%;
}
.content .securityBox li .middle{
    float: left;
    width: 60%;
}
.content .securityBox li .middle .inputBox{
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.content .securityBox li .behind{
    position: absolute;
    right: 0;
    top: 15px;
    width: 15%;
}
.content .securityBox li .behind .bannerPic{
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border: 1px solid #e6e6e6;
    background: #d0cfcf;
}
.content .securityBox li .behind .bannerPic img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.uploadBox{
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 50px 55px;
    margin-bottom: 45px;
}
.uploadBox .left{
    float: left;
    width: 15%;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #6c727d;
}
.uploadBox .right{
    float: left;
    width: 85%;
}
.uploadBox .right .inputBox{
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.uploadBox .right .inputBox:hover,.uploadBox .right .inputBox.now{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}
.uploadBox .right .inputBox .inputButton{
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.uploadBox .right .inputBox input[type='file']{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    font-size:500px;
    filter: alpha(opacity:0);
    opacity: 0;
}
.uploadBox .right .inputBox .inputText{
    padding-left: 106px;
}
.uploadBox .right .inputBox .txt{
    position: absolute;
    top:2px;
    left: 2px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #5f6572;
    background: #d8dce2;
    padding: 0 22px;
    border-radius: 2px;
    cursor: pointer;
}
.content .securityBox li .uploadRight{
    float: left;
    width: 60%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.content .securityBox li .uploadRight .txt{
    position: absolute;
    top: 2px;
    left: 2px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #5f6572;
    background: #d8dce2;
    padding: 0 22px;
    border-radius: 2px;
    cursor: pointer;
}
.content .securityBox li .uploadRight input[type='file']{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 500px;
    filter: alpha(opacity:0);
    opacity: 0;
}
.content .securityBox li .uploadRight .inputText{
    padding-left: 106px;
}
.content .listTable table tr td .inputBox{
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.content .listTable table tr td .inputBox.now{
    border: 1px solid #29c9ff;
    box-shadow: 0 0 7px -1px #29c9ff;
}



/*鎵嬫満鏍峰紡*/
@media screen and (max-width: 1600px){
    .content .listBox{
        padding: 2px 20px;
    }
    .uploadBox{
        padding:20px;
        margin-bottom: 25px;
    }
    .content .navAdmin .navAdminBox {
        padding:20px;
        margin-right: 20px;
    }
    .content .navAdmin .navAdminBox .title .btn a {
        margin-left: 10px;
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    table,tr,td{
        word-wrap: normal; word-break: normal;
    }
    select{
        background: url("../images/conf_3.png") no-repeat scroll right 6px center transparent;
    }
    .loginBg {
        width: 300%;
    }
    .loginBg img {
        margin-left: -20%;
    }
    .loginLogo {
        width: 100px;
        height: 38px;
        position: absolute;
        left: 50%;
        top: auto;
        bottom: 60px;
        margin-left: -50px;
    }
    .loginLogo img {
        width: 100%;
        height: 100%;
    }
    .loginBody .loginBox {
        width: 270px;
        margin: -235px 0 0 -135px;
    }
    .loginBody .loginBox .loginTitle {
        font-size: 35px;
        margin-bottom: 60px;
    }
    .loginBody .loginBox .loginList li{
        margin-bottom: 10px;
    }
    .loginBody .loginBox .loginList li .icon{
        width: 40px;
        height: 40px;
    }
    .loginBody .loginBox .loginList li.inputBox input{
        height: 40px;
        line-height: 40px;
        padding-left: 40px;
    }
    .loginBody .loginBox .loginList li:first-child .icon{
        background: url("../images/icon_1.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child.now .icon{
        background: url("../images/icon_5.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li .icon{
        background: url("../images/icon_2.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li.now .icon{
        background: url("../images/icon_6.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li+li .icon{
        background: url("../images/icon_3.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li+li.now .icon{
        background: url("../images/icon_7.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li+li+li .icon{
        background: url("../images/icon_4.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li:first-child+li+li+li.now .icon{
        background: url("../images/icon_8.gif") no-repeat center center/13px 15px;
    }
    .loginBody .loginBox .loginList li .code{
        width: 88px;
        height: 36px;
    }
    .loginBody .loginBox .loginList li .inputBtn input{
        height: 46px;
        line-height: 46px;
    }
    .loginBody #rightnavAdmin {
        display: none;
    }
    .bottom-copy{
        width: 100%;
        font-size: 12px;
        padding: 0 0 28px 0;
    }
    .bottom-copy a img{
        display: none;
    }
    .container .header{
        height: 52px;
    }
    .container .header .logo{
        font-size: 20px;
        padding: 11px 14px;
    }
    .container .header .logo img{
        height: 28px;
    }
    .container .header .logo span{
        display: none;
        line-height: 30px;
        padding-left: 12px;
        margin-left: 12px;
        border-left: 1px solid #f3f3f3;
    }
    .container .header .menu{
        padding: 0 12px 0 0;
    }
    .container .header .menu .menuTit{
        padding: 8px 20px;
    }
    .container .header .menu .menuTit .name{
        font-size: 14px;
    }
    .container .header .menu .menuTit .identity{
        font-size: 10px;
    }
    .leftNav{
        top: 52px;
        left: -260px;
        z-index: 1100;
    }
    .content{
        left: 0;
        top: 52px;
        bottom: 0;
        min-width: 320px;
    }
    .footer{
        font-size: 10px;
    }
    .footer img{
        width: 64px;
        height: 7px;
    }
    .mobileNav{
        display: block!important;
        position: fixed;
        z-index: 100000;
        bottom: 10px;
        left: 10px;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 2px;
        text-align: center;
        background-color: rgba(0,0,0,.7);
        color: #fff;
    }
    .mobileNav img{
        width: 18px;
        padding: 21px 18px;
    }
    .mobileShade{
        display: none;
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.8);
        z-index: 999;
    }
    .container.now .mobileShade{
        display: block;
    }
    .container.now .leftNav{
        left: 0;
    }
    .content{
        padding: 0 10px;
    }
    .content .topTitle{
        padding: 17px 0;
    }
    .content .topTitle .tit{
        font-size: 20px;
        line-height: 26px;
    }
    .content .securityBox{
        padding: 12px 18px;
    }
    .content .securityBox li{
        padding: 12px 0 26px 0;
    }
    .content .securityBox li:first-child{
        padding-top: 0;
    }
    .content .securityBox li .left{
        width: 100%;
        font-size: 17px;
        font-weight: normal;
        line-height: 40px;
        color: #6c727d;
    }
    .content .securityBox li .right{
        width: 100%;
    }
    .floatBox{
        margin: 0 3px 5px 0;
    }
    .content .securityBox li .right ul li .left{
        width: 40%;
        font-size: 15px;
    }
    .content .securityBox li .right ul li .right{
        width: 60%;
    }
    .btn-width100{
        width: 100%;
    }
    .content .topTitle .btnBox .left .btn{
        font-size: 13px;
        height: 26px;
        line-height: 26px;
        padding: 0 9px;
    }
    .content .topTitle .btnBox .right{
        padding-left: 8px;
        margin-left: 8px;
    }
    .content .topTitle .btnBox .right .btn{
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        padding: 0 9px;
    }
    .content .listBox{
        padding:20px;
    }
    .content .listBox .listTitle{
        margin: 0;
        padding-bottom:30px;
        border-bottom: 1px solid #f1f2f7;
    }
    .content .listBox .TakeUp{
        display: block;
        font-size: 18px;
        font-weight: 600;
        color: #6c727d;
        margin-bottom: 20px;
    }
    .content .listBox .TakeUp span{
        float: right;
        line-height: 24px;
        font-size: 13px;
        font-weight: normal;
        color: #b0b3b8;
        padding-right: 16px;
        background: url("../images/conf_3.png") no-repeat right center;
    }
    .content .listBox .TakeUp span.now{
        background: url("../images/conf_4.png") no-repeat right center;
    }
    .content .listBox .listTitle .selectBox{
        margin-bottom: 16px;
    }
    .w-100{
        width: 100%;
    }
    .w-50{
        width: 50%;
    }
    .p-r10{
        box-sizing: border-box;
        padding-right: 10px;
    }
    .content .listBox .listTitle .selectBox select{
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    .content .listBox .listTitle .timeBox{
        margin: 0 0 16px 0;
        width: 100%;
    }
    .content .listBox .listTitle .timeBox .start{
        width: 7%;
    }
    .content .listBox .listTitle .timeBox .stop{
        width: 7%;
    }
    .content .listBox .listTitle .timeBox input{
        width: 38%;
    }
    .content .listBox .listTitle .searchBox{
        width: 100%;
    }
    .content .listBox .listTable{
        margin-top: 26px;
    }
    .o-f-x{
        overflow-x:scroll;
    }
    .content .listBox .listTable table tr th{
        height: 35px;
    }
    .content .listBox .listTable table tr th div{
        min-width: 100px;
    }
    .content .listTable table tr td{
        height: 65px;
    }
    .content .listTable table tr td .text{
        min-width: 400px;
    }
    .content .listBox .listTable table tr th.left,.content .listBox .listTable table tr td.left{
        position: absolute;
        left: 30px;
        box-shadow: 2px 0 2px rgba(0,0,0,0.08);
        z-index: 1;
    }
    .content .listBox .listTable table tr th.right,.content .listBox .listTable table tr td.right{
        position: absolute;
        right: 30px;
        line-height: 35px;
        box-shadow: -2px 0 2px rgba(0,0,0,0.08);
        z-index: 1;
    }
    .pages{
        margin: 30px 0;
    }
    .pages .pagesBox li:nth-child(1),.pages .pagesBox li:nth-child(2),.pages .pagesBox li:nth-child(3),.pages .pagesBox li:nth-last-child(1),.pages .pagesBox li:nth-last-child(2){
        display: none;
    }
    .content .listBox .listTable table tr .checkBox{
        width: 70px;
        min-width: 70px;
        height: 100%;
    }
    .content .listTable table tr th input[type="checkbox"]{
        margin: 10px 0 0 10px;
    }
    .content .listTable table tr th label{
        padding: 0;
        line-height: 35px;
    }
    .content .listTable table tr td input[type="checkbox"]{
        margin: 24px 0 0 10px;
    }
    .content .listTable table tr td label{
        padding: 0;
        line-height: 65px;
    }
    .content .listBox .listTable table tr .operation{
        width: 100px;
    }
    .content .listTable table tr td .operation .btn{
        line-height: 65px;
        padding: 0;
        border: none;
        text-decoration: underline;
    }
    .content .listBox .listTable table{
        padding: 0 100px 0 72px;
    }
    .content .contentRight{
        width: 100%;
        padding: 0 10px;
    }
    .content .contentRight .title{
        padding: 15px 0;
    }
    .content .contentRight .text{
        padding: 0;
    }
    .content .contentLeft{
        width: 100%;
    }
    .content .navAdmin{
        width: 100%;
        margin-bottom: 30px;
    }
    .content .navAdmin .navAdminBox{
        padding: 20px 10px;
        margin-right: 0;
    }
    .content .Jurisdiction{
        margin: 0 0 20px 0;
    }
    .content .Jurisdiction .JurisdictionBox{
        padding: 0 10px;
    }
    .content .Jurisdiction .JurisdictionTit{
        height: 60px;
        line-height: 60px;
    }
    .content .Jurisdiction .JurisdictionList ul li .left{
        width: 30%;
        padding-left: 10px;
    }
    .content .Jurisdiction .JurisdictionList ul li .right{
        width: 70%;
    }
    .content .contentBox .indexTop{
        margin-top: 20px;
    }
    .content .contentBox .indexTop .topLeft{
        width: 100%;
    }
    .content .contentBox .indexTop .topLeft li{
        padding-right: 0;
    }
    .content .contentBox .indexTop .topLeft li:nth-child(odd){
        padding-right:5px;
    }
    .content .contentBox .indexTop .topLeft li:nth-child(even){
        padding-left:5px;
    }
    .content .contentBox .indexTop .topRight{
        width: 100%;
        margin-top: 20px;
        padding: 25px;
    }
    .content .contentBox .indexCont{
        margin-top: 20px;
    }
    .content .contentBox .indexCont .contLeft{
        width: 100%;
        padding: 0;
    }
    .content .contentBox .indexCont .contRight{
        margin-top: 20px;
        width: 100%;
        padding: 25px;
    }
    .content .contentBox .indexCont .contRight .publishTable tr td{
        padding:0 5px;
    }
    .content .fmBox{
        padding: 12px 18px;
    }
    .content .fmBox .fmTitle{
        padding: 10px 0;
    }
    .content .fmBox .fmTitle .tit{
        font-size: 20px;
        width: 100%;
    }
    .content .fmBox .fmTitle .btnBox{
        float: left;
        padding-top: 10px;
    }
    .content .fmBox .fmTitle .btnBox .btn{
        float: left;
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        padding: 0 9px;
    }
    .content .fmBox .fmCont .noneCont{
        padding: 60px 0;
    }
    .content .fmBox .fmCont .fmList{
        padding: 15px 0;
    }
    .content .fmBox .fmCont .fmList li{
        width: 33.33%;
    }
    .content .securityBox li .behind{
        width: 36%;
    }
    .uploadBox .left{
        width: 100%;
    }
    .uploadBox .right{
        width: 100%;
    }
    .content .navAdmin .navAdminBox .title .btn a {
        margin-left: 5px;
        font-size: 14px;
    }
    .content .navAdmin .navAdminBox .navList>ul>li .tit .btn a{
        line-height: 21px;
        margin-left:8px;
        font-size: 14px;
    }
    .content .navAdmin .navAdminBox .navList>ul>li .list>ul>li .btn a{
        margin-left: 12px;
    }
    .content .navAdmin .navAdminBox .navList>ul>li{
        padding: 20px 0 0 33px;
        background: url(../images/line2.gif) no-repeat 6px 28px;
    }
    .content .navAdmin .navAdminBox .navList>ul>li.end {
        background: url(../images/line5.gif) no-repeat 7px -21px #fff;
    }
}