@charset "utf-8";
@import url("footer.css");
@import url("jc.css");

.layui-layer-dialog,.layui-layer-shade{display: none !important;}

/* 清除默认样式 */
body,ul,li,ol,dl,dd,dt,tr,td,div,span,a,img,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
body{font-family:"微软雅黑",Arial,"Microsoft YaHei";color:#343434;font-size:16px;background: #f3f3f3;}
input,select,option{font-family:"微软雅黑",Arial,"Microsoft YaHei";border: none;outline: none;}
input::-ms-clear{ display: none;}
ul,li{list-style:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;cursor:pointer}
a {color: #343434;text-decoration: none}
a:focus, a:hover {color: #1559a3;text-decoration: none}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px}
img{border:0;max-width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt70{ margin-top:70px;}
em{font-style: normal;}
button:focus,button:active{outline: none;}

/* 清浮动 */
.clear{clear: both;overflow: hidden;}
body{background: #fff !important;}
.overHide{height: 100vh;overflow: hidden;width: 100%;overflow-x: hidden;overflow-y: hidden;}
.main-content{/*! margin-bottom: 30px; */}
select,input{appearance:none;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;outline:none;-ms-outline:none;-ms-border:none;}
/* 去掉 IE11 的默认箭头 */
select::-ms-expand {display: none;}
input[type=date]{outline:medium;appearance:none;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background-color:transparent; }
html,body{width: 100%;height: 100%;overflow: auto;}
input.fault-state{background: rgba(243, 116, 117, .11);border-color: #F14234;box-shadow: 2px 0px 0px 0px #FFCFCB,-2px 0px 0px 0px #FFCFCB,0px 2px 0px 0px #FFCFCB,0px -2px 0px 0px #FFCFCB;}

/* 顶部菜单栏 */
.top-header{width: 100%;height: auto;background: #fff;}
.top-header-box{width: 1300px;margin: 30px auto;height: 80px;line-height: 80px;display: flex;justify-content: space-between;border-bottom: 0px solid #f3f3f3;}
.top-header-left{display: flex;justify-content: flex-start;height: 80px;align-items: center;}
.top-header-left a{display: block;}
.top-header-left span{font-size: 1.7rem;padding-left: 20px;position: relative;margin-left: 30px;font-weight: bold; color:#1559a3}
.top-header-left span::before{content: '';position: absolute;width: 1px;height: 72px;background: #1559A3;left: 0;top: 6%;}
.header-top{width:1300px;margin: 10px auto;}
.header-top-right{margin:0;}
.header-top-right span,.header-top-right a{padding:0 10px;height: 10px; line-height: 1;}
.header-top-right span:first-child{border-right:1px solid #000;} 
.top-header-right{display: flex;justify-content: flex-end;align-items: center;width: auto;font-size: 0.8rem;}
.user-info{display: flex;align-items: center;margin-left: 20px;padding-left: 20px;}
.user-info img{width: 32px;}
.btn-exit{cursor: pointer; padding-left: 25px;background: url(../../images/personal-home/exit_default.png) no-repeat left center;background-size: 16px;margin-left: 40px;position: relative;}
.btn-exit::before{position: absolute;content: '';width: 1px;height: 18px;background: #E1E1E1;left: -20px;top: 38%;}
.btn-exit:hover{background: url(../../images/personal-home/exit_hover.png) no-repeat left center;background-size: 16px;}
.user-name{margin-left: 10px;}
.btn-zzms{font-size: 0.8rem;padding: 10px 15px;color: #fff;border-radius: 4px;cursor: pointer;background: #ef8318;height: 44px;line-height: 44px;margin-left: 20px;}
.btn-zzms:hover{background: #E2770D;}
/* .top-btn-box{display: none;} */
.btn-wza{font-size: 0.8rem;padding: 10px 15px;;color: #fff;border-radius: 4px;cursor: pointer;background: #4288DC;height: 44px;line-height: 44px;}
.btn-wza:hover{background: #236FCA;}
.top-btn-box{display:block;}

/*菜单*/
.nav{ width:95%; max-width:1340px; margin:33px auto 0 auto; display:block;}
.nav ul{ display:flex; overflow:hidden;border-radius:15px;b}
.nav ul li{ flex:1; background:#1559a3; text-align:center;}
.nav ul li a{ color:#fff; font-size:1.1rem; line-height:56px; display:block;}
.nav ul li a:hover,.nav ul .active{ background:#024289;}

/* 欢迎区 */
body{height: 100%;}
.main,.top-banner-box{width: 100%;max-width: 1360px;margin: 0 auto 20px auto;padding: 10px;}
.mian{min-height: 100vh;}
.top-banner-box{padding: 30px; /*background: url(../../images/personal-home/banner.png) no-repeat center;*/ background:#fff; height: 100px;margin-top: 20px;border-radius: 8px;background-size: cover;margin-bottom: 20px;}
.welcome-mes{display: flex;justify-content: flex-start;/*! margin-bottom: 30px; */}
.welcome-mes img{width: 33px;margin-right: 10px;height: 40px;}
.welcome-mes span{font-size: 1.3rem;color: #4086d6;font-weight: bold;}
.login-time-box{display: flex;justify-content: space-between;color: #000;padding-left: 32px;}
.login-time-left{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.login-time-right{font-size: 0.8rem;width: 20%;text-align: right;}
#week-day{margin-left: 10px;}

/* 左侧导航 */
.main .nav-left{width: 18.5%;background: #fff;border-radius: 8px;padding: 30px 0;font-size: 1.2rem;box-shadow: 2px 2px 10px 0px rgba(44, 105, 172, 0.27);margin-top: 10px;}
.nav-left{margin-right: 10px;}
.nav-left ul li{height: 50px;line-height: 50px;margin-bottom: 14px;}
.nav-left ul li:last-child,.nav-left ul{margin-bottom: 0;}
.nav-left ul li.active,.nav-left ul li:hover{background: /*linear-gradient(270deg, #FFFFFF 0%, #E2F1FF 100%)*/#2767ab;}
.nav-left ul li.active a,.nav-left ul li a:hover{color: #fff;}
.nav-left ul li a{padding-left: 70px;display: block;color: #000;font-size: 1rem;}
.nav-left ul li:nth-of-type(1) a{background: url(../../images/personal-home/home_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(1) a:hover{background: url(../../images/personal-home/home_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(1).active a{background: url(../../images/personal-home/home_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(2) a{background: url(../../images/personal-home/mail_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(2) a:hover{background: url(../../images/personal-home/mail_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(2).active a{background: url(../../images/personal-home/mail_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(3) a{background: url(../../images/personal-home/govService_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(3) a:hover{background: url(../../images/personal-home/govService_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(3).active a{background: url(../../images/personal-home/govService_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(4) a{background: url(../../images/personal-home/footprint_defaule.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(4) a:hover{background: url(../../images/personal-home/footprint_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(4).active a{background: url(../../images/personal-home/footprint_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(5) a{background: url(../../images/personal-home/interaction_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(5) a:hover{background: url(../../images/personal-home/interaction_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(5).active a{background: url(../../images/personal-home/interaction_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(6) a{background: url(../../images/personal-home/push_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(6) a:hover{background: url(../../images/personal-home/push_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(6).active a{background: url(../../images/personal-home/push_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(7) a{background: url(../../images/personal-home/search_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(7) a:hover{background: url(../../images/personal-home/search_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(7).active a{background: url(../../images/personal-home/search_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(8) a{background: url(../../images/personal-home/moreService_default.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(8) a:hover{background: url(../../images/personal-home/moreService_selected.png) no-repeat 27px center;background-size: 28px;}
.nav-left ul li:nth-of-type(8).active a{background: url(../../images/personal-home/moreService_selected.png) no-repeat 27px center;background-size: 28px;}


/* 通用标题样式 */
.title01{display: flex;justify-content: space-between;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;padding-bottom: 13px;}
.title01 h2{margin: 0;font-size: 1.1rem;font-weight: 700;}
.title01 a{font-size: 0.7rem;color: #999;}
.title01 a img{height: 12px;margin-left: 6px;}

.title04{display: flex;justify-content: space-between;border-bottom: 1px solid #EDEDED;padding-bottom: 15px;}
.title04 span{font-size: 0.9rem;font-weight: 700;position: relative;padding-left: 15px;line-height: 34px;}
.title04 span::before{content: '';width: 4px;height: 18px;background: #1559a3;position: absolute;left: 0;top: 21%;}
.title04 a{display: block;width: 60px;height: 34px;border: 1px solid #DEDEDE;border-radius: 4px;text-align: center;line-height: 34px;font-size: 0.7rem;color: #666;}
.title04 a:hover{background: #1559a3;color: #fff;border-color: #1559a3;}

.title02{font-size: 1.1rem;font-weight: 700;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #EDEDED;position: relative;padding-left: 15px;}
.title02::before{content: '';width: 4px;height: 18px;background: #1559a3;position: absolute;left: 0;top: 12%;}

/* 右侧内容区 */
.right-content{background: #fff;padding: 20px;border-radius: 8px;width: 80%;min-height: 390px;}

/*tab 切换*/
.slideTxtBox { width: 100%; text-align: left;}

.slideTxtBox .hd {padding: 0px;position: relative;}
.slideTxtBox .hd ul {left: 0px;display: block; text-align: center;}
.slideTxtBox .hd ul li {float: left;cursor: pointer;}
.slideTxtBox .hd ul li.on {background: #1559a3; color:#fff;border-right: none; font-weight:bold;}
.slideTxtBox .hd ul li.on a{color: #fff;}
/* ---------- */
.slideTxtBox .hd-mobile {display:none; height: 60px;line-height: 60px;padding: 0px;position: relative;font-size: 0.9rem;height: 60px;text-align: right;}
.slideTxtBox .hd-mobile ul {left: 0px;height: 40px;line-height: 40px;font-size: 0.8rem; display: block; width:100%;margin: 0 auto;text-align: center;}
.slideTxtBox .hd-mobile ul li {float: left;padding:0px;cursor: pointer; margin-right:1.5rem;font-size: 1.2rem;height: 45px;text-align:left;color: #9fa7af;font-weight:bold;border-bottom:4px solid #fff; padding-bottom:15px;}
.slideTxtBox .hd-mobile ul li.on {border-bottom:4px solid #1559a3;  color:#1559a3;border-right: none; }
/* ---------- */
.slideTxtBox .bd { padding-left: 0px; padding-right: 0px; margin-top: 5px; }


/* 通用Tab按钮样式 */
.tab01{width: 100%;margin-bottom: 30px;display: flex;justify-content: space-between;}
.tab01 ul li{border: 1px solid #d7d7d7;padding: 10px 15px;background: #fff;font-size: 0.8rem;float: left;margin-right: 20px;border-radius: 4px;cursor: pointer;box-sizing:border-box}
.tab01 ul li.active,.tab01 ul li:hover{/*! background: #1559a3; *//*! color: #fff; *//*! border-color: #1559a3; */}

/* 有数据表格-通用*/
.table-box{overflow:auto ;max-height: 82%;}
.table-box table{width: 100%;border: none;min-width: 600px;}
.table-box table thead tr{border: 1px solid #EDEDED;height: 40px;text-align: center;}
.table-box table thead tr td,.table-box table thead tr th{background: #FAFAFA;font-size: 0.7rem;color: #333;border: none;text-align: center;font-weight: 500;}
.table-box table tbody{border: none;width: 100%;}
.table-box table tbody tr td{border: none;}
.table-box table tbody tr.no-data{width: 100%;}
.table-box table tbody tr.no-data:hover{background-color: #fff;}
.table-box table tbody tr.no-data td div{margin: 40px auto;}
.table-box table tbody tr.no-data td div img{width: 140px;}
.table-box table tbody tr.no-data td div p{font-size: 0.7rem;color: #666;}
.table-box table tbody tr:hover{background: #F5F9FD;}
.table-box table tbody tr td{border: 1px solid #EDEDED;text-align: center;height: 40px;font-size: 0.7rem;}
.table-box table tbody tr td.letter-title{ text-align: left;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.no-data1{width: 100%;padding: 40px 0; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.no-data1 img{width: 140px;}
.no-data1 p{font-size: 0.7rem;color: #666;}

/* 表单通用样式 */
.form-box{width: 100%;}
.form-box ul li{padding: 10px 0;}
.form-box ul li .list-name>em{color: red;font-size: 0.7rem;margin-left: 4px;}
.form-box ul li .list-name{font-size: 0.7rem;color: #666;display: inline-block;width: 90px;}
.form-box ul li .select01{width: 320px;height: 34px;font-size: 0.7rem;border: 1px solid #DDDDDD;border-radius: 4px;padding-left: 5px;padding-right: 15px;background: url(../../images/personal-home/arrow_down.png) no-repeat 98% center;background-size: 12px;}
.form-box ul li .input01{width: 320px;height: 34px;font-size: 0.7rem;border: 1px solid #DDDDDD;border-radius: 4px;padding-left: 5px;padding-right: 15px;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的，解决火狐字体不变的问题*/
    }
    input:-moz-placeholder{
    color: #999;/* Mozilla Firefox 4 to 18 */
    }
    input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    }
    input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #8f8f8f;
    }
.inp {color:#999;}
.form-box ul li .select01 option{height: 30px;}
.form-box ul li .select01:focus,.form-box ul li .select01:active{ border: 1px solid #5CA2F3;box-shadow: 2px 0px 0px 0px #DEE9F4,-2px 0px 0px 0px #DEE9F4,0px 2px 0px 0px #DEE9F4,0px -2px 0px 0px #DEE9F4;background:#fff url(../../images/personal-home/arrow_up.png) no-repeat 98% center;background-size: 12px;}
.form-box ul li input:focus,.form-box ul li input:active{border: 1px solid #5CA2F3;box-shadow: 2px 0px 0px 0px #DEE9F4,-2px 0px 0px 0px #DEE9F4,0px 2px 0px 0px #DEE9F4,0px -2px 0px 0px #DEE9F4;}
.btn-determine{text-align: center;margin-top: 15px;margin-bottom: 10px;margin: 15px auto 0;width: 110px;height: 40px;line-height: 40px; border: none;border-radius: 5px;background: #1559a3;color: #fff;font-size: 0.8rem;cursor: pointer;}
.btn-determine:hover{background: #024289;}
.submit-box{margin-top: 30px;margin-left: 16%;}
.submit-box .submit-btn{width: 140px;height: 50px;border-radius: 5px;text-align: center;line-height: 50px;background: #1559a3;color: #fff;font-size: 0.8rem;border: none;margin-right: 20px;}
.submit-box .submit-btn:hover{background: #024289;}
.submit-box .btn-back{width: 140px;height: 50px;border: none;border-radius: 5px;background: #fff;border: 1px solid #E7E7E7;font-size: 0.8rem;}
.submit-box .btn-back:hover{border-color: #1559a3;color: #1559a3;}



/* 查询列表通用样式 */
.info-box{padding-top: 20px;padding-left: 20px;}
.info-box ul li{padding: 10px 0;width: 100%;}
.info-box ul li .list-name{font-size: 0.7rem;color: #666;display: inline-block;width: 110px;}
.info-box ul li .list-content{font-size: 0.7rem;color: #000;display: inline-block;}
.info-box ul li .btn-view{display: inline-block; height: 30px;background: #236FCA;border-radius: 4px;color: #fff;font-size: 0.7rem;text-align: center;line-height: 30px;margin-left: 20px;padding: 0 10px;cursor: pointer;}
.info-box ul li .btn-view:hover{background: #1559a3;}

/* 弹窗 */
.page-mask{width: 100%;height: 100%;background: #000;opacity: .3; position:fixed;left: 0;top:0;z-index: 100;display: none;}
.pop{display: none; width: 60%;height: auto;min-height: 10vh; padding: 20px;box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.16);position: fixed;top: 20vh;left: 50%;margin-left: -30%;border-radius: 15px;background: #fff;z-index: 101;}
.pop01{display: none; width: 50%;padding: 20px;box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.16);position: fixed;top: 30vh;left: 50%;margin-left: -25%;border-radius: 15px;background: #fff;z-index: 102;}
.pop select{width: 25%; height: 34px;font-size: 0.7rem;border: 1px solid #DDDDDD;border-radius: 4px;padding-left: 5px;padding-right: 15px;background: url(../../images/personal-home/arrow_down.png) no-repeat 98% center;background-size: 12px;}
.pop select:focus,.pop select:active{border: 1px solid #5CA2F3;box-shadow: 2px 0px 0px 0px #DEE9F4,-2px 0px 0px 0px #DEE9F4,0px 2px 0px 0px #DEE9F4,0px -2px 0px 0px #DEE9F4;background: url(../../images/personal-home/arrow_up.png) no-repeat 98% center;background-size: 12px;}
.pop-input{margin-bottom: 30px;}
.pop>div span{font-size: 0.7rem;color: #666;margin-right: 10px;}
.btn-close{width: 18px;height: 18px; position: absolute;right: 20px;top: 20px;background: url(../../images/personal-home/icon_close_default.png) no-repeat center;background-size: 18px;cursor: pointer;}
.btn-close:hover{background: url(../../images/personal-home/icon_close_selected.png) no-repeat center;background-size: 18px;}

/* 查询表单 */
.form-query-box{width: 100%;padding: 20px 0;margin-bottom: 10px;}
.form-query-box form{display: flex;}
.form-query-box form .select-box{margin-right: 40px;}
.form-query-box form .select-box span{font-size: 0.7rem;color: #666;margin-right: 5px}
.form-query-box form .select-box input{ height: 34px;font-size: 0.7rem;border: 1px solid #DDDDDD;border-radius: 4px;padding-left: 5px;padding-right: 15px;}
/* .form-query-box form .select-box input:nth-of-type(1){margin-right: 40px;} */
.form-query-box form .btn-submit input[type = submit]{width: 60px;height: 34px;font-size: 0.7rem;color: #fff;border-radius: 4px;background: #1559a3;margin-right: 10px;}
.form-query-box form .btn-submit input[type = submit]:hover{background: #024289;}
.form-query-box form .btn-submit input[type = button]{width: 60px;height: 34px;font-size: 0.7rem;border-radius: 4px;border: 1px solid #DDDDDD;background: #fff;}
.form-query-box form .btn-submit input[type = button]:hover{border-color: #1559a3;color: #1559a3;}
.form-query-box form .select-box input:focus,.form-query-box form .select-box input:active{border: 1px solid #5CA2F3;box-shadow: 2px 0px 0px 0px #DEE9F4,-2px 0px 0px 0px #DEE9F4,0px 2px 0px 0px #DEE9F4,0px -2px 0px 0px #DEE9F4;}
.mr40{margin-right: 40px;}

/* 提交/查询结果，无数据内容 */
.query-no-data{display: none;width: 100%;text-align: center;padding-top: 30px;}
.query-no-data img{width: 10%;}
.query-no-data p{padding: 20px 0;font-size: 0.7rem;color: #666;}
.info-box ul.long-list-name li .list-name{width: 128px;}
.long-left{margin-left: 128px;width: 320px;display: flex;justify-content: space-between;}
.info-box ul.middle-list-name li .list-name{width: 170px;}


/* 通用字体颜色 */
.list-name{color: #666;}
.list-content{color: #000;}

/* 分页 */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-wrap: wrap;
    margin: 10px 0
  }

  .pagination p {
    margin: 0 20px;
  }

  .pagination input {
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    width: 45px;
    height: 36px;
    margin:0 5px;
    text-align: center;
  }

  .pagination > li > a:focus,
  .pagination > li > a:hover,
  .pagination > li > span:focus,
  .pagination > li > span:hover,
  .pagination > li.current > a {
    z-index: 2;
    color: #FFFFFF;
    background-color: #1559A3;
    border-color: #ddd
  }

  .pagination > .active > a,
  .pagination > .active > a:focus,
  .pagination > .active > a:hover,
  .pagination > .active > span,
  .pagination > .active > span:focus,
  .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #1559A3;
    border-color: #1559A3;
  }

  .pagination > li > a, .pagination > li > span {
    color: #333333;
  }

  .pagination-btn {
    border: none;
    border-radius: 4px;
    color: #FFFFFF;
    background-color: #1559A3;
    padding: 6px 12px;
  }
  .pagination-btn:hover{
    background: #024289;
  }
  .pagination .page-count {
    display: none
  }


/* 移动端导航 */
.mobile-nav{display: none;width: 95%;margin: 15px auto;}
.mobile-nav .title-box{cursor: pointer; height: 50px;background: #fff;line-height: 50px;font-size: 0.9rem;border-radius: 4px;padding: 0 15px;display: flex;justify-content: space-between;}
.btn-retract{display: none; font-size: 0.7rem;padding-right: 15px;color: #999;background: url(../../images/personal-home/icon_retract.png) no-repeat right center;background-size: 10px;}
.mobile-nav .title-box .mobile-nav-title{padding-left: 24px;background: url(../../images/personal-home/icon_nav.png) no-repeat left center;background-size: 14px;}
.mobile-nav .title-box .btn-expand{font-size: 0.7rem;padding-right: 15px;color: #999;background: url(../../images/personal-home/icon_expand.png) no-repeat right center;background-size: 10px;}
.mobie-nav-list{display: none; width: 100%;border-radius: 4px;background: #fff;margin-top: 5px;}
.mobie-nav-list li{height: 40px;line-height: 40px;border-bottom: 1px solid #F3F3F3;}
.mobie-nav-list li a{display: block;width: 100%;height: 100%;padding-left: 38px;font-size: 0.8rem;background: #fff url(../../images/personal-home/nav_before_default.png) no-repeat 22px center;background-size: 6px;}
.mobie-nav-list li a:hover,.mobie-nav-list li a.avtive{color: #1559A3;background:#EBF5FF url(../../images/personal-home/nav_before_active.png) no-repeat 22px center;background-size: 6px;}

/* 登录页样式 */
.page-box{width: 100%;height: 100%;background: url(../../images/login-bg.jpg) no-repeat center;background-size: cover;position: relative;}
.page-box .top-logo{height: 80px;width: 95%;margin: 0 auto;display: flex;align-items: center;}
.login-box{width: 30%;height: auto;background: #fff;border-radius: 15px;position: absolute;right: 10%;box-shadow: 0px 5px 18px 1px #DBE2EA;top: 20vh;padding: 30px;padding-bottom: 40px;}
.login-title{padding-bottom: 20px;border-bottom: 1px solid #E0E0E0;display: flex;justify-content: space-between;align-items: center;}
.login-title h2{font-size: 1.2rem;font-weight: 700;}
.login-title a{color: #3C8DEC;font-size: 0.8rem;}
.login-content{padding-top: 20px;}
.login-content ul{width: 90%;height: 58px;background: #F3F5F7;border-radius: 4px;margin: 0 auto;display: flex;align-items: center;padding: 4px;}
.login-content ul li{width: 50%;text-align: center;font-size: 0.9rem;height: 100%;line-height: 50px;border-radius: 2px ;cursor: pointer;}
.login-content ul li img{width: 20px;}
.login-content ul li.active{background: #fff;}
.zw-box{width: 100%;text-align: center;padding: 20px;}
.zw-box img{width: 120px;margin: 30px 0;}
.zw-box p{font-size: 0.8rem;color: #999;margin: 0 0 50px;}
.zw-box a{display: block;width: 60%;height: 50px;border-radius: 4px;background: #3C8DEC;color: #fff;margin: 0 auto;line-height: 50px;font-size: 0.9rem;}
.zw-box a:hover{background: #236FCA;}
.lx-box{width: 100%;text-align: center;display: none;}
.lx-box>div{width: 240px;height: 240px;background: #DDDDDD;margin: 50px auto 30px;}
.lx-box p{font-size: 0.8rem;}
.login-footer{width: 100%;text-align: center;height: 80px;position: fixed;bottom: 0;left: 0;line-height: 80px;font-size: 0.7rem;color: #666;}

/* 我的互动 */
.link_service{border: 1px solid #d7d7d7;padding: 10px 15px;font-size: 0.8rem;float: left;margin-right: 20px;border-radius: 4px;cursor: pointer;box-sizing:border-boxfloat: left;background: #ff7705;color: #fff;border-color: #ff7300;}
.link_service a{color:#fff;}
.link_service:hover{background: #ff4e00;}

/* 移动端按钮 */
.top-btn-box-mobile{width: 100%;background: #fff;padding: 15px 0;text-align: center;display: none;}



@media(max-width:1500px){
  .login-box{width: 50%;right: 50%;margin-right: -25%;}

}


@media(max-width:1440px){
  .submit-box .submit-btn{margin-right: 40px;}
}

@media(max-width:1200px){
    .main .nav-left{width: 15%;}
    .nav-left ul li a{padding-left: 50px;background-position: 24px center !important;}
    .right-content{width: 83%;}
}

@media(max-width:1100px){
  .tab01{flex-wrap: wrap;}
  .tab01>ul{width: 100%;display: flex;justify-content: space-between;}
  .tab01 ul li{padding: 10px 0;width: 23%;text-align: center;margin-right: 0;}
}

@media(max-width:1024px){
    .pagination {font-size: 0.9rem;}
    .nav-left ul li a{padding-left: 40px;background-position: 16px center !important;}
    .top-btn-box{display: none;}
    .top-btn-box-mobile{display: block;}
    .main .nav-left{width: 17%;}
    .login-time-right{width: 24%;}
    .login-time-left{width: 72%;}
    .right-content{width: 81%;min-height: fit-content;}
    .pop{width: 90%;margin-left: -45%;top: 10vh;}
    .pop01{width: 90%;margin-left: -45%;top: 20vh;}
    .login-box{width: 60%;margin-right: -30%;}

}

@media(max-width:900px){
    .tab01 ul{flex-wrap: wrap;}
    .tab01 ul li{width: 49%;margin-bottom: 12px;}
    .tab01 ul li:nth-of-type(3),.tab01 ul li:nth-of-type(4){margin-bottom: 0;}
}

@media(max-width:850px){
  .form-query-box form .select-box>div:nth-of-type(2) input{margin-right: 0;}
  .login-box{width: 70%;margin-right: -35%;}
}

@media(max-width:800px){
    .pagination {font-size: 0.8rem;}
    .form-box ul li .select01{width: 320px;}

}
@media(max-width:768px){
    .main .nav-left{width: 21%;margin-right: 3%;}
    .login-time-box{padding-left: 0;}
    .login-time-right{width: 28%;}
    .login-time-left{width: 60%;}
    .right-content{width: 76%;}
    .long-left{margin: 0;}
    .submit-box{padding: 0 15%;display: flex;justify-content: space-between;width: 100%;margin: 30px 0 20px;}
    .right-content{padding: 15px;}
    .tab01 ul li{font-size: 0.7rem;margin-bottom: 10px;}
    .tab01 ul li:nth-of-type(3),.tab01 ul li:nth-of-type(4){margin-bottom: 0;}
    .tab01{margin-bottom: 15px;}
    .my-letter-box{margin-top: 15px;}
}

@media(max-width:700px){
    .info-box ul.long-list-name li .list-name{width: 110px;}
    .info-box{padding-left: 0;}
    .right-content{min-height: auto;}
    .login-box{width: 80%;margin-right: -40%;}

}

@media(max-width:640px){
    .pagination .page-num, .pagination .page-jumpto, .pagination .pagination-btn { display: none; }
    .pagination .page-count {display: unset; margin: 0 1em;}
    .pagination .total {display: none}
    .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 4px;}
    .top-header-left a{width: 60%;}
    .top-header-left span{font-size: 1.3rem;padding-left: 10px;margin-left: 15px;}
    .top-banner-box{height: 100px;margin: 15px auto;padding: 15px;}
    .login-time-box{padding-left: 0;}
    .welcome-mes{margin-bottom: 15px;}
    .info-box ul.middle-list-name li .list-name{width: 130px;}
    .info-box ul li{display: flex;justify-content: flex-start;align-items: center;}
    .info-box ul li .list-name{width: 20%;}
    .info-box ul li .list-content{display: inline-block;}
    .form-box ul li .select01, .form-box ul li .input01,.info-box ul li .list-content{width: 80%;}
}

@media(max-width:620px){
  .form-box ul li .select01, .form-box ul li .input01{width: 300px;}
}

@media(max-width:600px){
    .form-box ul li{display: flex;align-items: center;}
    .form-box ul li .list-name{width: 20%;}
    .form-box ul li .select01, .form-box ul li .input01{width: 78%;}
    .submit-box{margin-top: 20px;width: 100%;}
    .submit-box .submit-btn,.submit-box .btn-back{width: 100px;height: 40px;line-height: 40px;}
}

@media(max-width:570px){
    .form-box ul li .list-name{width: 78px;}
}

@media(max-width:550px){
    .header-top,.top-header-box{width:100%;margin: 0;}
    .nav{margin:10px auto 0 auto;}
    .nav ul {flex-wrap: wrap;}
    .nav ul li {flex-basis: calc(100% / 4);border: 1px solid #1b61ad;}
    .nav ul li a {line-height: 44px;}
    .top-header-left span::before{height:35px; top:30%;}
    .top-header-right{width: 60%;}
    .top-banner-box{height: 90px;}
    .nav-left ul li a{padding-left: 32px;background-position: 10px center !important;}
    .main .nav-left{width: 23%;}
    .main-content{display: block;}
    .right-content{width: 74%;}
    .top-banner-box{display: none;}
    .main .nav-left{display: none;}
    .mobile-nav{display: block;}
    .right-content{width: 100%;height: auto;min-height: 400px;padding: 15px;}
    .title02{margin-bottom: 15px;}
    .list-name,.list-content{font-size: 0.8rem;}
    .tab01 ul li{font-size: 0.8rem;}
    .login-box{width: 90%;margin-right: -45%;}
  }
@media(max-width:500px){
    .title04 a{font-size: 0.8rem;}
    .title04 span::before{height: 16px;top: 24%;}
    .info-box ul li .list-name,.info-box ul li .list-content,.info-box ul li .name-auth{font-size: 0.8rem;}
    .top-header-left{height: 60px;margin: 10px 20px 0 20px;}
    .top-btn-box-mobile{padding: 10px 0;}
    .submit-box{margin: 20px 0 10px;}
    .mobile-nav{margin: 10px auto;}
    .top-header-right{width: 60%;}
    .user-info{margin-left: 0;padding-left: 0;}
    .user-info img{width: 26px;}
    .tab01 ul li{padding: 10px;}
}

@media(max-width:450px){
  .form-box ul li .list-name{width: 65px;}
  .mobile-nav .title-box{height: 40px;line-height: 40px;}
  .form-query-box form .select-box input{width: 252px;}
  .login-content ul{width: 100%;}
  .login-box{top: 15vh;}
  .zw-box img{margin: 20px 0;}
  .zw-box a{width: 100%;height: 45px;line-height: 45px;}
  .lx-box>div{width: 180px;height: 180px;}
}

@media(max-width:420px){
  .top-btn-box-mobile{padding: 6px 0;display: none;}
  .title02::before{height: 14px;top: 11%;}
  .title02{padding-left: 10px;padding-bottom: 10px;}

}

@media(max-width:400px){
    .mobile-nav .title-box .btn-expand,.btn-retract{font-size: 0.8rem;}
    .title04 a{width: 54px;height: 30px;line-height: 30px;}
    .title04{padding-bottom: 10px;}
    .info-box{padding-top: 10px;}
    .title04 span{padding-left: 10px;}
    .title04 span::before{width: 3px;height: 14px;top: 27%;}
    .info-box ul li .list-name{width: 80px;}
    .right-content{min-height: fit-content;padding: 10px;}
    .btn-exit{margin-left: 28px;}
    .btn-exit::before{left: -15px;}
    .title02::before{height: 14px;top: 8%;}
    .tab01 ul li{padding: 8px 6px;}
    .top-header-right{width: 64%;}
    .submit-box .submit-btn, .submit-box .btn-back{height: 34px;line-height: 34px;}
    .form-box ul li .select01,.form-box ul li .select01:focus,.form-box ul li .select01:active{background-size: 10px;}
    .login-content ul{height: 45px;line-height: 45px;}
    .login-content ul li{line-height: 38px;}
    .zw-box img{width: 90px;}
    .zw-box p{margin-bottom: 30px;}
    .lx-box>div{width: 160px;height: 160px;margin-top:40px;}
}