@charset "utf-8";

a:hover{text-decoration: none !important;}
/* 页面选中导航 */
.nav-left ul li.active a{background: url(../../images/personal-home/moreService_selected.png) no-repeat 27px center;background-size: 28px;}

.title03{font-size: 0.75rem;font-weight: 700;}
.right-content>ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 10px;}
.right-content>ul li{width: 18%;margin: 1%;}
.right-content>ul li a{display: block;width: 100%;height: auto;text-align: center;padding: 15px;}
.right-content>ul li a img{width: 70px;margin-bottom: 15px;}
.right-content>ul li a p{font-size: 0.7rem;}
.right-content>ul li a:hover{font-weight: 700;}

/* 参保信息查询列表 */
.deatil-list-box>ul>li{margin-bottom: 20px;padding: 20px;background: #F8F9FB;border-radius: 4px;}
.user-box{display: flex;justify-content: space-between;border-bottom: 1px dashed #DDDDDD;padding-bottom:15px ;align-items: center;margin-bottom: 5px;}
.user-box .user-infomation img{width: 22px;}
.user-box .user-infomation .user-name{font-size: 0.8rem;font-weight: 700;}
.user-box .document-info{display: flex;}
.user-box .document-info li{font-size: 0.7rem;}
.user-box .document-info li .list-name{font-size: 0.7rem;color: #666;margin-left: 30px;}
.user-box .document-info li .list-content{font-size: 0.7rem;color: #000;font-weight: 700;display: inline-block;}
.insurance-datail li{padding-top: 10px;}
.insurance-datail li .list-name{font-size: 0.7rem;color: #666;}
.insurance-datail li .list-content{font-size: 0.7rem;color: #000;}

/* 月缴费明细查询 */
.deatil-list-box01>ul>li{padding: 15px;background: #fff;border: 1px solid #ECECEC;border-radius: 4px;margin-bottom: 20px;}
.deatil-list-box01>ul>li.active{background: linear-gradient(180deg, #ECF3FC 0%, #FFFFFF 100%);box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.10);}
.deatil-list-box01>ul>li .user-info-box{display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;border-bottom: 1px dashed #DDDDDD;}
.deatil-list-box01>ul>li .user-info-box .payment-month{display: flex;padding: 5px 10px;width: 182px;text-align: center; border-radius: 4px;background: #F3F9FF;font-size: 0.7rem;font-weight: 700;}
.deatil-list-box01>ul>li .user-info-box .base-info{width: 70%;font-size: 0.7rem;text-align: right;display: flex;justify-content: flex-end;}
.deatil-list-box01>ul>li .user-info-box .payment-month .date{color: #1559A3;margin-left: 5px;}
.deatil-list-box01>ul>li .user-info-box .base-info .list-name{color: #666;margin-left: 40px;}
.deatil-list-box01>ul>li .user-info-box .base-info .list-content{color: #000;}
.payment-month-datail{padding: 15px 0;display: flex;justify-content: space-between;font-size: 0.7rem;}
.btn-view-detail{text-align: center;}
.btn-view-detail span{display: inline-block;cursor: pointer;color: #1559A3;font-size: 0.7rem;padding-right:16px;background: url(../../images/personal-home/icon_view_detail.png) no-repeat right center;background-size: 12px;}
.btn-fold-detail{text-align: center;display: none;}
.btn-fold-detail span{display: inline-block;cursor: pointer;color: #1559A3;font-size: 0.7rem;padding-right:16px;background: url(../../images/personal-home/icon_fold_detail.png) no-repeat right center;background-size: 12px;}
.table-box01{margin-top: 15px;display: none;}
.table-box01 table{width: 100%;font-size: 0.65rem;}
.table-box01 table thead th{background: #EAEEF1;text-align: center;height: 40px;}
.table-box01 table tbody tr td{height: 40px;text-align: center;border: 1px solid #EDEDED;}

/* 社保权益记录单打印 */
.print-form{background: #F8F8F8;margin-top: 20px;padding: 20px;}
.print-form h3{font-size: 0.7rem;font-weight: bold;margin-bottom: 20px;}
.document-download{text-align: center;padding: 40px 0;}
.document-download img{width: 8%;}
.document-download .doc-title{margin: 20px 0;font-size: 0.8rem;font-weight: 700;}
.document-download .download-box{display: flex;justify-content: center;}
.download-box .online-view{display: inline-block; width: 86px;height: 34px;border-radius: 4px;border: 1px solid #1559A3;font-size: 0.7rem;color: #1559A3;line-height: 34px;margin-right: 10px;}
.download-box .online-view:hover{background: #1559A3;color: #fff;}
.download-box .btn-download{display: inline-block;width: 60px;height: 34px;border-radius: 4px;line-height: 34px;font-size: 0.7rem;background: #1559A3;color: #fff;margin-left: 10px;}
.download-box .btn-download:hover{background:#024289;}
.document-download .tips{margin-top: 30px;font-size: 0.7rem;color: #999;}

/* 我的医保信息 */
.btn-view-yb,.btn-view-mtmm{display: inline-block;cursor: pointer;width: 54px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;background: #236FCA;color: #fff;font-size: 0.7rem;}
.btn-view-yb:hover,.btn-view-mtmm:hover{background: #1559A3;}
  /* 
  *弹窗一 
  */
  .pop,.pop01{padding: 30px;}
  .pop .btn-close,.pop01 .btn-close{right: 30px;top: 30px;}
  .pop h3,.pop01 h3{font-size: 0.9rem;font-weight: 700;margin-bottom: 30px;}
  /* .table-box thead th:last-child,.table-box tbody td:last-child{width: 40%;} */
  .table-box tbody tr td .year-info{padding: 15px;background: #FAFAFA;text-align: left;width: 40%;}
  .table-box tbody tr td .year-info h2{font-size: 0.75rem;font-weight: 700;margin-bottom: 10px;}
  .table-box tbody tr td .year-info div{padding: 5px 0;font-size: 0.7rem;}
  .table-box tbody tr td .year-info .title{color: #333;}
  .table-box tbody tr td .year-info .counts{color: #1559A3;}
  /* 
  *弹窗二
  */
  .pop01 .table-box table{font-size: 0.7rem;}
  .pop01 .table-box table tr th{background: #FAFAFA;font-size: 0.7rem;color: #333;border: none;text-align: center;font-weight: 500;border: 1px solid #EDEDED;width: 20%;}
  .pop01 .table-box table tr td{text-align: left;padding-left: 15px;}

/* 职工基本医疗保险查询 */
.employee-box{display: none;}
.choose-date{padding: 20px 0;}
.choose-date span{font-size: 0.7rem;margin-right: 10px;}
.choose-date select{width: 130px; 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 96% center;background-size: 12px;}
.choose-date select:focus,.choose-date 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 96% center;background-size: 12px;}

/* 医保支付明细 */
.payment-details{display: none;}
.payment{background: #fff;padding: 10px 15px;font-size: 0.65rem;border: 1px solid #EDEDED;}
.payment ul{display: flex;flex-wrap: wrap;}
.payment ul li{width: 32%;line-height: 30px;margin-right: 2%;}
.payment ul li:nth-of-type(3n){margin-right: 0;}

/* 定点医院查询 */
.hospital-list{margin-top: 10px;font-size: 0.7rem;display: none;}
.searchForm-box form{width: 100%;padding: 20px 0;display: flex;justify-content: center;}
.searchForm-box input[type=text]{font-size: 0.8rem;width: 40%;height: 40px;border: 1px solid #DDDDDD;background: #fff;padding-left: 10px;border-radius: 4px 0 0 4px;font-size: 0.8rem;}
.searchForm-box button{font-size: 0.8rem; width: 70px;background: #1559A3;color: #fff;border-radius: 0 4px 4px 0;border: none;}
.searchForm-box button:hover{background: #024289;font-size: 0.8rem;}

/* 诊疗目录查询 */
.directory-list{display: none;}
.directory-list .single-box{background: #F8F9FB;border-radius: 4px;padding: 15px 20px;margin-bottom: 20px;}
.directory-list .single-box li{line-height: 30px;}

/* 药品目录查询 */
.drug-list{margin-top: 10px;display: none;}
.drug-list>ul>li{background: #F8F9FB;border-radius: 4px;margin-bottom: 20px;padding: 20px;}
.drug-list>ul>li .drug-name{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px dashed #DDDDDD;}
.drug-list>ul>li .drug-name .name-left{font-size: 0.7rem;font-weight: 700;}
.drug-list>ul>li .drug-name .btn-drug{width: 70px;height: 30px;border-radius: 4px;background: #fff;border: 1px solid #DEDEDE;font-size: 0.65rem;text-align: center;line-height: 30px;cursor: pointer;}
.drug-list>ul>li .drug-name .btn-drug:hover{background: #1559A3;color: #fff;border-color: #1559A3;}
.drug-list>ul>li>ul{display: flex;margin-top: 15px;}
.drug-list>ul>li>ul li{width: 38%;margin-right: 2%;}
.drug-list>ul>li>ul li:last-child{width: 20%;margin-right: 0;}
  /* 
  *弹窗
  */
  .pop03{display: none; width: 50%;background: #fff;position: fixed;top: 20vh;left: 50%;margin-left: -25%;z-index: 105;border-radius: 8px;padding: 30px;}
  .pop03 h3{font-size: 0.9rem;font-weight: 700;}
  .pop03 .pop-drug-name{margin: 20px 0;}
  .pop03 .pop-drug-name span{font-size: 0.7rem;color: #1559A3;font-weight: bold;margin-right: 0;}
  .more-details{background:#F8F9FB;padding: 15px;border-radius: 4px;}
  .more-details li{line-height: 40px;display: flex;}
  .more-details li.two-col{display: flex;}
  .more-details li.two-col div{width: 50%;}

  /* 日期控件 */
  .form-query-box form .select-box{display: flex;align-items: center;margin-right: 0;} 
  .container{width: 60%;display: flex;align-items: center;margin: 0;padding: 0;}
  .dateTime{width: 65%;}
  .dateTime div span{width: 68px;}
  .long-date div span{width: 92px;}
  .container>div{width: 50%;display: flex;align-items: center;}
  .container span{display: inline-block;width: auto;margin-right: 10px;font-size: 0.7rem;}
  .form-control{width: 200px;height: 34px;border: 1px solid #DDDDDD;padding-left: 5px;font-size: 0.8rem;background: #fff;border-radius: 4px;background: #fff url(../../images/personal-home/icon_date_gray.png) no-repeat 95% center;background-size: 16px;padding-right: 24px;}
  .form-control:disabled, .form-control[readonly]{background-color: #fff;}
  .datepicker td, .datepicker th{width: 34px;height: 34px;font-size: 0.7rem;}
  .form-control:focus{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;}
  .form-control{cursor: pointer;}


@media(max-width:1440px){
  .pop03{width: 70%;margin-left: -35%;}
  .container{width: 60%;}
  .dateTime{width: 65%;}
  .form-query-box form .select-box{margin-right: 0;}
}

@media(max-width:1300px){
  .container{width: 75%;}
}

@media(max-width:1100px){
  .deatil-list-box01>ul>li .user-info-box{flex-wrap: wrap;}
  .deatil-list-box01>ul>li .user-info-box .base-info{width: 100%;justify-content: space-between;margin-top: 10px;}
  .deatil-list-box01>ul>li .user-info-box .base-info .list-name{margin-left: 0;}
  .deatil-list-box01>ul>li .user-info-box .payment-month{width: 186px;text-align: center;padding: 5px 0;display: inline-block;}
  .print-form form{flex-wrap: wrap;}
  .print-form .btn-submit{margin-top: 20px;}
  .form-control{width: 140px;}
  .container{width: 72%;}
  .dateTime{width: 75%;}
  .dateTime .form-control{width: 160px;}
}

@media(max-width:1024px){
  .more-details li{flex-wrap: wrap;flex-direction: column;}
  .more-details li:first-child .list-content,.more-details li:last-child .list-content{height: auto;width: 100%;display: block;overflow-wrap: break-word;line-height: 24px;}
  .more-details li .list-name{display: inline-block;}
  .drug-list>ul>li>ul{flex-direction: column;}
  .drug-list>ul>li>ul li,.drug-list>ul>li>ul li:last-child{line-height: 40px;width: 100%;margin-right: 0;}
  .form-query-box form .select-box{width: 100%;}
  .form-query-box form .dateTime{width: 75%;}
  .dateTime .form-control{width: 130px;}
}

@media(max-width:950px){
  .container{width: 78%;}
}

@media(max-width:900px){
  .deatil-list-box01>ul>li .user-info-box .payment-month{width: 180px;}
  .right-content>ul li{width: 23%;}
  .form-query-box form .select-box{margin-right: 0;}
  .form-query-box form{flex-wrap: wrap;}
  .container{width: 100%;justify-content: space-between;}
  .container>div{width: 49%;}
  .container span{width: 30%;}
  .form-control:disabled, .form-control[readonly]{width: 66%;}
  .btn-submit{margin-top: 20px;display: flex;justify-content: flex-end;width: 100%;}
  .form-query-box form .dateTime{width: 100%;}
  .dateTime div span{width: 22%;}
  .dateTime .form-control{width: 72%;} 
  .long-date div span{width: 32%;}
}

@media(max-width:850px){
  .mr40 {margin-right: 20px;}
  .searchForm-box input[type=text]{width: 60%;}
}

@media(max-width:800px){
  .form-query-box form .select-box{flex-wrap: wrap;}
  .form-query-box form .select-box>div:first-child{margin-bottom: 10px;}
  .form-query-box form .select-box input{width: 260px;}
  .deatil-list-box01>ul>li .user-info-box .base-info{flex-wrap: wrap;flex-direction: column;}
  .table-box01{overflow-x: auto;}
  .container span{width: 40%;}
  .form-control:disabled, .form-control[readonly]{width: 56%;}
  .dateTime div span{width: 13%;}
  .form-query-box form .dateTime input{width: 86%;}
  .form-query-box form .dateTime{flex-direction: column;}
  .dateTime>div{width: 100%;}
  .long-date div span{width: 21%;}
}

@media(max-width:768px){
  .deatil-list-box01>ul>li .user-info-box{flex-wrap: wrap;}
  .deatil-list-box01>ul>li .user-info-box .base-info{width: 100%;text-align: left;margin-top: 10px;}
  .deatil-list-box01>ul>li .user-info-box .base-info li{line-height: 30px;}
  .payment-month-datail{flex-wrap: wrap;}
  .payment-month-datail li{width: 100%;line-height: 30px;}
  .payment ul{flex-wrap: wrap;}
  .payment ul li{width: 100%;margin-right: 0;}
  .right-content>ul li{width: 31%;}
  .user-box{flex-wrap: wrap;}
  .user-box .user-infomation{margin-bottom: 15px;}
  .user-box .document-info{margin-left: 5px;}
}

@media(max-width:700px){
  .user-box .document-info{flex-wrap: wrap;}
  .user-box .document-info li{line-height: 24px;}
  .dateTime div span{width: 15%;}
  .form-query-box form .dateTime input{width: 84%;}
  .long-date div span{width: 24%;}
}

@media(max-width:640px){
  .print-form form .select-box input:nth-of-type(1){margin-right: 0;}
  .print-form form .select-box .mr40{margin-right: 0;}
  .document-download img{width: 18%;}
  .container{flex-direction: column;}
  .container>div{width: 100%;margin-bottom: 10px;}
  .container span{width:24%;}
  .form-control:disabled, .form-control[readonly]{width: 73%;}
  .btn-submit{margin-top: 0;}
}

@media(max-width:550px){
  .choose-date select{height: 30px;background-size: 8px;}
  .payment-month-datail{padding: 10px 0;}
  .deatil-list-box01>ul>li .user-info-box .payment-month .date{font-size: 0.8rem;}
  .choose-date select{font-size: 0.8rem;}
  .payment-month-datail li{font-size: 0.8rem;}
  .deatil-list-box01>ul>li .user-info-box .payment-month{width: 184px;}
  .right-content>ul li{margin-top: 20px;}
  .right-content>ul li a img{width: 58px;}
  .right-content>ul li a{padding: 0;}
  .right-content>ul li a p{font-size: 0.8rem;}
  .directory-list .single-box{padding: 10px;margin-bottom: 10px;}
  .directory-list .single-box li{line-height: 24px;}
  .searchForm-box input[type=text]{height: 34px;width: 70%;}
  .searchForm-box button{width: 54px;}
  .pop03{width: 90%;margin-left: -45%;}
  .drug-list,.hospital-list{margin-top: 0;}
  .drug-list>ul>li{padding: 15px;}
  .drug-list>ul>li>ul{margin-top: 5px;}
  .document-download .tips{display: none;}
  .container span{width: 19%;}
  .form-control:disabled, .form-control[readonly]{width: 79%;}
  .form-query-box{padding-bottom: 10px;}
  .dateTime div span{width: 14%;}
  .form-query-box form .dateTime input{width: 85%;}
  .long-date div span{width: 19%;}
}

@media(max-width:500px){
  .choose-date{padding: 15px 0;}
  .choose-date span{font-size: 0.8rem;}
  .payment ul li,.payment-month-datail li{line-height: 24px;}
  .drug-list>ul>li>ul li, .drug-list>ul>li>ul li:last-child{line-height: 30px;}
  .pop03{padding: 15px;}
  .btn-close{right: 15px;top: 15px;}
  .drug-list>ul>li{margin-bottom: 15px;}
  .drug-list>ul>li .drug-name .btn-drug{font-size: 0.7rem;}
  .insurance-datail li{padding-top: 5px;}
  .deatil-list-box>ul>li{padding: 15px;}
  .user-box .user-infomation{margin-bottom: 3px;}
  .user-box{padding-bottom: 10px;}
  .container span{width: 20%;}
  .form-control:disabled, .form-control[readonly]{width: 78%;}
}

@media(max-width:450px){
  .form-query-box form .select-box input:nth-of-type(1){margin-right: 0;}
  .insurance-datail li{padding-top: 0;}
  .user-box .document-info li{line-height: 15px;}
  .deatil-list-box>ul>li{margin-bottom: 10px;}
  .form-query-box form .select-box>div:first-child{margin-bottom: 15px;}
  .deatil-list-box01>ul>li .user-info-box .base-info li{line-height: 24px;}
  .deatil-list-box01>ul>li .user-info-box .payment-month{width: 170px;padding: 5px 0;text-align: center;display: inline-block;}
  .btn-fold-detail span,.btn-view-detail span{background-size: 8px;}
  .datepicker td, .datepicker th{width: 30px;height: 30px;}
  .pop, .pop01{padding: 15px;}
  .pop .btn-close, .pop01 .btn-close{top: 15px;right: 15px;}
  .table-box tbody tr td .year-info{width: 50%;}
  .long-date div span{width: 23%;}
}

@media(max-width:400px){
  .right-content>ul li a img{width: 50px;margin-bottom: 10px;}
  .title03{font-size: 0.8rem;margin: 15px 0;}
  .right-content>ul li{margin-top: 0;}
  .right-content>ul{margin-bottom: 20px;}
  .right-content>ul li a p{margin-bottom: 15px;}
  .mr40{margin: 0;}
  .form-query-box form .btn-submit input[type = submit],.form-query-box form .btn-submit input[type = button]{font-size: 0.8rem;}
  .drug-list>ul>li>ul li, .drug-list>ul>li>ul li:last-child{line-height: 24px;}
  .drug-list>ul>li{margin-bottom: 10px;}
  .more-details li{line-height: 30px;}
  .more-details li:first-child .list-content, .more-details li:last-child .list-content{line-height: 18px;}
  .user-box .document-info{margin-top: 5px;margin-left: 0;}
  .user-box .document-info li .list-name{margin-left: 0;}
  .user-box .document-info li .list-content{margin-right: 20px;}
  .deatil-list-box01>ul>li .user-info-box{padding-bottom: 10px;}
  .deatil-list-box01>ul>li .user-info-box .payment-month{width: 152px;}
  .print-form{padding: 10px;margin-top: 15px;}
  .print-form h3{margin-bottom: 15px;font-size: 0.8rem;}
  .download-box .online-view,.download-box .btn-download{font-size: 0.8rem;}
  .print-form .btn-submit{margin-top: 15px;}
  .form-query-box form .select-box>div:first-child{margin-bottom: 10px;}
  .btn-close{width: 14px;height: 14px;}
  .table-box tbody tr td .year-info div{padding: 0;}
  .table-box tbody tr td .year-info h2{margin-bottom: 5px;}
}