@charset "utf-8";

.banner2022{ position: relative;}
.banner2022::after{ 
    content: '';
    display: block;
    width: 100%;
    height: 250px;
    background: url(../images/banner_mask.png) no-repeat center/cover;
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner2022 .gp-img-responsive{ padding-bottom: 30.208%;}
.banner_bg{ background: url(../images/banner_mask.png) no-repeat center/cover;}

.location2022{ width: 100%; position: absolute; bottom: 0px; left: 0px; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 16px 0 15px;}
.location2022 .gp-container{ display: flex; justify-content: space-between; align-items: center;}
.location2022 h3{ font-weight: normal; line-height: 1;}
.location2022 a{ color: #fff; margin-right: 14px; position: relative;}
.location2022 a:last-child{ margin-right: 0px;}
.location2022 a::after{ content: ''; display: block; width: 6px; height: 1px; background-color: #fff; 
    position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.location2022 a:last-child:after{ display: none;}
.bread2022{ display: flex;}

.asideAdd{ padding-top: 14px; background-color: #f4f4ef;}
.flex{ display: flex; justify-content: center;}
.asideAdd li{ margin-right: 50px;}
.asideAdd li:last-child{ margin-right: 0px;}
.asideAdd a{ display: block; padding: 15px 0; line-height: 1; position: relative;}
.asideAdd a::after{ content: ''; display: block; width: 0%; height: 4px; background-color: #7f167b; 
    position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); transition: all 0.35s ease;}
.asideAdd a:hover::after, .asideAdd a.on::after{ width: 100%;}


/* pageBody */
.pageBody{ background-color: #fff; padding-bottom: 70px;}
.pageTitle a{ display: block; padding: 42px 0 40px; line-height: 1;}
.info-search{ display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #f2f2ed;}
.info-search span{ display: block; border-radius: 25px; overflow: hidden;}
.info-search span input{ width: 100%; height: 50px; border: none; outline: none; background-color: #f2f2ed; padding-left: 25px; color: #333;}
.info-search span input::-webkit-input-placeholder { color: #aab2bd; font-size: 14px;}
.info-search .lable{ padding-right: 10px; color: #666666; line-height: 50px;}
.disease{ width: 28.75%;}
.department{ width: 28.75%;}
.physician{ width: 25%;}
.submit{ width: 120px; margin-left: 15px; background-color: #a343c4; color: #fff; border: none; outline: none; border-radius: 25px;cursor: pointer;}
.pageBody .flex.gp-f16{ justify-content: space-between; padding-top: 13px; padding-bottom: 20px; color: #999999;}
.flex-left{ padding-top: 7px;}
.brother{ display: flex; margin-bottom: 34px;}
.brother span{ display: block; width: 180px; text-align: center; line-height: 1; padding: 16px 0 17px; margin-right: 20px; 
    border-radius: 25px; background-color: #f2f2ed; color: #a343c4; transition: all 0.35s ease;cursor: pointer;}
.brother span.on, .brother span:hover{ background-color: #a343c4; color: #fff;}
.brother span:last-child{ margin-right: 0px;}
.notice{ line-height: 1.5;}
.code{ position: relative;}
.code .gp-img-responsive{ padding-bottom: 100%;}
.code .codeTitle{ width: 115%; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); right: 130px;}

/* 出诊信息展示 */
.flexMiddle{ display: flex; align-items: center; justify-content: center;}
.display{ border: 1px solid #f2e4f0; border-bottom: none; position: relative; overflow: hidden;}
.arrow{ position: absolute; top: 0px; right: 0px; z-index: 1; box-shadow: -5px 0px 10px 0px rgba(3, 0, 0, 0.2);}
.arrow.currents{ position: absolute; top: 0px; right: -15px; z-index: 11;}
.arrow .next, .arrow .prev{ width: 50px; height: 40px; line-height: 40px; background-color: #da9ed0; text-align: center; color: #fff; transition: all 0.35s ease;}
.arrow .next:hover, .arrow .prev:hover{ background-color: #a343c4;}
.display .flex{ justify-content: unset;}
.display .row{ color: #666; padding-right: 15px; overflow: hidden; width: 100%;}
.display .row:nth-of-type(even){ background-color: #faf7f9;}
.display .row-head{ width: 100%; line-height: 1; display: none;}
.display .row:nth-of-type(1) .row-head{ display: flex;}
.display .row:nth-of-type(1) .row-head.currents{ width: 1585px; position: fixed; top: 80px; /* left: 50%; transform: translateX(-50%); */ z-index: 10;}
.display .row-cont{ width: 100%;}
.row-head .row-left{ width: 8%; text-align: center; border-right: 1px solid #e0b8da; background-color: #da9ed0; color: #fff; position: relative;}
.row-head .row-right{ width: 92%;}
.row-head .depName{ width: 6.41%; text-align: center; background-color: #da9ed0; color: #fff; border-right: 1px solid #e0b8da; position: relative;}
.row-head .time{ width: 6.83%; text-align: center; background-color: #da9ed0; color: #fff; border-right: 1px solid #e0b8da; position: relative;}
.week{ width: 93.17%; overflow: hidden; background-color: #da9ed0; color: #fff; text-align: center;}
.week li .flexMiddle{ height: 80px; flex-direction: column; line-height: 26px;}
.week span{ width: 100%;}
.row-head .row-left .depart{ height: 80px; line-height: 80px; overflow: hidden; background-color: #da9ed0; color: #fff;}
.row-head .row-left .time{ height: 80px; line-height: 80px; overflow: hidden; background-color: #da9ed0; color: #fff;}

.row-cont .row-left{ width: 8%; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; padding: 0 10px; border-bottom: 1px solid #f2e4f0;}
.row-cont .row-right{ width: 92%; position: relative;}
.row-cont .row-right .dep-info{}
.row-cont .row-right .dep-info .depName{width: 6.41%;    display: flex; align-items: center; justify-content: center;border-bottom: 1px solid #f2e4f0;border-right: 1px solid #f2e4f0;box-sizing: border-box;padding: 0 5px;}
.row-cont .row-right .dep-info .con{width: 93.59%;}

.row-head .row-right .dep-info{}
.row-head .row-right .dep-info .depName{width: 6.41%;    display: flex; align-items: center; justify-content: center;box-sizing: border-box;padding: 0 5px;}
.row-head .row-right .dep-info .con{width: 93.59%;}

.row-cont .time{ width: 6.83%; display: flex; align-items: center; justify-content: center;}
.row-cont .nameList{ width: 93.17%;}
.nameList .slick-list{ margin-right: -15px; padding-right: 15px;}
/* .slick li{ border-right: 1px solid #f2e4f0; border-bottom: 1px solid #f2e4f0;} */
.slick.week li{ border: none; outline: none; border-right: 1px solid #e0b8da; position: relative;}
.nameList li{ padding: 23px 20px 20px; outline: none; position: relative;}
.nameList li > div{ line-height: 1; margin-bottom: 25px;}
.nameList li > div .gp-f14{ color: #999;}
.nameList li > div:last-child{ margin-bottom: 0px;}
.tag{ display: block; font-size: 1.2rem; margin-top: 5px; width: auto; height: ; line-height: 18px; text-align: center;
    border-radius: 9px; background-color: #a343c4; color: #fff;}

.morning, .afternoon, .night{ position: relative;}
.morning::after,
.afternoon::after,
.night::after,
.row-cont .row-left::after{
    content: '';
    display: block;
    width: 200%;
    height: 1px;
    background-color: #f2e4f0;
    position: absolute;
    left: -2px;
    bottom: 0px;
    z-index: 1;
}
.row-cont .row-left, .row-cont .time{ position: relative;}
/* .row-head .row-left::after, */
.row-cont .row-left::after,
/* .row-head .time::after, */
.row-cont .time::after,
.nameList li::after{
    content: '';
    display: block;
    width: 1px;
    height: 5000px;
    background-color: #f2e4f0;
    position: absolute;
    left: auto;
    right: 0px;
    top: 0px;
    z-index: 1;
}

/* 搜索结果 */
.notice span{ color: #a343c4;}
.nameList li{ min-height: 100px;}
/* 暂无数据 */
.noData{padding: 20px 0;color: #333;text-align: center;display: none;}



.display-mobile{display: none;}
.display-mobile >ul{}
.display-mobile >ul >li{}
.display-mobile >ul >li .dep-head{align-items: center;}
.display-mobile >ul >li .dep-head .dep-left{width: 100px;background-color: #da9ed0;color: #fff;min-height: 40px;text-align: center;}
.display-mobile >ul >li .dep-head .dep-right{flex: 1;background-color: #da9ed0;color: #fff;min-height: 40px;text-align: center;}
.display-mobile >ul >li .dep-cont{}
.display-mobile >ul >li .dep-cont ul{width: 100%; }
.display-mobile >ul >li .dep-cont ul li{ text-align: center;border-bottom: 1px solid #f2e4f0;border-right: 1px solid #f2e4f0;min-height: auto;}
.display-mobile >ul >li .dep-cont ul li .depli-head >div{min-height: 40px;}
.display-mobile >ul >li .dep-cont ul li .depli-head >div:nth-child(1){border-bottom: 1px solid #f2e4f0;}
.display-mobile >ul >li .dep-cont ul li .depli-head .depli-left{background-color: #faf7f9;color: #da9ed0;width: 23.56%; border-right: 1px solid #f2e4f0;}
.display-mobile >ul >li .dep-cont ul li .depli-head .depli-right{background-color: #faf7f9;color: #da9ed0;width: 76.44%;border-right: 1px solid #f2e4f0; }
.display-mobile >ul >li .dep-cont ul li .depli-head .depli-right div{width: 33.3%;border-right: 1px solid #f2e4f0;}
.display-mobile >ul >li .dep-cont ul li .depli-con{ }
.display-mobile >ul >li .dep-cont ul li .depli-con .depli-left{ width: 23.56%;}
.display-mobile >ul >li .dep-cont ul li .depli-con .depli-right{width: 76.44%; }
.display-mobile >ul >li .dep-cont ul li .depli-con .depli-right ul{width: 33.3%;}
/* 响应式样式 */





.loading {width: 100px;height: 100px;border-radius: 50%;border: 10px solid #BEBEBE;border-left: 10px solid #a343c4;animation: loading 1s linear infinite;position: fixed;top: 50vh;left: 50vw;margin-left: -50px;margin-top: -50px;display: none;}
  @keyframes loading {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}


/* 响应式样式 */
@media screen and (max-width:1800px){
    .row-head .row-left,
    .row-cont .row-left{ width: 8.5%;}
    .row-head .row-right,
    .row-cont .row-right{ width: 91.5%;}
    .row-head .time,
    .row-cont .time{ width: 5%;}
    .nameList li > div{ text-align: center; margin-bottom: 15px;}
    .nameList li > div .gp-f14{ display: block; margin-top: 5px;}
    .tag{ margin: 0 auto; margin-top: 5px;}
    
    .row-cont .row-left{ padding: 0px;}
    .display .row:nth-of-type(1) .row-head.currents{ width: 1383px;}
}

@media screen and (max-width:1600px){
    
}

@media screen and (max-width:1480px) {
    .asideAdd li{ margin-right: 20px;}
    .disease{ width: 30%;}
    .department{ width: 25%;}
    .physician{ width: 20%;}
    .submit{ margin-left: 0px;}
    .display .row:nth-of-type(1) .row-head.currents{ width: 1183px;}
}

@media screen and (max-width:1400px) {
    .arrow .next, .arrow .prev{ width: 40px; height: 40px;}
}

@media screen and (max-width:1240px) {
    .nameList li{ padding: 15px 10px;}
    .display .row:nth-of-type(1) .row-head.currents{ width: calc(100% - 95px);}
}

@media screen and (max-width:1200px) {
    .arrow .next, .arrow .prev{ width: 35px; height: 40px;}
}

@media screen and (max-width:1080px) {
    .info-search{ flex-wrap: wrap;}
    .info-search .lable{ width: 100%;}
    .pageTitle a{ padding: 30px 0 20px;/*  text-align: center; */}
    .pageBody{ padding-bottom: 40px;}
    .row-cont .row-left{ line-height: 2;}
    .asideAdd .flex{ flex-wrap: wrap;}
    .display .row:nth-of-type(1) .row-head.currents{ width: calc(100% - 155px);}
}
@media screen and (max-width:1024px) {
    .location2022 .gp-container{ position: relative;}
    .pageBody .flex.gp-f16{ display: block; overflow: hidden;}
    .code{ max-width: 120px; float: right;}
    .row-head .row-left, .row-cont .row-left{ width: 12%;}
    .row-head .row-right, .row-cont .row-right{ width: 88%;}
    .row-head .time, .row-cont .time{ width: 10%;}
    .row-cont .nameList, .week{ width: 90%;}
    .bread{ width: 800px; left: auto; right: 20px; margin-left: 0px;}
}
@media screen and (max-width:1020px) {
    /* .bread{ margin-right: -490px;} */
}

@media screen and (max-width:998px) {
    .phone_subNav{ padding: 15px 15px 0;}

    .display{display: none;}
    .display-mobile{display: block;}
    .morning::after,
    .afternoon::after,
    .night::after,
    .row-cont .row-left::after{
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #f2e4f0;
        position: absolute;
        left: -2px;
        bottom: 0px;
        z-index: 1;
    }
    /* .row-head .row-left::after, */
    .row-cont .row-left::after,
    /* .row-head .time::after, */
    .row-cont .time::after,
    .nameList li::after{
        content: '';
        display: block;
        width: 1px;
        height: 1px;
        background-color: #f2e4f0;
        position: absolute;
        left: auto;
        right: 0px;
        top: 0px;
        z-index: 1;
    }

    .loading{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;border-width: 5px;}
    .code {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .row-head .time, .row-cont .time{ width: 12%;}
    .row-cont .nameList, .week{ width: 88%;}
    .info-search .lable{ width: auto; font-size: 1.6rem;}
    .disease, .department, .physician{ width: 100%; margin-bottom: 10px;}
    .submit{ width: 150px; height: 50px;}
    .info-search{ justify-content: center;}
    .brother span{ width: auto; padding: 16px 25px 17px;}
    .code{ display: none;}
}

@media screen and (max-width:680px) { 

    
    /* .arrow{ display: none;}
    .display .row{ display: flex; flex-direction: row;}
    .display .flex, .row-head .row-right{ flex-direction: column;}
    .row-cont .row-right{ display: flex; flex-direction: row;}
    .display .row-head{ width: 23.56%; display: block;}
    .display .row-cont{ width: 76.5625%;}
    .row-head .row-left,
    .row-head .time,
    .row-head .row-right,
    .row-cont .nameList,
    .week,
    .row-cont .row-left,
    .row-cont .row-right,
    .row-cont .time{ width: 100%; min-height: 40px;}
    .morning, .afternoon{ width: 50%;}
    .week li, .morning li, .afternoon li{ display: none;}
    .week li:nth-of-type(-n + 7), .morning li:nth-of-type(-n + 7), .afternoon li:nth-of-type(-n + 7){ display: block;}
    .row-head .time, .week{ background-color: #faf7f9; color: #da9ed0;}

    .display .row{ padding-right: 0;}
    .row-head .row-left::after, .row-head .time::after, .nameList li::after,
    .morning::after, .afternoon::after, .row-cont .row-left::after{ display: none;}
    .row-head .time::after, .row-head .row-left::after{ display: none;}
    .row-head .time, .slick.week li{ border: none;}
    .row-head .row-left, .row-cont .row-left{ background-color: #da9ed0; color: #fff;}
    .row-head .time{ position: relative;}
    .row-head .time::after,
    .slick.week li::after{ 
        content: '';
        display: block;
        width: 700px;
        height: 1px;
        background-color: #f2e4f0;
        position: absolute;
        left: 0px;
        top: auto;
        bottom: 0px;
        z-index: 111;
    }
    .row-cont .nameList::after{
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: #f2e4f0;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 111;
    }
    .week{ overflow: visible;}
    .display .row:nth-of-type(even){ background-color: initial;}


    .row-cont .row-left{display: none;}
    .row-head .row-left.depCategory{display: none;}
    .row-head .row-right .dep-info .depName{width: 100%;min-height: 40px;}
    .row-head .row-right .dep-info .con{width: 100%;}
    .row-cont .row-right .dep-info .depName{display: none;}
    .row-cont .row-right{width: 100%;display: flex;}
    .row-cont .row-right .dep-info .con{width: 100%;display: block;display: flex;}
    .row-cont .row-right .dep-info .con >div{width: 50%;} */
}

@media screen and (max-width:580px) {
    .gp-container{ margin: 0px;}
    .week span:first-child{ font-size: 1.4rem;}
    .week span:last-child{ font-size: 1.2rem;}
}

@media screen and (max-width:479px) {
    .submit{ width: 120px; height: 36px; border-radius: 18px;}
    .pageTitle a{ padding: 20px 0;}
    .info-search .lable{ line-height: 1; padding: 0 0 20px; border-radius: 0px;}
    .disease, .department{ margin-bottom: 6px;}
    .physician{ margin-bottom: 10px;}
    .info-search{ padding-bottom: 30px;}
    .pageBody .flex.gp-f16{ padding-top: 10px;}
    .flex-left{ padding-top: 0;}
    .brother{ margin-bottom: 24px;}
    .brother span{ padding: 10px 23px;}


}

@media screen and (max-width:320px) {
    
}