body {
    background-color: #faf7fa
}

.conntenrOll {
    display: flex;
    padding-bottom: 50px;
    justify-content: space-between;
    margin-top: -60px;
    position: relative;
}

.contenLeft {
    width: 15%;
    height: 100%;
    background-color: white;
}

    /*  .contenLeft ul {
       padding-bottom:30px;
    }*/
    .contenLeft ul :last-child {
        border: 0;
    }

    .contenLeft ul li {
        /*        height: 60px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #efefef;
        cursor: pointer;
    }

    .contenLeft dl .active {
        background-color: #eff8f8;
    }

    .contenLeft ul li .active {
        background-color: #eff8f8;
    }

        .contenLeft ul li .active span {
            color: #23b7b6;
        }

    .contenLeft dl .active span {
        color: #23b7b6;
    }

    .contenLeft ul li .Gotopage:hover {
        background-color: #eff8f8;
    }

        .contenLeft ul li .Gotopage:hover span {
            color: #23b7b6;
        }

    .contenLeft ul li span {
        color: #767676;
        font-size: 18px;
        font-weight: bold;
    }

.contenRigth {
    width: 82%;
    background-color: white;
    padding-bottom: 3rem;
    min-width: 1150px;
    overflow: visible;
}

.accountMes {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
}

.accountMesUl ul {
    display: flex;
    height: 60px;
    border-bottom: 1px solid #efefef;
}

    .accountMesUl ul li {
        height: 100%;
        display: flex;
        align-items: center;
        margin-left: 50px;
        font-size: 16px;
        font-weight: bold;
        color: #ada7ba;
        margin-top: -2px;
        /*        cursor: pointer;*/
    }

        .accountMesUl ul li span {
            cursor: pointer;
        }

    .accountMesUl ul .active {
        color: #23b7b6;
        border-bottom: 3px solid #23b7b6;
        margin-top: 0;
    }

.accountTitle {
    height: 60px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-left: 20px;
}

    .accountTitle span {
        font-size: 16px;
        color: #303030;
        font-weight: bold;
    }

    .accountTitle button {
        margin-left: 18px;
        color: #b0b0b0;
        font-weight: bold;
        cursor: pointer;
    }

.accountTabel {
    border-top: 1px solid #efefef;
    margin-top: 15px;
}

.dogLogo ul {
    height: 100%;
}

    .dogLogo ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 12%;
        height: 100px;
        padding: 10px 5px;
        margin: 0;
        border-right: 1px solid #efefef;
    }

        .dogLogo ul li:first-child {
            width: 38%;
            flex-direction: row;
            justify-content: end;
            border-right: 1px solid #efefef
        }

        .dogLogo ul li:last-child {
            width: 38%;
            border-right: 0;
            flex-direction: row;
            justify-content: flex-end;
            padding: 0;
        }

        .dogLogo ul li.stateName {
            justify-content: center;
        }

.dogText {
    /*margin-left: 15px;*/
    font-size: 16px;
    width: 67%;
}

    .dogText p {
        display: flex;
        flex-direction: column;
        color: #66626e;
    }

        .dogText p span {
            padding-bottom: 1px;
            font-size: 13px;
        }

    .dogText .productlist {
        position: absolute;
        border: 1px solid #f1f1f1;
        box-shadow: #f1f1f1 0px 0px 10px;
        background-color: white;
        border-radius: 5px;
        /*left: 28.5%;*/
        /*width: 22.2%;*/
        width: 19.5%;
        padding: 10px;
    }

    .dogText .products {
        display: block;
        font-size: 14px;
        color: #696462;
        font-weight: bold;
        line-height: 18px;
    }

.dogJoboll {
    display: flex;
    color: #23b7b6;
}

    .dogJoboll span {
        padding-right: 20px;
    }

.dogMoney {
    color: #66626e;
    font-size: 15px;
    padding-bottom: 8px;
}

.dogMoneys {
    color: #3d3d3d
}

.dogState {
    color: #e58b33;
}

.btnState {
    width: 100px;
    height: 50px;
    margin-right: 20px;
    background-color: #fff;
    border: 2px solid #23b7b6;
    border-radius: 5px;
    font-size: 16px;
    color: #23b7b6;
    font-weight: bold;
    cursor: pointer;
}

.btnStatea {
    margin: 0;
    margin-right: 20px;
}

.btnStateAC {
    background-color: #23b7b6;
    color: #fff;
}

.btnFixRight {
    right: 20px;
    position: absolute;
    width: 38%;
    display: flex;
    justify-content: flex-end;
}

.contenRigthBox {
    height: 60px;
    padding-left: 50px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #586060;
}

.contenRigthBoxSpan {
    margin-left: 15px;
}

.contenRigthBoxSpans {
    margin-left: 0;
}

.Leftbox {
    display: flex;
    align-items: center;
    position: relative;
}

.LeftboxAC {
    width: 29px;
    height: 29px;
    object-fit: contain;
}
/*我的宠物样式*/
.PetIpn {
    height: 70px;
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}

.seetinp {
    height: 100%;
    width: 27%;
    display: flex;
}

.seetinpAC {
    width: 45%
}

.seekipn {
    width: 75%;
    height: 100%;
    background-color: #f5f5f5;
    margin-left: 50px;
    padding: 0 10px;
}

.seekipnBtn {
    width: 25%;
    height: 100%;
    background-color: #23b7b6;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    border-radius: 0 5px 5px 0;
}

.newPetIpn {
    width: 12%;
    height: 100%;
    background-color: #23b7b6;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 20px;
}

.myPetList {
    padding-left: 50px;
    padding-right: 50px;
}

.petListLi {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
    align-items: center;
}

.petMes {
    display: flex;
    width: 90%;
}

/*宠物背景*/
.petlogo {
    width: 127.8px !important;
    height: 127.8px !important;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-size: 100%;
    background: url(/images/male_bg.png) no-repeat;
}

.maleBg {
    background: url(/images/male_bg.png) no-repeat;
    background-size: 100%;
}

.femaleBg {
    background: url(/images/female_bg.png) no-repeat;
    background-size: 100%;
}
.nullBg {
    background: none !important;
}
.nullBg img {
    background: none !important;
    border: 5px #23B7B6 solid;
}
.petlogo img {
    width: 81.8px;
    height: 81.8px;
    object-fit: cover;
    position: relative;
    border-radius: 50%;
}
/*宠物背景*/
.petMesList {
    margin-left: 20px;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.petName {
    color: #66626e;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}

.petSeetOne {
    color: #888293;
}

.petSeetTow {
    color: #23b7b6;
    margin-left: 10px;
}

.petNames {
    margin-bottom: 15px;
}

.petSeetThree {
    background-color: #23b7b6;
    padding: 4px 8px;
    border-radius: 8px;
    color: white;
    margin-left: 20px;
    cursor: pointer;
}

.petMesListOll ul {
    display: flex
}

    .petMesListOll ul li {
        height: 50px;
        padding: 0 20px;
        border-right: 1px solid #efefef;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .petMesListOll ul :last-child {
        border: 0;
    }

    .petMesListOll ul :first-child {
        padding-left: 0;
    }

.EnglishName {
    color: #888293;
}

.EnglishNames {
    color: #3d3d3d
}

.SampleTypeName {
    color: #23b7b6
}

.petOperation {
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.petRelevance {
    justify-content: flex-end;
}

.petOperationiocn {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.petOperation .petEditImg_BindSamplePackagePetList {
    justify-content: end;
}

    .petOperationiocn img {
        cursor: pointer;
    }

.petOperationBox {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #23b7b6;
    border-radius: 5px;
    color: #23b7b6;
    margin-top: 20px;
    cursor: pointer;
}

.paging {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .paging ul {
        display: flex;
    }

.pagnum {
    padding: 8px 12px;
    background-color: #f5f5f5;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin: 0 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #cdcdcd;
}

.pagnumAC {
    background-color: #23b7b6;
    color: #fff;
    border: 0;
}

.pagnum:hover {
    background-color: #eeffff;
    border: 1px solid #23b7b6;
    color: #23b7b6
}

.contpet {
    margin-left: 15px;
    cursor: pointer;
}

.upAvatar {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0 50px 0;
}

.avatarImg {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 8px;
    background-image: url(/images/dogLogo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: flex-end;
}

.upimgs {
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.upimgstext {
    color: white;
    opacity: 1;
}

.petmestabal {
    width: 100%;
    padding: 0 50px 20px 50px;
}

    .petmestabal ul {
        display: flex;
        justify-content: space-between;
    }

        .petmestabal ul li {
            width: 23%;
            height: 81px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

.species {
    font-size: 16px;
    font-weight: bold;
    color: #66626e;
    margin-left: 20px;
}

.speciess {
    font-size: 16px;
    font-weight: bold;
    color: #66626e;
    margin-left: 20px;
}

.species::after {
    content: '*';
    color: red;
    /* width: 10px; */
    font-size: 19px;
    margin-left: 7px;
}

.lblSelect {
    height: 50px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.selectoll {
    height: 100%;
    width: 100%;
    border: 1px solid #e9e9e9;
    background-color: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    padding: 0 20px;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.selectolls::-webkit-input-placeholder {
    color: #cdccd0;
}

.selectolls {
    height: 50px;
}



.lblSelect:before {
    position: absolute;
    content: '\25bc';
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #fafafa;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    color: #a9a9a9;
    border: 1px solid #e9e9e9;
    pointer-events: none;
    border-radius: 0 8px 8px 0;
}

option {
    /*border: none;
    outline: none;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    padding-top: .4rem;
    border: 1px solid red;
}

/*报告验真*/
.report {
    width: 100%;
    display: flex;
    padding: 30px 0;
    justify-content: center;
}

.reportInp {
    width: 30%;
    height: 60px;
    background-color: #f5f5f5;
    padding: 0 20px;
    border-radius: 5px 0 0 5px;
}

.reportBtn {
    display: flex;
    width: 80px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background-color: #23b7b6;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}
/*地址管理*/
.siteManage {
    padding: 0 50px;
}

.siteManageImg {
    width: 6%;
    height: 80px;
    background-color: #5ab4b5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 0 0 5px;
}

.activeBac {
    background-color: #c0c0c0;
}

.siteManage ul {
}

    .siteManage ul li {
        display: flex;
        width: 100%;
        margin-top: 20px;
    }

        .siteManage ul li:hover .siteManageBox {
            border: 2px solid #5ab4b5;
            background-color: #f4fcfc;
            cursor: pointer;
        }

        .siteManage ul li:hover .siteManageImg {
            background-color: #5ab4b5;
        }

.siteManageBox {
    width: 94%;
    height: 80px;
    border: 2px solid #5ab4b5;
    background-color: #f4fcfc;
    border-radius: 0 5px 5px 0;
    padding: 20px;
    display: flex;
    align-items: center;
}

.activeBorder {
    border: 2px solid #ececec;
    background-color: #f7f7f7;
}

.siteManageMes {
    width: 70%;
    font-weight: bold;
}

.siteManageName {
    color: #3a3a3a;
}

    .siteManageName .active {
        display: none
    }

.siteManagePhone {
    margin-left: 20px;
}

.siteManageState {
    font-size: 12px;
    color: #fff;
    background-color: #5ab4b5;
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: 10px;
}

.siteManages {
    margin-top: 5px;
    color: #a1aaaa;
    font-size: 15px;
}

.siteOperation {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .siteOperation img {
        cursor: pointer;
    }

.siteOperationTitle {
    color: #999999;
    font-size: 15px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .siteOperationTitle::before {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/images/icon/zhengque-18.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 5px;
    }

.siteOperation .active {
    display: none;
}
/*所有检测报告*/
.ExcontenRigth {
    padding: 0 80px;
}

.exReport {
    justify-content: end;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.ExreportInp {
    width: 20%;
}

.exReportList {
    width: 100%;
    background-color: #f5fcfc;
    border: 1px solid #e3f3f4;
    margin-top: 20px;
}

.exReportListhead {
    padding: 20px;
    border-bottom: 1px solid #e3f3f4;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #4f4f4f;
}

.exReportListheadBox {
    width: 25px;
    height: 25px;
    border: 1px solid #dde6e6;
    border-radius: 5px;
    cursor: pointer;
}

.exReportListhead .active {
    background-image: url(/images/gougou1.png);
    background-repeat: no-repeat;
    background-size: contain
}



.exReportListhead span {
    margin-left: 10px;
}

.exReportListContent {
    padding: 20px;
}

    .exReportListContent ul {
        display: flex;
        font-weight: bold;
        color: #66626e
    }

        .exReportListContent ul li {
            width: 33%;
            display: flex;
        }

/*.petlogos {
    width: 1.2rem;
    height: 1.2rem;
}*/

.exReportpetMes {
    width: 100%;
    padding-left: 15px;
    display: flex;
    font-size: 15px;
    flex-direction: column;
    justify-content: flex-end;
}

.exReportpetMesoll {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-right: 1px solid #e7e7e7;
    margin-bottom: 15px;
}

.exReportpetMes_P {
    font-size: 18px;
    margin-bottom: 10px;
}

.exReportpetMesolls {
    border: 0
}

.exReportListContentTow {
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

.exresult {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.exresultMes {
    font-size: 20px;
    color: #23b7b6;
    margin-top: 8px;
}

.exresultBtn {
    padding: 10px 15px;
    background-color: #fff;
    border: 2px solid #23b7b6;
    color: #23b7b6;
    cursor: pointer;
    border-radius: 5px;
}

.Exfonter {
    padding: 30px 0;
    display: flex;
    justify-content: center;
}

.ExfonterTtxt {
    padding: 8px 15px;
    background-color: #6fe0ae;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.ExfonterTtxts {
    margin-right: 15px;
}
/*宠物检测报告*/
.petreportOll {
    padding: 20px 80px;
}

.petreport {
    padding: 20px 0;
    display: flex;
    border-bottom: 1px solid #ebebeb;
}

.petreportMes {
    width: 80%;
    font-weight: bold;
    color: #66626e;
}

.petreportMesbor {
    border: 0
}

.petsreport {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

    .petsreport ul {
        display: flex;
        width: 22%;
        justify-content: space-between;
    }

        .petsreport ul li .active {
            border-bottom: 3px solid #23b7b6;
            color: #23b7b6;
            margin-top: 3px;
        }

.petsreportText {
    padding-bottom: 15px;
    margin-left: 20px;
    color: #ada7ba;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.petreportInp {
    display: flex;
}

    .petreportInp input {
        width: 240px;
        height: 50px;
        background-color: #f5f5f5;
        border-radius: 5px 0 0 5px;
        padding: 0 20px;
    }

.petreportOllBtn {
    width: 60px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #23b7b6;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.petsreportOll {
    padding: 20px;
    background-color: #f5fcfc;
    border: 1px solid #e3f3f4;
    margin-top: 20px;
}

.petsreportOll {
    display: flex;
}

.petsreportOllTitle {
    width: 70%;
    font-weight: bold;
    color: #66626e;
}

    .petsreportOllTitle p {
        font-size: 20px;
        padding-bottom: 10px;
    }

.petsreportOllTitleBox {
    font-size: 15px;
}

.petsreportOllTitles {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    font-weight: bold;
    align-items: center;
}

.petreportstaet {
    color: #46c899;
    margin-right: 40px;
    display: flex;
    align-items: center;
}

    .petreportstaet::before {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/images/fle.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.petreportstaetBtn {
    background-color: #23b7b6;
    width: 90px;
    height: 50px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}

.petreportstaetBtns {
    width: 90px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #23b7b6;
    color: #23b7b6;
    text-align: center;
    line-height: 50px;
}

.petsreportOllTitles .active {
    display: none;
}
/*报告申请*/
.applyReport {
    border: 1px solid #ededed
}

.applyReportHaed {
    background-color: #f3f0f3;
    display: flex;
    color: #586060;
    font-weight: bold;
}

    .applyReportHaed ul {
        width: 100%;
        display: flex;
    }

        .applyReportHaed ul :last-child {
            border: 0;
        }

        .applyReportHaed ul li {
            width: 50%;
            padding: 20px;
            display: flex;
            justify-content: center;
            border-right: 1px solid #ededed;
        }

.contenRigthOllBoxs {
    justify-content: space-between;
    padding-right: 80px;
}

.applyReportHaeds {
    background-color: #fff;
}

.contenRigthBoxOne {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.applicationrecord {
    color: #5ab4b5;
    font-size: 15px;
    cursor: pointer;
}

.reportsite {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
}

.siteOll {
    width: 100%;
    height: 50px;
    display: flex;
    margin-top: 20px;
}

.sitesOlls {
    margin-top: 0;
}

.siteOllImg {
    height: 50px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5ab4b5;
    border-radius: 3px 0 0 3px;
}

.sitesOllBox {
    width: 100%;
}

.siteOllsBox {
    width: 100%;
    margin-top: 20px;
}

.siteOllBox {
    width: 100%;
    height: 50px;
    border: 2px solid #5ab4b5;
    display: flex;
    align-items: center;
    border-radius: 0 3px 3px 0;
    background-color: #f4fcfc;
    padding: 0 30px;
    justify-content: space-between;
    font-weight: bold;
}

.reportsiteTitle {
    margin-top: 15px;
    color: #3f3f3f;
    width: 1.7rem;
    font-weight: bold;
}

.siteOllMesBox {
    color: #858f8f;
    background-color: inherit;
    cursor: pointer;
}

.siteOllBoxAcSpan {
    color: #5ab4b5;
    cursor: pointer;
}

.sitesOllBox .active {
    display: none;
}

.reportapply {
    display: flex;
    justify-content: space-between;
    padding: 20px 80px;
}

.reportapplyMesOll {
    display: flex;
    width: 40%;
    font-weight: bold;
}

.reportapplyMes {
    width: 55%;
    display: flex;
    flex-direction: column;
}

    .reportapplyMes span {
        padding-bottom: 15px;
        color: #7e7e7e;
        margin-left: 17px;
    }

.reportapplyMoney {
    display: flex;
    flex-direction: column;
}

    .reportapplyMoney span {
        padding-bottom: 15px;
        color: #3d3d3d;
    }

.reportapplyMoneyBox {
    display: flex;
}

.reportapplyMoneyBoxspan {
    width: 116px;
}

.reportapplyMoneyBox .active {
    background-image: url(/images/gougou1.png);
    background-repeat: no-repeat;
    background-size: contain
}

.reportapplyBtnoll {
    display: flex;
    align-items: flex-end;
}

.reportapplyBtnollMes {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #7e7e7e;
    margin-right: 30px;
    font-weight: bold;
}

.reportapplyBtn {
    width: 120px;
    height: 50px;
    background-color: #5ab4b5;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
}

.reportapplyBtnollMes span {
    padding-bottom: 5px;
}

.reportapplyMoneya {
    font-size: 14px;
}

.reportapplyMoneyb {
    font-size: 16px;
}

.reportapplyBtnollMes .reportapplyMoneyc {
    font-size: 24px;
    color: #5ab4b5;
    padding-bottom: 0px;
}

.reportapplyBtnollMes .postage {
    font-size: 18px;
}
/*编辑地址*/
.compilesite {
    padding: 40px 75px;
}

    .compilesite .compilesites {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .compilesite .compilesites .compilesitesli {
            width: 48%;
            display: flex;
            flex-direction: column;
            margin-top: 15px;
        }

.compilesitesli ul {
    display: flex;
    justify-content: space-between;
}

    .compilesitesli ul li {
        width: 48%;
        display: flex;
        flex-direction: column;
    }

.compilesitesli select {
}

.compilesite .compilesites .compilesitesli span {
    margin-left: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #6b6b6b;
    margin-bottom: 15px;
}

.compilesite .compilesites .compilesiteslis {
    width: 100%;
}

.compilesiteInp {
    width: 100%;
    height: 50px;
    background-color: #fafafa;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 0 15px;
}

.lblSelects {
    border-radius: 3px;
    margin-top: 0;
}

.compilesiteBtnoll {
    display: flex;
    justify-content: space-between;
    padding: 10px 75px;
}


.compilesiteImagss {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .compilesiteImagss .icon {
        width: 20px;
        height: 20px;
    }

    .compilesiteImagss span {
        margin-left: 10px;
        color: #999999;
        font-weight: bold;
    }

    .compilesiteImagss .active {
        color: #5ab4b5;
    }

.backgroundicon {
    width: 100%;
    height: 100%;
    background-image: url(/images/mini/malej.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.backgroundiconMr {
    background-image: url(/images/mini/femalej.png);
}

.backgroundiconIms {
    width: 74%;
    height: 72%;
    border-radius: 68px;
    overflow: hidden;
    margin-top: 4px;
}

.pregnancyulTowIms {
    width: 30px;
    /* height: 20px; */
    object-fit: contain;
    position: relative;
    z-index: 2;
}

.backgroundiconMrs {
    margin-left: 9px;
    margin-top: -7px;
}

.compilesiteBtn {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.dltMes {
    color: red;
    font-size: 14px;
    cursor: pointer;
    margin-right: 40px;
}

.addMes {
    padding: 12px 30px;
    cursor: pointer;
    background-color: #5ab4b5;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
}
/*宠物详情*/
.petDet {
    padding: 0 75px;
}

.petDets {
    padding: 0 50px;
}

.petDetHead {
    display: flex;
    padding: 40px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebebeb
}

.petDetLogo {
    display: flex;
}

.petDetMesBox {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    color: #8c8992;
}

.petDetMes {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.petDetMesName {
    font-size: 20px;
    font-weight: bold;
    color: #66626e;
}

.petDetMesBoxP {
    margin-top: 10px;
}

.petDetMesBoxPs {
    color: #5ab4b5;
    margin-left: 10px;
}

.petDetcopy {
    padding: 5px 10px;
    background-color: #f5fcfc;
    border-radius: 20px;
    cursor: pointer
}

.petDetImss {
    display: flex;
    cursor: pointer;
}

.petAddMes ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .petAddMes ul li {
        width: 24%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        padding-left: 30px;
        color: #66626e;
        font-weight: bold;
    }

        .petAddMes ul li :nth-child(1) {
            color: #909090;
            padding-bottom: 10px;
        }

.pregnancy {
    padding: 20px 0;
    padding-bottom: 0;
}

.pregnancyP {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

    .pregnancyP::before {
        content: '';
        width: 18px;
        height: 18px;
        background-image: url(/images/pregnancy/shijian.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 15px;
    }

    .pregnancyP span {
        font-size: 26px;
        color: #5ab4b5;
        margin-left: 20px;
    }

    .pregnancyP .pregnancySpan {
        font-size: 20px;
        margin-top: 6px;
    }

.pregnancyList {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 0;
    border-bottom: 1px solid #e7e7e7;
}

    .pregnancyList .pregnancyListAC {
        display: none;
    }

.pregnancyListOne {
    width: 50%;
}

.pregnancyul ul {
    display: flex;
}

.pregnancyulOne {
    width: 18%;
    height: 100px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.pregnancyulTow {
    width: 22%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pregnancyulTows {
    width: 66%;
}

.pregnancyulTowBox {
    width: 120%;
    height: 5px;
    background-color: #db554f;
    position: absolute;
}

.pregnancyulTowBoxa {
    background-color: #70cf88;
}

.pregnancyulTowBoxb {
    background-color: #f8d471;
}

.pregnancyulTowBoxc {
    background-color: #e4e4e4;
}

.backgroundicon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    /*    z-index: -1;*/
}

.pregnancyListTow {
    width: 30%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

.pregnancyListUlOne li {
    margin-top: 10px;
    color: #66626e;
    font-weight: bold;
}

.pregnancyListTow .avtiveColor li {
    color: #909090;
}

.pregnancyListThree {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: bold;
    font-size: 17px;
}

    .pregnancyListThree .preSatua {
        color: #63cacb;
        margin-bottom: 30px;
    }

    .pregnancyListThree .particulars {
        padding: 8px 30px;
        color: #fff;
        background-color: #63cacb;
        cursor: pointer;
        border-radius: 5px;
    }

    .pregnancyListThree .activeColor {
        color: #b3b3b3;
    }
/*报告验真*/
.Detailsiocn {
    cursor: pointer;
}

    .Detailsiocn::after {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/images/icon/search-c.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: 20px;
    }

.DetailsPop {
    width: 400px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
}

.DetailsPopTitle {
    background-color: #f3f0f3;
    border-radius: 8px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #586060;
}

.DetailsPopMes {
    padding: 0 20px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #3f3f3f;
}

.newDetails {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.newDetailsOne {
    margin-top: 5px;
    font-size: 14px;
    color: #7e7e7e;
}

.newDetailsP {
    display: flex;
    flex-direction: column;
}
/*申请记录*/
.versions {
    padding: 0 50px;
}

.versionsBox {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    color: #3f3f3f;
    font-size: 18px;
    font-weight: bold;
}

.versionsMoney {
    color: #5ab4b5;
}

.versionsBoxs {
    display: flex;
    padding: 20px;
    font-weight: bold;
    color: #7e7e7e;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .versionsBoxs span {
        padding-bottom: 20px;
        width: 50%;
    }

.contenRigthBoxSpanshow {
    margin-left: 0
}

.returnMes {
    padding: 20px;
    background-color: #f5fcfc;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    color: #66626e;
    margin-top: 20px;
}

.returnMesTitle {
    font-size: 18px;
    padding-bottom: 20px;
    color: #4f4f4f;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.returnMesSpan {
    padding-bottom: 10px;
    font-size: 15px;
}

.returnMesP {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}

.returnMesBtn {
    padding: 5px 12px;
    font-size: 15px;
    background-color: #23b7b6;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.mailWay {
    display: flex;
    margin-top: 20px;
}

.activeWay {
    display: flex;
    margin-left: 20px;
}

.activeWayoll {
    display: flex;
    margin-left: 20px;
    font-size: 18px;
}

.activeWayIms {
    width: 24px;
    height: 24px;
    background-image: url(/images/fle1.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.activeWayoll .active {
    background-image: url(/images/fle.png);
}

.returnMesBtns {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.returnMesBtnss {
    padding: 10px 20px;
    background-color: #23b7b6;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
}
/*采集样包*/
.gatherSample {
    height: 80px;
    margin: 30px 50px;
    border-top: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

    .gatherSample input {
        width: 30%;
        border: 1px solid #e0e0e0;
        border-right: 0;
        height: 100%;
        border-radius: 8px 0 0 8px;
        padding: 0 20px;
    }

    .gatherSample div {
        height: 100%;
        width: 8%;
        background-color: #63cacb;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0 8px 8px 0;
        color: #fff;
        cursor: pointer;
    }
/*繁育计算器*/
.breedCounterHint {
    padding: 0 50px;
    font-size: 14px;
    font-weight: bold;
    color: #66626e;
    margin-top: -10px;
}

.breedCounter {
    padding: 120px 0;
    display: flex;
    justify-content: center;
}

    .breedCounter ul {
        display: flex;
        justify-content: space-between;
    }

        .breedCounter ul li {
            display: flex;
            flex-direction: column;
            align-items: center;
            border-right: 1px solid #dedede;
            padding: 0 80px;
        }

            .breedCounter ul li img {
                width: 150px;
                cursor: pointer;
            }

            .breedCounter ul li span {
                margin-top: 20px;
                font-size: 18px;
                font-weight: bold;
                color: #66626e
            }

        .breedCounter ul :last-child {
            border: 0;
        }

.breedCounterBtn {
    display: flex;
    justify-content: center;
}

    .breedCounterBtn span {
        padding: 10px 30px;
        background-color: #6fe0ae;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        border-radius: 22px;
        cursor: pointer;
    }

.breedCounters {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

    .breedCounters ul {
        width: 56%;
        display: flex;
        justify-content: space-between;
    }

        .breedCounters ul li {
            width: 37%;
            height: 142px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

.backgroundiconBack {
    width: 59%
}

.backgroundiconIeagms {
    margin-left: -6px;
    height: 74%;
    margin-top: 6px
}

.breedCounters ul .pregnancyulOneBox {
    width: 1px;
    height: 180px;
    background-color: #e1e1e1;
}

.backgroundiconMrs {
    margin-left: 7px;
    width: 71%;
    height: 69%;
    margin-top: -6px;
}

.pregnancyulOne span {
    margin-top: 20px;
    color: #66626e;
    font-size: 18px;
    font-weight: bold;
    bottom: -35px;
}

.pregnancyulOne .petName {
    position: absolute;
}

.breedCounterTitle {
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #66626e
}

.breedCounterTitles {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.genetic_disease {
    border-left: 5px solid #f6c748;
    padding-left: 20px;
}

.genetic_result {
    font-size: 14px;
    color: #8c8992;
    margin-left: 10px;
}

.genetic_diseaseImg {
    width: 66px;
    padding: 0 20px;
}

.genetic_diseaseBox {
    display: flex;
    align-items: center;
}

.genetic_diseaseBoxs {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 5px;
    font-size: 14px;
    color: #8c8992;
}

    .genetic_diseaseBoxs span {
        margin-top: 5px;
    }

.heredityList {
    padding: 20px 50px;
}

.NewcontenRigthBox {
    padding: 0;
}

.heredityHead {
    border: 1px solid #e3e3e3;
    border-radius: 8px 8px 0 0;
    background-color: #f7f7f7;
    font-weight: bold;
    font-size: 16px;
}

    .heredityHead ul {
        display: flex;
    }

        .heredityHead ul li {
            width: 33.3%;
            padding: 20px 0;
            display: flex;
            justify-content: center;
            border-right: 1px solid #e3e3e3;
            color: #67626f;
        }

        .heredityHead ul .newJob {
            width: 100%;
            color: #5ab4b5;
        }

            .heredityHead ul .newJob span {
                cursor: pointer;
            }

        .heredityHead ul :last-child {
            border: 0;
        }

.heredityContent {
    border-top: 0;
    border-radius: 0;
    background-color: #fff;
}

.heredityList :last-child {
    border-radius: 0 0 8px 8px;
}

.result {
    color: #69d0a3;
}

.result1 {
    color: #f3b466;
}

.result3 {
    color: #a2a2a2;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .result3::before {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url(/images/pregnancy/bianji.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 8px;
    }

.result4 {
    color: #e94238;
}

.result5 {
    color: #4f4f4f;
}

.discount_coupon {
    padding: 20px 10px;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative;
}

    .discount_coupon .couponSpan {
        font-size: 18px;
        font-weight: bold;
        color: #535353;
        border-left: 3px solid #23b7b6;
        padding-left: 15px;
        margin-bottom: 10px;
    }
    /*    .discount_coupon .couponSpans::after {
        content: '指定项目';
        color: #66626e;
        font-size:14px ;
        font-weight:bold;
        margin-left:20px;
    }*/

    .discount_coupon .subTitle {
        color: #66626e;
        font-size: 14px;
        font-weight: bold;
        margin-left: 20px;
        position: absolute;
        left: 100px;
        top: 22px;
    }

.couponSpanTiem {
    font-size: 16px;
    color: #a2a2a2;
}

.employmoney {
    /*    margin-top: 6px;*/
    padding: 4px 8px;
    background-color: #23b7b6;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    cursor: pointer;
}

.pesadd_bottomV {
    padding: 100px;
    margin-top: 20px;
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

    .pesadd_bottomV .btns {
        width: 101px;
        height: 55px;
        background: rgba(90,180,181,1);
        border-radius: 3px;
        line-height: 55px;
        font-size: 16px;
        font-weight: 600;
        color: rgba(255,255,255,1);
        text-align: center;
    }

.centerView2 {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .centerView2 .header2 {
    }

        .centerView2 .header2 .icon2 {
            width: 300px;
            height: 300px;
        }

        .centerView2 .header2 .title2 {
            margin-top: 20px;
            height: 23px;
            font-size: 24px;
            font-weight: 600;
            color: rgba(76,76,76,1);
        }

        .centerView2 .header2 .sub_title2 {
            margin-top: 10px;
            height: 23px;
            font-size: 24px;
            font-family: Lantinghei SC;
            font-weight: 600;
            color: rgba(76,76,76,1);
            text-align: center;
        }

/*        订单列表宠物头像*/

.dogImgs {
    width: 85px;
    height: 85px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: url(/images/male_bg.png) no-repeat;
    background-size: 100%;
}

.maleBg {
    background: url(/images/male_bg.png) no-repeat;
    background-size: 100%;
}

.femaleBg {
    background: url(/images/female_bg.png) no-repeat;
    background-size: 100%;
}
.nullBg {
    background: none !important;
}
.nullBg img {
    background: none !important;
    border: 5px #23B7B6 solid;
}
.dogImgs img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
}