@media (max-width: 1400px) {
    .broadside[data-v-190cb9e2] {
        position:fixed;
        right: 0!important
    }
}

.broadside[data-v-190cb9e2] {
    margin-right: 4px;
    position: fixed;
    right: 30px;
    top: 250px;
    width: 92px;
    z-index: 99
}

.broadside .diagnosis[data-v-190cb9e2] {
    background: linear-gradient(225deg,#fbffff,#dffafd);
    border-radius: 8px;
    display: block;
    height: 70px;
    margin-top: 6px;
    padding: 2px;
    position: relative;
    text-align: center;
    width: 92px
}

.broadside .diagnosis .weChat[data-v-190cb9e2] {
    border: 5px solid #0dc1d4;
    height: 100px;
    left: -114px;
    position: absolute;
    top: 0;
    width: 100px
}

.broadside .diagnosis .line[data-v-190cb9e2] {
    border: 1px solid #d0e7ea;
    border-radius: 6px;
    min-height: 68px;
    text-align: center
}

.broadside .diagnosis .line .diatitle[data-v-190cb9e2] {
    color: #fff;
    font-family: Alimama ShuHeiTi-Bold,Alimama ShuHeiTi;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    z-index: 10
}

.broadside .diagnosis .line .diacontent[data-v-190cb9e2] {
    color: #f75b20;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px
}

.broadside .diagnosis .line .tall[data-v-190cb9e2] {
    display: flex
}

.broadside .diagnosis .line .tall .tallicon[data-v-190cb9e2] {
    height: 28px;
    margin-left: 2px;
    margin-top: 8px;
    width: 13px
}

.broadside .diagnosis .line .tall .calldiv[data-v-190cb9e2] {
    margin-left: 2px;
    margin-top: 6px
}

.broadside .diagnosis .line .tall .calldiv .callfont[data-v-190cb9e2] {
    color: #333;
    font-family: Alibaba PuHuiTi -53 Regular,Alibaba PuHuiTi 20;
    font-size: 12px;
    font-weight: 700
}

.broadside .diagnosis .online[data-v-190cb9e2] {
    height: 19px;
    margin-top: 13px;
    width: 24px
}

.broadside .diagnosis .onlinefont[data-v-190cb9e2] {
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.broadside .diagnosis .diaone[data-v-190cb9e2] {
    height: 21px;
    left: 16px;
    position: absolute;
    top: -2px;
    width: 64px;
    z-index: 2
}

.broadside .diagnosis .diatwo[data-v-190cb9e2] {
    height: 2px;
    left: 11px;
    position: absolute;
    top: -2px;
    width: 7px
}

.broadside .diagnosis .diathree[data-v-190cb9e2] {
    height: 2px;
    position: absolute;
    right: 11px;
    top: -2px;
    width: 7px
}

.broadside .topbot[data-v-190cb9e2] {
    background: linear-gradient(225deg,#fbffff,#dffafd);
    border-radius: 50px;
    display: block;
    height: 58px;
    margin-left: 17px;
    margin-top: 200px;
    text-align: center;
    width: 58px
}

.broadside .topbot .topboticon[data-v-190cb9e2] {
    height: 16px;
    margin-top: 16px;
    width: 26px
}

.broadside .topbot .topbotfont[data-v-190cb9e2] {
    color: #5c6e70;
    font-size: 12px;
    margin-top: -3px
}

.broadside a:hover .topbotfont[data-v-190cb9e2] {
    color: #0ccce0
}

.broadside a:hover .topboticon[data-v-190cb9e2] {
    filter: drop-shadow(#0ccce0 10000px 0);
    transform: translateX(-10000px)
}

.box[data-v-1e9e0d36] {
    background: #fff;
    padding: 64px 0
}

.box .imgcard[data-v-1e9e0d36] {
    display: flex;
    justify-content: center
}

.box .imgcard .img_div[data-v-1e9e0d36] {
    width: 24%
}

.box .defaufont[data-v-1e9e0d36] {
    color: #006c77;
    font-size: 16px;
    line-height: 40px;
    padding: 32px 0;
    text-align: center
}

[data-v-b8df8484] .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #02b7ca
}

[data-v-b8df8484] .el-select-dropdown__item.selected {
    color: #02b7ca!important
}

[data-v-b8df8484] .el-pagination.is-background .btn-next,[data-v-b8df8484].el-pagination.is-background .btn-prev,[data-v-b8df8484].el-pagination.is-background .el-pager li {
    background-color: #fff;
    color: #5c6e70
}

.pagebody[data-v-b8df8484] {
    background-color: #f5f7f8
}

.pagebody .header[data-v-b8df8484] {
    background: skyblue;
    height: 32px
}

.pagebody .mod[data-v-b8df8484] {
    display: flex
}

.pagebody .mod .left[data-v-b8df8484] {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 6px 0 20px 4px;
    width: 192px
}

.pagebody .mod .left .card[data-v-b8df8484] {
    align-items: center;
    background-color: #f5f7f8;
    border-radius: 8px 0 0 8px;
    display: flex;
    line-height: 40px;
    margin: 8px 0;
    padding-left: 6px;
    position: relative
}

.pagebody .mod .left .card a:hover .sub[data-v-b8df8484] {
    color: #02b7ca
}

.pagebody .mod .left .card a:hover .disea[data-v-b8df8484] {
    color: #006c77
}

.pagebody .mod .left .card .sub[data-v-b8df8484] {
    color: #5c6e70;
    font-size: 18px;
    font-weight: 700;
    margin-right: 8px
}

.pagebody .mod .left .card .sub1[data-v-b8df8484] {
    color: #02b7ca
}

.pagebody .mod .left .card .disea[data-v-b8df8484] {
    color: #5c6e70;
    font-size: 12px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pagebody .mod .left .card .disea1[data-v-b8df8484] {
    color: #006c77
}

.pagebody .mod .left .card .iconsvg[data-v-b8df8484] {
    filter: drop-shadow(#8a9c9e 10000px 0);
    padding-top: 0;
    transform: translateX(-10000px);
    width: 20px
}

.pagebody .mod .left .card .iconsvg1[data-v-b8df8484] {
    filter: drop-shadow(#02b7ca 10000px 0);
    height: 20px;
    padding-top: 0;
    transform: translateX(-10000px);
    width: 20px
}

.pagebody .mod .left .card1[data-v-b8df8484] {
    background-color: #fff
}

.pagebody .mod .right[data-v-b8df8484] {
    margin-left: 16px;
    width: 992px
}

.pagebody .mod .right .top1[data-v-b8df8484] {
    margin: 8px 0 0
}

.pagebody .mod .right .top1 .bread[data-v-b8df8484] {
    color: #8a9c9e;
    height: 30px;
    margin-top: 8px
}

.pagebody .mod .right .top1 .bread img[data-v-b8df8484] {
    filter: drop-shadow(#5c6e70 10000px 0);
    margin: 0 11px;
    transform: translateX(-10000px);
    width: 6px
}

.pagebody .mod .right .pager[data-v-b8df8484] {
    height: 62px
}

.pagebody .mod .right .pager .block[data-v-b8df8484] {
    margin-right: 0
}

.pagebody .mod .right .topfont[data-v-b8df8484] {
    border-bottom: 1px solid #dde8eb;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px
}

.pagebody .mod .right .toplist[data-v-b8df8484] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    max-height: 135px;
    overflow: hidden;
    padding: 16px 24px 0 0
}

.pagebody .mod .right .toplist .anyone[data-v-b8df8484] {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 24px;
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin: 0 8px 16px 0;
    padding: 8px 16px;
    text-align: center
}

.pagebody .mod .right .toplist .anyone2[data-v-b8df8484] {
    background: #f2fbfc;
    border: 1px solid #02b7ca;
    color: #02b7ca
}

.pagebody .mod .right .toplist2[data-v-b8df8484] {
    max-height: 1430px
}

.pagebody .mod .right .more[data-v-b8df8484] {
    display: flex
}

.pagebody .mod .right .more .eveyshow[data-v-b8df8484] {
    color: #aab7b9;
    font-size: 14px;
    line-height: 46px;
    margin-left: 457px
}

.pagebody .mod .right .more .breadright[data-v-b8df8484] {
    filter: drop-shadow(#aab7b9 10000px 0);
    height: 12px;
    margin-left: 8px;
    padding-top: 16px;
    transform: translateX(-10000px);
    width: 14px
}

.pagebody .mod .right .sort[data-v-b8df8484] {
    align-content: flex-start;
    background-color: #fff;
    color: #333;
    display: flex;
    font-size: 16px;
    line-height: 40px;
    padding-left: 16px
}

.pagebody .mod .right .sort .sortimg[data-v-b8df8484] {
    margin-left: 10px;
    position: relative
}

.pagebody .mod .right .sort .sortimg .below[data-v-b8df8484] {
    position: absolute;
    top: 21px;
    width: 8px
}

.pagebody .mod .right .sort .sortimg .below2[data-v-b8df8484] {
    filter: drop-shadow(#02b7ca 10000px 0);
    padding-top: 0;
    transform: translateX(-10000px)
}

.pagebody .mod .right .sort .sortimg .up[data-v-b8df8484] {
    position: absolute;
    top: 14px;
    width: 8px
}

.pagebody .mod .right .sort .topjian[data-v-b8df8484] {
    background: #aab7b9;
    border-radius: 1px 1px 1px 1px;
    height: 5px;
    width: 8px
}

.pagebody .mod .right .cardlist[data-v-b8df8484] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-left: -4.75px;
    margin-top: 8px
}

.pagebody .mod .right .cardlist .card[data-v-b8df8484] {
    background-color: #fff;
    height: 280px;
    margin-bottom: 9px;
    margin-left: 5.9px;
    padding-top: 16px;
    width: 243px
}

.pagebody .mod .right .cardlist .card a:hover .bt[data-v-b8df8484],.pagebody .mod .right .cardlist .card a:hover .content .syz .syzfont[data-v-b8df8484] {
    color: #006c77
}

.pagebody .mod .right .cardlist .card .imgcard[data-v-b8df8484] {
    align-content: center;
    display: flex;
    height: 160px;
    width: 242px
}

.pagebody .mod .right .cardlist .card .imgcard .cardimg[data-v-b8df8484] {
    width: 242px
}

.pagebody .mod .right .cardlist .card .content[data-v-b8df8484] {
    padding: 0 19px 16px 16px
}

.pagebody .mod .right .cardlist .card .content .bt[data-v-b8df8484] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #000;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
    overflow: hidden
}

.pagebody .mod .right .cardlist .card .content .syz[data-v-b8df8484] {
    margin-top: 12px;
    position: relative
}

.pagebody .mod .right .cardlist .card .content .syz .guding[data-v-b8df8484] {
    background: #e6f8fa;
    border-radius: 0 8px 8px 8px;
    color: #67c23a;
    font-size: 14px;
    line-height: 22px;
    padding: 0 8px;
    position: absolute;
    text-align: center
}

.pagebody .mod .right .cardlist .card .content .syz .syzfont[data-v-b8df8484] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #5c6e70;
    display: -webkit-box;
    font-size: 14px;
    line-height: 23px;
    min-height: 46px;
    overflow: hidden
}

.pagebody .mod .right .cardlist .card .content .price[data-v-b8df8484] {
    color: #f90000;
    font-size: 18px;
    font-weight: 700;
    margin-top: 6px
}

.pagebody .mod .right .cardlist .card .content .active[data-v-b8df8484] {
    background: #fff;
    border: 1px solid #ffa1a1;
    border-radius: 8px;
    color: #f90000;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 6px;
    padding: 0 16px;
    text-align: center;
    width: -moz-max-content;
    width: max-content
}