html, body {
    width: 100%;
    height: 100%;
    background-color: #f3f4fa;
}
/*登录*/
.logon {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    overflow: hidden;
    position:absolute;
}
.logon-bg{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: url(../image/logon-bg.jpg) no-repeat left top;
    position:fixed;
    z-index:-1;
}
.logon .box {
    width: 13.8rem;
    height: 5.88rem;
    background-color: #FFF;
    border-radius: 0.2rem;
    box-shadow: 0 0 15px rgba(50,51,51,0.15);
    margin: auto;
    margin-top: 12%;
    overflow: hidden;
}
.logon .box .left {
    float: left;
    width: 9.53rem;
    height: 100%;
}
.logon .box .right {
    float: left;
    width: 4.27rem;
    height: 100%;
}
.logon .box .right .top {
    text-align: center;
}
.logon .box .right .top h2 {
    font-size: 0.36rem;
    margin-top: 0.65rem;
    line-height: 0.36rem;
    color: #333;
}
.logon .box .right .top p {
    font-size: 0.20rem;
    margin-top: 0.17rem;
    margin-bottom: 0.55rem;
    line-height: 0.20rem;
    color: #666;
}
.logon .box .right .logon-input {
    border-bottom: 1px solid #e5e5e5;
    margin: 0.15rem 0.48rem 0 0.48rem;
    overflow: hidden;
}
.logon .box .right .logon-input p {
    float: left;
    margin-top: 0.05rem;
    margin-right: 0.25rem;
}
.logon .box .right .logon-input p i {
    font-size: 0.28rem;
    color: #5dc1cf;
}
.logon .box .right .logon-input input {
    height: 0.48rem;
    width: 80%;
    float: left;
    font-size: 0.18rem;
}
.logon .box .right .logon-secode input {
    width: 58%;
}
.logon .box .right .logon-input .secode {
    float: right;
    margin: 0.15rem 0 0 0;
}
.logon .box .right button {
    width: 3rem;
    height: 0.5rem;
    font-size: 0.2rem;
    background-color: #5dc1cf;
    color: #fff;
    margin: 0.56rem auto 0 auto;
    display: block;
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgba(93,193,207,0.6);
}
.logon .box .zht .logon-input p i {
    color: #ffd200;
}
.logon .box .zht button {
    background-color: #ffd200;
    color: #000;
    box-shadow: 0 0 15px rgba(255,210,0,0.28);
}
.logon .footer {
    width: 100%;
    text-align: center;
    color: #808080;
    position: absolute;
    bottom: 0;
    margin-bottom: 0.3rem;
}
/*主页*/
.container {
    width: 100%;
    height: 100%;
    display: table;
    padding:0;
}
.zht-left {
    width: 2.6rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    height: 100%;
    background-color: #FFF;
    position: fixed;
    z-index: 15;
}
.zht-right {
    height: 100%;
    position: relative;
    margin-left: 2.6rem;
    overflow: hidden;
}
.zht-left .logo {
    width: 100%;
    height: 0.8rem;
    background: url(../image/logo.jpg) no-repeat;
    background-size: 100% auto;
    margin-bottom: 0.2rem;
}
.zht-left .nav {
    width: 2.2rem;
    height: 0.5rem;
    margin: 0.1rem auto;
}
.zht-left .nav i {
    font-size: 0.25rem;
    line-height: 0.5rem;
    margin: 0 0.2rem;
    color: #f2a230;
}
.zht-left .nav p {
    font-size: 0.18rem;
    line-height: 0.5rem;
    color: #434959;
}
.zht-left .nav.on a {
    display: block;
    border-radius: 0.5rem;
    height: 0.5rem;
    background: url(../image/jb-bg.jpg) repeat-y;
}
.zht-left .on i, .zht-left .on p {
    color: #fff;
}
.zht-left a:hover {
    display: block;
    border-radius: 0.5rem;
    background: url(../image/jb-bg.jpg) repeat-y;
}
.zht-left a:hover i, .zht-left a:hover p {
    color: #fff;
}
.nav-show {
    display: block;
}
.zht-left .nav2 {
    margin: 0 0 0 0.75rem;
}
.zht-left .nav2 i {
    color: #a5a5a5;
    line-height: 0.5rem;
}
.zht-left .nav2 p {
    color: #a5a5a5;
    font-size: 0.16rem;
    line-height: 0.5rem;
}
.zht-left .nav2 a:hover i, .zht-left .nav2 a:hover p {
    color: #f2a230;
}
.zht-left .nav-box1 .on a, .zht-left .nav-box2 .on a, .zht-left .nav-box1 a:hover, .zht-left .nav-box2 a:hover {
    background: none;
}
.zht-left .nav-box1 .on i, .zht-left .nav-box1 .on p, .zht-left .nav-box2 .on i, .zht-left .nav-box2 .on p {
    color: #f2a230;
}
.mobile-nav {
    display: none;
}
/*右侧top*/
.zht-right .top {
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    height: 0.8rem;
    background-color: #FFF;
    position: relative;
    width: 100%;
    z-index: 10;
}
.zht-right .top .user {
    float: right;
    margin-right: 0.3rem;
}
.zht-right .top .user a {
    display: block;
}
.zht-right .top .user img {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.15rem;
    float: left;
}
.zht-right .top .user p {
    line-height: 0.8rem;
    font-size: 0.18rem;
    float: left;
    color: #434959;
}
.zht-right .top .user i {
    line-height: 0.8rem;
    font-size: 0.07rem;
    color: #b3b3b3;
    margin-left: 0.2rem;
}
.zht-right .top .user .user-float {
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 0.05rem;
    display: none;
    position: absolute;
    right: 0.3rem;
}
.zht-right .top .user .user-float a {
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.16rem;
    display: block;
    margin: 0 0.28rem;
    color: #333;
}
.zht-right .top .user .user-float a:nth-child(1) {
    border-bottom: 1px solid #e5e5e5;
}
.zht-right .top .user .user-float a:hover {
    color: #f2a230;
}
.zht-right .top .user:hover .user-float {
    display: block;
}
.zht-right .top .nav {
    display: none;
}
.zht-right .centre {
    margin: 0.3rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    background-color: #FFF;
    border-radius: 0.05rem;
    overflow: hidden;
}
.zht-right .zhuye {
    height: auto;
    margin-top: 0.3rem;
}
.zht-right .top2 {
    width: 100%;
    padding: 0.2rem 0.3rem;
    overflow: hidden;
}
.zht-right .top2-bg {
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    background-color: #FFF;
    position: relative;
    width: 100%;
    z-index: 1;
    height: auto;
}
.zht-right .top2 .button-box {
    overflow: hidden;
    float: left;
}
.zht-right .top2 .button-new {
    width: 1.2rem;
    height: 0.4rem;
    float: left;
    margin-right: 0.2rem;
}
.zht-right .top2 .button-back {
    width: 1.2rem;
    height: 0.4rem;
    float: left;
    margin-right: 0.2rem;
}
.button-new a {
    display: block;
    width: 1.2rem;
    height: 0.4rem;
    background-color: #3da1e7;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.16rem;
    text-align: center;
    border-radius: 0.05rem;
}
.button-back a {
    display: block;
    width: 1.2rem;
    height: 0.4rem;
    background-color: #3db682;
    line-height: 0.4rem;
    color: #fff;
    font-size: 0.16rem;
    text-align: center;
    border-radius: 0.05rem;
}
.button-new a:hover {
    background-color: #008aeb;
}
.button-back a:hover {
    background-color: #01a45e;
}
.zht-right .top2 .input-box {
    float: left;
    margin-left: 0.1rem;
}
.zht-right .top2 .input {
    height: 0.38rem;
    float: left;
    border: 1px solid #d2d2d2;
    border-radius: 0.05rem;
    overflow: hidden;
    line-height: 0.38rem;
    margin-right: 0.1rem;
}
.zht-right .top2 .input input {
    padding-left: 0.1rem;
    width: 2.2rem;
    height: 0.38rem;
    font-size: 0.16rem;
    float: left;
}
.zht-right .top2 .input-on {
    border: 1px solid #ffb140;
}
.zht-right .top2 .input button {
    width: 0.7rem;
    height: 0.38rem;
    background-color: #FFF;
    color: #333;
    font-size: 0.16rem;
    float: left;
    border-left: 1px solid #d2d2d2;
}
.zht-right .top2 .input-on button {
    border-left: 1px solid #ffb140;
}
.zht-right .top2 .input button:hover {
    background-color: #ffb140;
    color: #fff;
}
.zht-right .top2 .page-box {
    float: right;
    font-size: 0.14rem;
}
.zht-right .page-box .page {
    border: 1px solid #d2d2d2;
    height: 0.38rem;
    line-height: 0.38rem;
    border-radius: 0.05rem;
    float: left;
    margin-left: 0.1rem;
}
.zht-right .page-box .page li {
    float: left;
    padding: 0 0.12rem;
}
.zht-right .page-box .page .active {
    background-color: #ffb140;
}
.zht-right .page-box .page .active a {
    color: #fff;
}
.zht-right .page-box .page li:hover {
    background-color: #ffb140;
}
.zht-right .page-box .page li:hover a {
    color: #fff;
}
.zht-right .lower-Page .page-box {
    float: left;
    font-size: 0.14rem;
}
.zht-right .lower-Page .page-box .page {
    margin-right: 0.1rem;
    margin-left: 0;
}
/*内容表格*/
.xxgl-box th {
    height: 0.5rem;
    line-height: 0.5rem;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0.16rem;
    color: #434959;
}
.xxgl-box tr {
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0.14rem;
    color: #838895;
}
.button-blue {
    display: block;
    background-color: #5dc1cf;
    padding: 0 0.15rem;
    line-height: 0.3rem;
    color: #fff;
    border-radius: 0.05rem;
    display: inline-block;
    margin: 0 0.05rem;
}
.button-yellow {
    display: block;
    background-color: #ffb140;
    padding: 0 0.15rem;
    line-height: 0.3rem;
    color: #fff;
    border-radius: 0.05rem;
    display: inline-block;
    margin: 0 0.05rem;
}
.button-red {
    display: block;
    background-color: #fc8d6b;
    padding: 0 0.15rem;
    line-height: 0.3rem;
    color: #fff;
    border-radius: 0.05rem;
    display: inline-block;
    margin: 0 0.05rem;
}
.button-blue:hover {
    background-color: #09b0c7;
}
.button-yellow:hover {
    background-color: #f59100;
}
.button-red:hover {
    background-color: #ef6c43;
}
.zht-right .lower-Page {
    margin: 0.3rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    background-color: #FFF;
    border-radius: 0.05rem;
    width: auto;
    padding: 0.2rem 0.3rem;
    overflow: hidden;
}
.zht-right .lower {
    margin: 0.3rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.14rem;
    background-color: #FFF;
    border-radius: 0.05rem;
}
.zht-right .centre1 {
    margin: 0.3rem;
    font-size: 0.18rem;
    overflow: hidden;
}
.zht-right .centre1 p {
    float: left;
    margin-right: 0.55rem;
}
.zht-right .centre1 p span {
    color: #ff3b31;
}
.zht-right .centre2 {
    margin: 0.3rem;
    overflow: hidden;
}
.zht-right .centre2 .test {
    width: 23%;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 0.05rem;
    overflow: hidden;
    float: left;
    margin-right: 0.3rem;
}
.zht-right .centre2 .test:nth-child(4n+0) {
    margin-right: 0;
}
.zht-right .centre2 .test .test-top {
    background-color: #5dc1cf;
    color: #FFF;
    line-height: 0.55rem;
    overflow:hidden;
}
.zht-right .centre2 .test .test-top p {
    margin-left: 0.2rem;
    position: absolute;
    font-size: 0.14rem;
}
.zht-right .centre2 .test .test-top h2 {
    text-align: center;
    font-size: 0.18rem;
    border-bottom: 1px solid #8ad2db;
    line-height: 0.55rem;
    margin: 0;
}
.zht-right .centre2 .test .test-lower {
    background-color: #fff;
}
.zht-right .centre2 .test .test-top .button-box {
    width: 82%;
    margin: 0 auto;
}
.zht-right .centre2 .test .test-top .button-blue2 {
    background-color: #47a6b3;
    color: #fff;
    border-radius: 0.05rem;
    line-height: 0.3rem;
    padding: 0 0.15rem;
    display: inline-block;
    margin: 0 0.03rem;
}
.zht-right .centre2 .test .test-top .button-yellow2 {
    background-color: #ffd800;
    color: #3f3f3f;
    border-radius: 0.05rem;
    line-height: 0.3rem;
    padding: 0 0.15rem;
    display: inline-block;
}
.centre .button-box{
    margin:0.4rem 0 0 0.3rem;
}
.centre .txt{
    margin:0.16rem 0 0 0.3rem;
    background-color:#ffefd9;
    border-radius: 0.05rem;
    border:1px solid #ffce87;
    color:#cc4c4c;
    line-height:0.4rem;
    font-size:0.14rem;
    padding:0 0.15rem;
    display:inline-block;
}
.centre .file{
    margin:0.4rem 0 0.8rem 0.3rem;
    overflow: hidden;
}
.centre .file p{
    color:#434959;
    line-height:0.4rem;
    font-size:0.16rem;
    font-weight:bold;
    float:left;
}
.centre .file a{
    line-height:0.4rem;
    font-size:0.16rem;
}
.centre .file .file2{
    border-radius: 0.05rem;
    border:1px solid #d2d2d2;
    float:left;
    line-height:0.38rem;
    font-size:0.16rem;
    padding:0 0.15rem;
    margin-left:0.4rem;
    margin-right:0.1rem;
    width:3.65rem;
}
.centre .file input{
    border-radius: 0.05rem;
    border:1px solid #d2d2d2;
    float:left;
    line-height:0.38rem;
    font-size:0.16rem;
    padding:0 0.15rem;
    margin-left:0.4rem;
    margin-right:0.1rem;
    width:3.65rem;
}
.centre .information{
    margin:0.4rem 0 0.4rem 0.3rem;
    overflow: hidden;
}
.centre .information div{
    width:100%;
    overflow:hidden;
    margin:0.15rem 0;
}
.centre .information p{
    color:#434959;
    line-height:0.4rem;
    font-size:0.16rem;
    float:left;
    width:0.8rem;
}
.centre .information h2{
    font-weight:bold;
}
.centre .information input{
    border-radius: 0.05rem;
    border:1px solid #d2d2d2;
    float:left;
    line-height:0.38rem;
    font-size:0.16rem;
    padding:0 0.15rem;
    margin-left:0.4rem;
    margin-right:0.1rem;
    width:3.5rem;
}
.centre .information .wj-name{
    border-radius: 0.05rem;
    border:1px solid #d2d2d2;
    float:left;
    height: .38rem;
    line-height:0.38rem;
    font-size:0.16rem;
    padding:0 0.15rem;
    margin: 0 .1rem 0 .4rem;
    width:3.5rem;
}
.centre .information button{
    position: relative;
    border-radius: 0.05rem;
    float:left;
    line-height:0.4rem;
    font-size:0.16rem;
    margin: 0 .3rem 0 0;
    width:1rem;
    text-align: center;
    background-color:#5dc1cf;
    color:#FFF;
}
.centre .information .choosewj{
    position: relative;
    border-radius: 0.05rem;
    float:left;
    line-height:0.4rem;
    font-size:0.16rem;
    margin: 0 0 0 .1rem;
    width:1rem;
    text-align: center;
    background-color:#5dc1cf;
    color:#FFF;
}
.centre .information .choosewj input{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top:0;
    left: 0;
    margin: 0;
}
.centre .information span{
    color:#434959;
    line-height:0.4rem;
    font-size:0.14rem;
    float:left;
    margin-left: .4rem;
}
.centre .information a{
    color:#434959;
    line-height:0.4rem;
    font-size:0.14rem;
    margin-left: .4rem;
    float:left;
}
.centre .information a:hover{
    text-decoration: underline;
}
.zht-right .form-control {
    height: .4rem;
}