html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th, input {padding: 0;margin: 0;border: 0;font-weight: normal;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
input[type=text],input[type=submit], input[type=button] {-webkit-appearance: none;}
input{outline: none}
a{text-decoration: none;}
body{background: #f5f9fa;}
.login-wrap{width: 100%;height: 100vh;background: #f5f9fa url(../img/i6.png) no-repeat;background-size: 100% auto;background-position: bottom;position: relative;}
.login-wrap h2{padding: 30px 15px;}
.login-wrap .text-input{box-sizing: border-box;padding-left: 30px;height: 50px;}
.login-wrap .text-input.card-type{background: url('../img/i1.png') no-repeat;background-size: auto 24px;background-position: left;}
.login-wrap .text-input.id-card{background: url('../img/i2.png') no-repeat;background-size: auto 24px;background-position: left;}
.login-wrap .text-input.password{background: url('../img/i3.png') no-repeat;background-size: auto 24px;background-position: left;}
.login-wrap .text-input.card-type span{padding-left: 10px;float: left;display: inline-block;line-height: 50px;}
.login-wrap .text-input.card-type img{float: right;height: 15px;padding-top: 18px;}
.login-wrap form{padding:0 15px;}
.login-wrap form .text-input{border-bottom: 1px solid #eee;}
.login-wrap form .text-input input{box-sizing: border-box;width: 100%;height: 40px;font-size: 15px;border: none;padding-left: 10px;position: relative;top: 5px;background: none;}
.login-wrap form .other{padding: 25px 0;}
.login-wrap form .other a{color: #2c65a8;font-size: 14px;font-weight: bold;}
.login-wrap form .login-btn a{display: inline-block;width: 100%;height: 40px;line-height: 40px;border-radius: 5px;background: #2c65a8;color: #fff;text-align: center;font-size: 15px;}
.login-wrap .bottom-link{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.login-wrap .bottom-link a{font-size: 14px;color: #f5f5f5;}
.login-wrap .bottom-link span{font-size: 14px;color: #b7b7b7;}
.top-nav{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #fff;background: #2c65aa;position: relative;}
.top-nav .back{position: absolute;left: 10px;top: 16px;color: #fff;font-size: 13px;display: inline-block;line-height: 20px;}
.top-nav img{height: 20px;float: left;padding-right: 3px;}
.grade-wrap .list{padding: 0 15px;}
.grade-wrap .list ul li{background: #fff;border-radius: 8px;margin-top: 10px;box-sizing: border-box;padding: 10px 15px;}
.grade-wrap .list ul li a{color: #333;}
.grade-wrap .list ul li .text1{padding-bottom: 15px;}
.grade-wrap .list ul li .text1 span:first-child{font-weight: bold;color: #333;font-size: 15px;line-height: 22px;}
.grade-wrap .list ul li .text1 span:last-child{display: inline-block;font-size: 12px;margin-left: 20px;line-height: 22px;padding: 0 8px;border-radius: 3px;}
.grade-wrap .list ul li .text1 .ok{background: #ace5c2;color: #429b6b;}
.grade-wrap .list ul li .text1 .bad{background: #ff0000;color: #ffe2e5;}
.grade-wrap .list ul li .text1 .no{background: #fdd1d0;color: #e35f6d;}
.grade-wrap .list ul li .text2{font-size: 14px;}
.grade-wrap .list ul li .text2 span:first-child{margin-right: 20px;}
.detail-wrap .table-wrap{padding: 10px 20px;}
.detail-wrap table{border: 0px solid #ccc;border-width: 1px 0px 0px 1px;border-collapse: collapse;border-spacing: 0;font-size: 12px;width: 100%;}
.detail-wrap table td{border: 0px solid #ccc;border-width: 0px 1px 1px 0px;line-height: 50px;}
.detail-wrap table td:nth-child(1){width: 25%;text-align: right;padding-right: 5px;box-sizing: border-box;}
.detail-wrap table td:nth-child(2){width: 45%;text-align: left;padding-left: 5px;box-sizing: border-box;color: #00dd33;}
.detail-wrap table td:nth-child(3){width: 30%;}
.detail-wrap table td:nth-child(3) img{width: 100%;}
.detail-wrap table td .status1{color: #7c7c7c;}
.detail-wrap table td .status2{color: #00dd33;}
.detail-wrap table td .status3{color: red;}
.detail-wrap .bottom-link{width: 100%;text-align: center;box-sizing: border-box;margin-top: 20px;}
.detail-wrap .bottom-link a{font-size: 14px;color: #f5f5f5;background: #2c65aa;display: inline-block;width: 30%;line-height: 36px;border-radius: 3px;}
.detail-wrap .bottom-link a:first-child{margin-right: 14px;}
.home-wrap .top{background: linear-gradient(to bottom, #2c65aa, #1b59a4, #ffffff);padding: 15px;}
.home-wrap .top .one{padding-bottom: 15px;position: relative;}
.home-wrap .top .one .location{color: #fff;font-size: 12px;width: 50px;position: absolute;left: 0;top: 0;height: 24px;}
.home-wrap .top .one .location span{display: inline-block;float: left;line-height: 24px;}
.home-wrap .top .one .location img{height: 6px;float: left;margin-top: 9px;margin-left: 5px;}
.home-wrap .top .one .search{background: #fff;border-radius: 20px;width: calc(100% - 100px);margin-left: 60px;height: 26px;font-size: 12px;color: #999;}
.home-wrap .top .one .search img{float: left;height: 13px;margin: 7px 8px 0 15px;}
.home-wrap .top .one .search input{height: 26px;border-radius: 20px;}
.home-wrap .top .one .msg{width: 20px;position: absolute;right: 0;top: 0;}
.home-wrap .top .one .msg img{width: 100%;padding-top: 5px;}
.home-wrap .top .info{overflow: hidden;}
.home-wrap .top .info .left{width: calc(50% - 8px);float: left;border: 1px solid #bfdcff;border-radius: 10px;padding: 10px 15px;box-sizing: border-box;height: 94px;}
.home-wrap .top .info .right{width: calc(50% - 8px);float: right;border: 1px solid #bfdcff;border-radius: 10px;padding: 10px 15px 0 15px;box-sizing: border-box;height: 94px;}
.home-wrap .top .info .left .car{padding-bottom: 15px;}
.home-wrap .top .info .left .car img{float: left;height: 20px;margin-right: 12px;}
.home-wrap .top .info .left .car span{color: #fff;font-weight: bold;font-size: 15px;display: inline-block;line-height: 20px;}
.home-wrap .top .info .left .add{background: #cbe4ff;border-radius: 20px;width: 100%;height: 20px;padding: 6px 0;}
.home-wrap .top .info .left .add img{height: 20px;float: left;padding: 0 5px 0 10px;}
.home-wrap .top .info .left .add span{float: left;color: #0f289a;font-size: 13px;display: inline-block;line-height: 20px;}
.home-wrap .top .info .right .id-card{position: relative;height: 20px;line-height: 20px;}
.home-wrap .top .info .right .id-card .img1{height: 18px;float: left;margin-right: 8px;}
.home-wrap .top .info .right .id-card span{color: #fff;font-weight: bold;font-size: 15px;}
.home-wrap .top .info .right .id-card .img2{height: 15px;position: absolute;right: 0;top: 2px;}
.home-wrap .top .info .right .text{font-size: 12px;color: #fff;padding-top:10px;height: 16px;line-height: 16px;}
.home-wrap .top .info .right .text span:first-child{float: left;}
.home-wrap .top .info .right .text span:last-child{float: right;}
.home-wrap .top .info .right .text span i{font-style: normal;font-size: 16px;padding-right: 3px;}
.home-wrap .top .nav{background: #fff;border-radius: 10px;margin-top: 15px;}
.home-wrap .top .nav ul{overflow: hidden;box-sizing: border-box;padding: 10px 15px 10px 15px;}
.home-wrap .top .nav ul li{float: left;width: 20%;text-align: center;padding-bottom: 10px;}
.home-wrap .top .nav ul li img{width: 70%;}
.home-wrap .top .nav ul li a{color: #666;font-size: 12px;}
.home-wrap .top .nav ul li .text{height: 32px;line-height: 16px;}
.home-wrap .news{padding: 0 15px 15px 15px;}
.home-wrap .news .content{background: #fff;border-radius: 10px;box-shadow: 0px 1px 5px #cfcfcf;box-sizing: border-box;}
.home-wrap .news .content .title{line-height:  50px;border-bottom: 1px solid #f1f1f1;padding: 0 20px;}
.home-wrap .news .content .title .text{font-weight: bold;padding-right: 10px;}
.home-wrap .news .content .title .des{font-size: 12px;color: #888;}
.home-wrap .news .content .title img{float: right;height: 18px;padding-top: 16px;}
.home-wrap .news .content .list{padding: 10px 20px;position: relative;}
.home-wrap .news .content .list .item img{border-radius: 5px;width: 80px;}
.home-wrap .news .content .list .item .n-title{position: absolute;left: 120px;top: 10px;}
.home-wrap .news .content .list .item .date{position: absolute;right: 25px;bottom: 20px;font-size: 12px;color: #888;}
.home-wrap .news .content .list .pagination{box-sizing: border-box;width: 100%;text-align: center;position: absolute;left: 0;bottom: 8px;}
.home-wrap .news .content .list .pagination span{display: inline-block;width: 5px;height: 5px;background: #eee;}
.home-wrap .news .content .list .pagination .on{width: 20px;background: #0050b1;}
.home-wrap .service{padding: 0 15px 15px 15px;margin-bottom: 60px;}
.home-wrap .service .content{background: #fff;border-radius: 10px;box-shadow: 0px 1px 5px #cfcfcf;box-sizing: border-box;}
.home-wrap .service .content .title{line-height:  50px;border-bottom: 1px solid #f1f1f1;padding: 0 20px;}
.home-wrap .service .content .title .text{font-weight: bold;padding-right: 10px;}
.home-wrap .service .content .title .des{font-size: 12px;color: #888;}
.home-wrap .service .content .title img{float: right;height: 18px;padding-top: 16px;}
.home-wrap .service .content .banner{padding: 15px 15px 0 15px;}
.home-wrap .service .content .banner img{width: 100%;}
.home-wrap .service .content .list{padding: 0 20px 10px 20px;}
.home-wrap .service .content .list .s-title{line-height: 38px;border-bottom: 1px solid #f1f1f1;font-size: 15px;}
.home-wrap .service .content .list ul li{padding-top: 10px;}
.home-wrap .service .content .list ul li .icon{background: #0050b1;font-size: 12px;color: #fff;padding: 0 5px;border-radius: 8px;float: left;line-height: 22px;margin-right: 10px;}
.home-wrap .service .content .list ul li .n-title{color: #666;font-size: 13px;line-height: 22px;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer{position: fixed;width: 100%;height: 50px;padding-top: 18px;left: 0;bottom: 0;background: url(../img/footer_bg.png);background-size: 100% 100%;}
.footer ul li{float: left;width: 20%;text-align: center;}
.footer ul li .icon{height: 28px;}
.footer ul li .icon img{width: 36%;}
.footer ul li .s-title{font-size: 10px;color: #b7b7b7;}
.footer ul .on .s-title{color: #0050b1;}
.footer ul li:nth-child(2) .icon img{padding-top: 3px;}
.footer ul li:nth-child(3) .icon img{width: 50%;position: relative;top: -10px;}
.footer ul li:nth-child(3) .s-title{color: #ababab;}
.footer ul li:nth-child(4) .icon img{padding-top: 5px;}
.card-wrap{position: relative;}
.card-wrap img{width: 100%;}
.card-wrap .time1{position: absolute;top: 77.5%;font-size: 20px;width: 100%;text-align: center;color: #2b93bd;font-weight: bold;letter-spacing: 2px;}
.card-wrap .time1 span{font-size: 22px;}
.card-wrap .time2{position: absolute;top: 81.2%;font-size: 16px;width: 100%;text-align: center;color: #333;font-weight: bold;}
.card-wrap .time2 .countdown{padding-left: 12px;font-weight: bold;}
.card-wrap .bottom-num{position: absolute;top: 89.5%;font-size: 16px;width: 100%;text-align: center;color: #333;font-weight: bold;letter-spacing: 9px;}
.user-wrap .user-info{background: #2c65aa;overflow: hidden;padding-bottom: 15px;}
.user-wrap .user-info .left{float: left;padding-left: 25px;}
.user-wrap .user-info .left .avatar{float: left;}
.user-wrap .user-info .left .avatar img{height: 40px;}
.user-wrap .user-info .left .text{float: left;padding-left: 10px;}
.user-wrap .user-info .left .text p{color: #fff;}
.user-wrap .user-info .left .text p:first-child{height: 25px;line-height: 25px;font-size: 15px;}
.user-wrap .user-info .left .text p:last-child{height: 15px;line-height: 15px;font-size: 10px;white-space: nowrap;overflow-wrap: keep-all;word-break: keep-all;}
.user-wrap .user-info .right{float: right;padding-right: 10px;}
.user-wrap .user-info .right a{display: inline-block;text-align: center;}
.user-wrap .user-info .right a img{width: 24px;float: left;}
.user-wrap .user-info .right a p{color: #fff;font-size: 12px;}
.user-wrap .nav{padding: 0 15px;}
.user-wrap .nav ul li{border-bottom: 1px solid #e3e3e3;overflow: hidden;padding: 12px 0;position: relative;height: 20px;line-height: 20px;}
.user-wrap .nav ul li .icon{float: left;width: 25px;text-align: center;}
.user-wrap .nav ul li .icon img{width: 20px;}
.user-wrap .nav ul li:nth-child(6) .icon img{width: auto;height: 18px;}
.user-wrap .nav ul li .s_title{float: left;font-size: 14px;padding-left: 20px;}
.user-wrap .nav ul li .value{float: left;font-size: 14px;padding-left: 40px;color: #666;}
.user-wrap .nav ul li .go{position: absolute;right: 0;top: 16px;height: 12px;}