* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #F7F7F7;
    box-sizing: border-box;
    font-family: "SimHei", Arial, sans-serif;
    overflow-x: hidden;
}

div {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

button {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
    outline: none;
    border: none;
    background: transparent !important;
    user-select: none;
}

img {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

a {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

b {
    margin-top: 2px;
}

.no {
    display: none !important;
}

.loginpage {
    width: 100%;
    height: 100vh;
}

.loginpage .logintop {
    width: 100%;
    background: transparent;
    /* background-image: url("../images/bg1.png"); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* padding-bottom: 70px; */
    box-sizing: border-box;
}

.loginpage .logintop img {
    width: 100%;
}

.loginpage .loginmain {
    height: 101.5vw;
    background-image: url("../images/bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -26vw;
}

.loginpage .loginmain .logincontent {
    width: 100%;
    padding: 10vw 10vw 0 10vw;
    box-sizing: border-box;
}

.loginpage .loginmain .titletext {
    height: 17px;
}

.loginpage .loginmain .loginuser {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 5vw;
    border-top: 1px solid #EBEBEB;
}

.loginpage .loginmain .loginuser>div {
    height: 16vw;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    display: flex;
    padding-top: 3vw;
    display: flex;
    align-items: center;
}

.loginpage .loginmain .loginuser div input {
    border: 1px solid #333;
    box-sizing: border-box;
    padding-left: 2vw;
    border: none;
    outline: none;
    flex: 1;
    font-size: 4.2vw;
    height: 10vw;
    margin-top: 5vw;
}

.loginpage .loginmain .loginuser div input::placeholder {
    color: #999999;
}

.loginpage .loginmain .loginuser div .loginuserimg {
    width: 38px;
    height: 38px;
    cursor: pointer;
    margin-top: 5vw;
    transform: translateY(0) scale(0.6);
}

.loginpage .loginmain .loginuser div:nth-child(2) .loginuserimg {
    width: 38px;
    height: 38px;
    transform: translateY(0) scale(0.6);
}

.loginpage .loginmain .loginuser div .open {
    width: 9vw;
    height: 9vw;
    top: 50%;
    transform: translateY(0) scale(0.6);
    cursor: pointer;
    margin-top: 5vw;
}

.loginpage .loginmain .loginuser h1 {
    height: 20vw;
    line-height: 20vw;
    width: 100%;
    text-align: center;
    font-size: 4vw;
    margin: 0 auto;
    font-weight: 400;
    color: #555555;
    margin: 0;
    display: flex;
    justify-content: center;
}

.loginpage .loginmain .loginuser h1 a {
    color: #077CFF;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    font-weight: bold;
}

.goindex {
    width: 20vw;
    height: 20vw;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-5%);
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    background: linear-gradient(180deg, #4386FF 0%, #077CFF 100%);
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goindex img {
    width: 14vw;
    height: 14vw;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

.Privacywrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(48, 48, 48, 0.50);
    display: flex;
    justify-content: center;
    align-items: center;
}

.Privacywrapper .lary {
    width: 345px;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 15px 10px 15px 15px;
    box-sizing: border-box;
    position: relative;
    margin-top: -8vh;
}

.Privacywrapper .lary h2 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    text-align: center;
    margin-bottom: 24px;
}

.Privacywrapper .dingweibox {
    height: 240px;
    position: relative;
}

.Privacywrapper .lary .Privacydetails {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-align: left;
    height: 240px;
    overflow-y: auto;
    padding-right: 5px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.Privacywrapper .lary .Privacydetails .blue {
    color: #388FF0;
    font-weight: bold;
    margin-bottom: 15px;
}

.Privacywrapper .baifenbi {
    line-height: 24px;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    background: rgba(56, 143, 240, 0.60);
    border-radius: 20px;
    position: absolute;
    right: 5px;
    top: 0px;
}

.Privacywrapper .tongyi {
    width: 320px;
    display: flex;
    margin-top: 10px;
    position: relative;
}

.Privacywrapper input {
    outline: none;
    border: none;
    background: transparent !important;
    user-select: none;
}

.Privacywrapper input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

.Privacywrapper .xyty {
    height: 68px;
    position: absolute;
    top: 4vh;
    display: none;
}

.Privacywrapper .radio-style::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #388FF0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}

.Privacywrapper input[type="checkbox"]:checked+.radio-style::before {
    padding: 0;
    background: url("../images/checked.png")no-repeat center;
    background-size: cover;
    border: none;
}

.Privacywrapper .radio-style {
    font-weight: bold;
    font-size: 14px;
    color: #077CFF;
}

.Privacydetails p {
    margin-bottom: 10px;
}

.Privacywrapper .anniu {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.Privacywrapper .anniu .refuse {
    width: 143px;
    line-height: 42px;
    background: #F1F2F6;
    border-radius: 21px;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    text-align: center;
}

.Privacywrapper .anniu .agree {
    width: 143px;
    line-height: 42px;
    background: linear-gradient(141deg, #077CFF 0%, rgba(56, 143, 240, 0.6) 100%);
    border-radius: 21px;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

/* 首页 */
.indexPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #F6F6F6;
}

.indexPage::-webkit-scrollbar {
    display: none;
}

.indexPage .indexpage {
    width: 100%;
    background: url("../images/icon1.png") no-repeat top;
    background-size: 100% 150px;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    margin-bottom: 80px;
}

.indexPage .banner {
    width: 100%;
    height: 160px;
    margin-bottom: 10px;

}


.indexPage #banner {
    width: 100%;
    box-sizing: border-box;
    height: 160px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 #E2E9EC;

}

.indexPage #banner .swiper-container {
    width: 100%;
    height: 160px;
    border-radius: 5px;
}

.indexPage #banner.swiper-container .swiper-slide {
    width: 100%;
    height: 160px;
    position: relative;
    left: 0vw;
    top: 0px;
    border-radius: 5px;
    z-index: 10;

}

.indexPage #banner .swiper-container .swiper-slide a {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: block;
}

.indexPage #banner .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.noticetext {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 10px;
}

.noticetext img {
    width: 19px;
    height: 19px;
    margin-right: 5px;

}

.county {
    width: calc(100vw - 85px);
    font-size: 15px;
}

.county .scrollbox {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s;
}

.county .txt,
.county .txt-clone {
    display: inline;
    position: relative;
    color: #434960;
    letter-spacing: 1px;
}

.indexPage .indexbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(226, 233, 236, 0.3);
    border-radius: 16px;
    padding: 10px 4px 10px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.indexPage .indexbox .newbox {
    width: 92px;
    height: 144px;
    background: url("../images/icon3.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 10px;
    padding: 13px 8px 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}

.indexPage .indexbox .newbox .img1 {
    height: 17px;
}

.indexPage .indexbox .newbox .img2 {
    width: 15px;
}

.indexPage .indexbox .newbox h1 {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    margin: 4px 0;
}

.indexPage .indexbox .newbox .bot {
    padding-top: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.indexPage .indexbox .newbox>div div {
    display: flex;
    align-items: center;
    margin-bottom: 6px;

}

.indexPage .indexbox .newbox>div div img {
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.indexPage .indexbox .newbox>div div p {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
}

.indexPage .indexbox .newbox>div div.time {
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: center;
    width: 100%;

}

.indexPage .indexbox .application {
    width: 100%;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, 1fr);
}

.indexPage .indexbox .application div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.indexPage .indexbox .application div img {
    width: 55px;
    height: 55px;
}

.indexPage .indexbox .application div p {
    font-weight: 400;
    font-size: 14px;
    color: #434960;
    margin-top: -4px;
    text-wrap: nowrap;
}


.indexPage .indexvisitbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(226, 233, 236, 0.3);
    border-radius: 16px;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.indexPage .indexvisitbox h1 {
    font-weight: bold;
    font-size: 17px;
    color: #161C34;

}

.indexPage .indexvisitbox>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 12px;
}

.indexPage .indexvisitbox>div div {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.indexPage .indexvisitbox>div div .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
}

.indexPage .indexvisitbox>div div p {
    font-weight: 400;
    font-size: 14px;
    color: #434960;
}

.indexPage .indexvisitbox>div div .update {
    width: 41px;
    height: 22px;
    position: absolute;
    right: -30px;
    top: -10px;
}

.indexPage .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: -10px;
}

.indexPage .box .kaoqin {
    width: 48%;
    height: 120.5px;
    background: url("../images/icon18.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 15px 10px 10px 10px;
    padding-top: 25px;
    padding-left: 13px;
    box-sizing: border-box;
}

.indexPage .box .kaoqin div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.indexPage .box .kaoqin div .logo {
    width: 21px;
    height: 21px;
    margin-right: 8px;
}

.indexPage .box .kaoqin div h2 {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
}

.indexPage .box .kaoqin p {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(90deg, #FFFFFF 0%, #CFFEFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.indexPage .box .kaoqin .shadow {
    height: 14px;
    margin-left: -7px;
}

.indexPage .box .daohang {
    width: 48%;
    height: 120.5px;
    background: url("../images/icon19.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 15px 10px 10px 10px;
    padding-top: 18px;
    padding-left: 13px;
    box-sizing: border-box;
}

.indexPage .box .daohang div {
    display: flex;
    align-items: center;

}

.indexPage .box .daohang div .logo {
    width: 36px;
    height: 36px;
    margin-left: -5px;

}

.indexPage .box .daohang div .h2 {
    height: 39px;
    margin-left: -10px;
    margin-top: -3px;
}

.indexPage .box .daohang div h2 {
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(5, 97, 200, 0.8);
}

.indexPage .box .daohang p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

/* 新建拜访 */
.newvisitlary {
    width: 100%;
    background: rgba(51, 51, 51, 0.8);
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newvisitlary .newvisit {
    width: 82vw;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 16px 0 0 0;
    box-sizing: border-box;
    margin-top: -7vh;
}

.newvisitlary .newvisit h1 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 26px;
}

.newvisitlary .newvisit .con {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 25px 20px;
    box-sizing: border-box;
}

.newvisitlary .newvisit .con p {
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 28px;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"] {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

.xuanzeshequ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 14%;
    box-sizing: border-box;
}

.xuanzeshequ .radio-box {
    margin-bottom: 26px;
}

.xuanzeshequ .radio-style::before {
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 5px !important;
    vertical-align: middle;
    margin-top: -4px;

}


.xuanzeshequ input[type="radio"]:checked+.radio-style::before {
    width: 20px;
    height: 20px;
    padding: 0;
    background: url("../images/icon24.png") no-repeat center;
    background-size: cover;
    border: none;
    /* box-shadow: 0 0 10px 5px rgba(255, 66, 67, 0.1); */
}

.xuanzeshequ .radio-style {
    color: #999999;
    font-size: 18px;
}


.xuanzeshequ input[type="radio"]:checked+.radio-style {
    color: #077CFF;
    font-weight: bold;
}


.newvisitlary .bu {
    height: 14vw;
    line-height: 14vw;
    display: flex;
    justify-content: space-between;
    border-top: 0.5px solid #e5e5e5c0;
}

.newvisitlary .bu button {
    height: 14vw;
    width: 50%;
    margin: 0;
    line-height: 14vw;
    background-color: transparent;
    border-radius: 0;
    font-size: 4.2vw;
    color: #999999;
}

.newvisitlary .bu button:last-child {
    color: #077CFF;
    font-weight: bold;
    border-left: 1px solid #f0ededad;
}


.makeplanPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    padding: 15px 0 0 0;
    box-sizing: border-box;
}

.makeplanPage::-webkit-scrollbar {
    display: none;
}

.makeplanPage .makeplanmain {
    width: 100%;
    height: calc(100vh - 15px);
    overflow-y: scroll;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}

.makeplanPage .makeplanmain .top {
    width: 100%;
    height: 70px;
    background: url("../images/icon27.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.makeplanPage .makeplanmain .top h1 {
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
}

.makeplanPage .makeplanmain .top .backindex {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 5px;
    top: 15px;

}

.makeplanPage .makeplanmain .plantime {
    width: 100%;
    padding-top: 15px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 0 0 10px 10px;

}

.makeplanPage .makeplanmain .plantime h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 20px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.makeplanPage .makeplanmain .plantime h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.riqi {
    height: auto;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
}

.rili {

    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 20px;
    transition: all 1s ease-in-out;

}


.layui-inline {
    width: 100% !important;
}

.layui-laydate,
.layui-laydate-hint {
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

.layui-laydate-main {
    width: 100% !important;
}

.layui-laydate-content table {
    width: 100% !important;
}

.layui-laydate-content td>div {
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 12.5vw !important;
    font-family: "SimHei", Arial, sans-serif !important;
}

.layui-laydate-content td>div:hover,
.layui-laydate-list li:hover,
.layui-laydate-shortcut>li:hover {
    border-radius: 50% !important;
    border-top: 0px solid #eee !important;
}

.layui-laydate-content td,
.layui-laydate-content th {
    height: 12.5vw !important;
}

.layui-laydate-content th {
    font-weight: 400;
    font-size: 16px !important;
    color: #9E9E9E !important;
}

.layui-laydate .layui-this span {
    background: transparent !important;
}

.laydate-day-mark {
    display: block !important;
    font-size: 17px !important;
    top: 50% !important;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.laydate-day-mark::after {
    background-color: transparent !important;
    right: 50% !important;
    transform: translateX(50%);
    top: auto !important;
    bottom: 0;
}

.laydate-day-mark .checked {
    background: #077CFF !important;
    color: #fff !important;
    position: relative;
}

.checked {
    background: #077CFF !important;
    color: #fff !important;
    position: relative;
}

.checked::after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF !important;
}

.laydate-day-mark .checked::after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF !important;
}

.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
    color: #fff !important;
    position: relative;
}

.layui-laydate .layui-this>div::after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF !important;
}

.layui-laydate-header {
    border-bottom: none !important;
    padding: 5px 0 !important;
}

.laydate-set-ym {
    font-family: DIN, DIN;
    font-weight: 500;
    font-size: 18px;
    color: #222223;
    margin-top: 6px !important;
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: #222223 !important;
}

.layui-laydate-header i.laydate-prev-y {
    display: none !important;
    color: transparent !important;
}

.layui-laydate-header i.laydate-next-y {
    display: none !important;
    color: transparent !important;
}

.layui-laydate-header i.laydate-prev-m {
    left: 28px !important;
}

.layui-laydate-header i.laydate-next-m {
    right: 28px !important;
}

.laydate-set-ym span {
    margin: 0 0px !important;
    padding: 0 2px !important;
    font-family: "SimHei", Arial, sans-serif;
}

/* .layui-laydate-header {width: 100% !important;position: fixed !important;top: 0 !important;left: 50% !important;transform: translateX(-50%) !important;color: #FFFFFF !important;} */
.laydate-set-ym span {
    color: #222223 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.layui-laydate-header i.laydate-next-m {
    color: #077CFF !important;
    display: block !important;
}

.layui-laydate-header i.laydate-prev-m {
    color: #077CFF !important;
    display: block !important;
}

.layui-laydate-content td {
    font-family: DIN, DIN !important;
    font-size: 17px !important;
    font-weight: 300 !important;
}


.recordlistPage .normal {
    width: 5px;
    height: 5px;
    background: #077CFF;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    line-height: 17px !important;
    box-sizing: border-box;
}

.recordlistPage .abnormal {
    width: 5px;
    height: 5px;
    background: #FFA348;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    line-height: 17px !important;
    box-sizing: border-box;
}

.rilishouqi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.rilishouqi img {
    width: 19px;
    height: 19px;
    margin-right: 4px;
}

.rilishouqi p {
    font-weight: 400;
    font-size: 15px;
    color: #A9A3A0;

}

.makeplanmain .visitx {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(196, 193, 193, 0.3);
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px 10px 10px;
    box-sizing: border-box;
}

.makeplanPage .visitx h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.makeplanPage .visitx h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.makeplanPage .visitx .box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    overflow: hidden;
    margin-bottom: 15px;
}
/* .makeplanPage .visitx .box:last-child{
    margin-bottom: 0;
} */
.makeplanPage .visitx .box .flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
}

.makeplanPage .visitx .box .flex .left {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    /* min-width: 40%; */
}

.makeplanPage .visitx .box .flex .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}

.makeplanPage .radio-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 15px;
}

.makeplanPage .radio-box:first-child {
    margin-left: 0;
}

.makeplanPage .radio-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.makeplanPage input[type="radio"]:checked+.radio-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/checked.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.makeplanPage .radio-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
    text-wrap: nowrap;
}

.makeplanPage input[type="radio"]:checked+.radio-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.makeplanPage .visitx .box>div {
    border-bottom: 1px solid #D8D8D8;
}

.makeplanPage .visitx .box>div:last-child {
    border-bottom: none;
}


.makeplanPage .visitx .box .flex .left span {
    color: red;
}

.makeplanPage .visitx .box .column {
    padding: 15px;
    box-sizing: border-box;
}

.makeplanPage .visitx .box .column .tit {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.makeplanPage .visitx .box .column .bot {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.makeplanPage .visitx .box .column .bot>div {
    height: 32px;
    background: #F4F4F4;
    border-radius: 5px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 15px;
}

.makeplanPage .visitx .box .column .bot>div p {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.makeplanPage .visitx .box .column .bot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.makeplanPage .visitx .box .column .bot .add {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}

.makeplanPage .visitx .box .right input {
    font-weight: 400;
    font-size: 15px;
    color: #2A394D;
    text-align: right;
    width: 100%;
}

.makeplanPage .visitx .box .right input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(7, 124, 255, 0.6);
}

.makeplanPage .visitx .box .right img {
    height: 12px;
    margin-left: 3px;
}


.makeplanPage .checkbox-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 15px;
}

.makeplanPage .checkbox-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.makeplanPage input[type="checkbox"]:checked+.checkbox-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/icon32.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.makeplanPage .checkbox-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
}

.makeplanPage input[type="checkbox"]:checked+.checkbox-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

/* 反馈码信息 */
.makeplanmain .feedbackbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(196, 193, 193, 0.3);
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px 10px 10px;
    box-sizing: border-box;
}

.makeplanPage .feedbackbox h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 10px;
    box-sizing: border-box;
}

.makeplanPage .feedbackbox h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.makeplanPage .feedbackbox .between {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 15px;

}

.makeplanPage .feedbackbox .between>div {
    width: 48%;
    height: 40px;
    border-radius: 22px;
    border: 1px solid #077CFF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.makeplanPage .feedbackbox .between>div.active {
    background: #077CFF;
}

.makeplanPage .feedbackbox .between>div label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
}


.makeplanPage .feedbackbox .between>div label .checkbox-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #077CFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.makeplanPage .feedbackbox .between>div label input[type="checkbox"]:checked+.checkbox-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/icon37.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.makeplanPage .feedbackbox .between>div label .checkbox-style {
    font-weight: bold;
    font-size: 16px;
    color: #077CFF;
    position: relative;
}

.makeplanPage .feedbackbox .between>div label input[type="checkbox"]:checked+.checkbox-style {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;

}

.makeplanPage .feedbackbox .between>div label input[type="checkbox"]:checked+.checkbox-box {
    background: #077CFF;

}

.makeplanPage .feedbackbox .box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    margin-top: 15px;
    overflow: hidden;
}

.makeplanPage .feedbackbox .box>div {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
}

.makeplanPage .feedbackbox .box>div:last-child {
    border-bottom: none;
}

.retracttop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.retracttop h2 {
    font-weight: 500;
    font-size: 15px;
    color: #333333;
}

.retracttop div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.retracttop div img {
    width: 19px;
    height: 19px;
    transition: all .4s ease-in-out;
}

.retracttop div p {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
}

.makeplanPage .feedbackbox .box .flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.makeplanPage .feedbackbox .fuwubox {
    padding: 0 !important;
}

.makeplanPage .feedbackbox .fuwubox>div {
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
}

.makeplanPage .feedbackbox .fuwubox>div:last-child {
    border-bottom: none;
}

.makeplanPage .feedbackbox .box .flex .left {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.makeplanPage .feedbackbox .box .flex p {
    font-weight: 400;
    font-size: 12px;
    color: rgba(7, 124, 255, 0.8);
}

.makeplanPage .feedbackbox .box .question {
    width: 100%;
    background: #F9FBFF;
    border-radius: 6px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.makeplanPage .feedbackbox .box .question h3 {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.makeplanPage .feedbackbox .box .flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.makeplanPage .feedbackbox .box .flex .right {
    display: flex;
    align-items: center;
}

.makeplanPage .feedbackbox .box .flex .right img {
    width: 19px;
    height: 19px;
    margin-right: 4px;
}

.makeplanPage .feedbackbox .box .flex .right p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.makeplanPage .feedbackbox .box h4 {
    font-weight: 400;
    font-size: 12px;
    color: #777777;
    margin-top: -10px;
}

.makeplanPage .feedbackbox .box .question input {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    width: 100%;
}

.makeplanPage .feedbackbox .box .question input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(7, 124, 255, 0.6);
}

.makeplanPage .feedbackbox .box .question>div {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.makeplanPage .feedbackbox .box .question div img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.makeplanPage .feedbackbox .box .question div p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.makeplanPage .feedbackbox .box .question .optionbox {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.makeplanPage .feedbackbox .box .question .optionbox>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D8D8D8;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.makeplanPage .feedbackbox .box .question .optionbox>div:last-child {
    padding-bottom: 0;
}

.makeplanPage .feedbackbox .box .question .optionbox .left {
    display: flex;
    align-items: center;
}

.makeplanPage .feedbackbox .box .question .optionbox .left img {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-right: 4px;
}

.makeplanPage .feedbackbox .box .question .optionbox .left p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.makeplanPage .feedbackbox .box .question .optionbox .right {
    display: flex;
}

.makeplanPage .feedbackbox .box .question .optionbox .right input {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    text-align: right;
}

.questionbox>div {
    margin-bottom: 15px;
}

.questionbox>div:last-child {
    margin-bottom: 0;
}

.makeplanPage .feedbackbox .box .delete {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #FF525F;
    margin-top: 15px;
}

.makeplanPage .feedbackbox .box .delete:last-child {
    margin-bottom: 0;
}

.makeplanPage .feedbackbox .box .delete img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.makeplanPage .feedbackbox .box .delete p {
    font-weight: 500;
    font-size: 14px;
    color: #FF3D4C;
}

.makeplanPage .plan {
    width: 80%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.15);
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF !important;
    margin-top: 20px;
    margin-bottom: 100px;
    margin-left: 10%;
}

.makeplanPage .operation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 20px;
    margin-bottom: 100px;
}

.makeplanPage .operation>div:first-child {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #077CFF;
    font-weight: 500;
    font-size: 16px;
    color: #077CFF;
}

.makeplanPage .operation>div:last-child {
    width: 48%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.15);
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 5%;
}

.makeplanPage .confirmplan {
    width: 48%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.15);
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 5%;
}


.laryduiwu {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    /* display: none; */
    display: flex;
    align-items: center;
    justify-content: center;

}

.no {
    display: none;
}

.laryduiwu .duiwubox {
    width: 92vw;
    background: #FFFFFF;
    border-radius: 20px;
    position: relative;
    padding: 17px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -7vh;
}

.laryduiwu .duiwubox .guanbi {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 25px;
}

.laryduiwu .duiwubox h1 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

.laryduiwu .searchbox {
    width: 100%;
    height: 45px;
    background: #F4F4F4;
    border-radius: 22px;
    position: relative;
}

.laryduiwu .searchbox input {
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 120px 0 4vw;
    box-sizing: border-box;
    font-size: 16px;
}

.laryduiwu .searchbox input::placeholder {
    color: #999;
}

.laryduiwu .searchbox .search {
    width: 72px;
    height: 36px;
    background: #077CFF;
    border-radius: 19px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
}

.laryduiwu .clear {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
    position: absolute;
    right: 80px !important;
    top: 12px !important;
}

.laryduiwu .zonggong {
    font-weight: 400;
    font-size: 12px;
    color: #9E9E9E;
    line-height: 31px;
    text-align: center;
}

.laryduiwu .duiwu {
    width: 100%;
    height: 30vh;
    overflow-y: auto;
}

.laryduiwu .duiwu::-webkit-scrollbar {
    display: none;
}

.laryduiwu .duiwu .box {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    box-sizing: border-box;
}

.laryduiwu .duiwu .box:first-child {
    padding-top: 0;
}

.laryduiwu .duiwu .checkbox-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.laryduiwu .duiwu .checkbox-box>div:first-child {
    width: 51px;
}

.laryduiwu .duiwu .checkbox-style {
    width: 100%;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    padding-right: 30px;
    box-sizing: border-box;
}

.laryduiwu .duiwu .checkbox-style::after {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #666666;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: 1px;
    /* margin-left: 5px; */
    right: 0;
    position: absolute;
}

.laryduiwu .duiwu input[type="checkbox"]:checked+.checkbox-style::after {
    width: 18px;
    height: 18px;
    padding: 0;
    background: url("../images/icon32.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}


.laryduiwu .duiwu .box .xinxi {
    width: 64%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.laryduiwu .duiwu .box .xinxi h2 {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
}


.laryduiwu .qrxz {
    width: 50vw;
    height: 47px;
    background: #077CFF;
    background-size: 100% 100%;
    /* box-shadow: 0 3px 10px 3px #388FF0; */
    border-radius: 40px;
    font-weight: 700;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.9);
    line-height: 44px;
    /* text-shadow: 0px 2px 6px rgba(11, 64, 39, 0.3); */
    text-align: center;
    margin-top: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
}

.outlary {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;

}

.outlary .outbox {
    width: 82vw;
    background: linear-gradient(180deg, #DFEBF7 0%, #FFFFFF 41%);
    border-radius: 17px;
    padding: 21px;
    box-sizing: border-box;
}

.outlary .outbox h1 {
    font-weight: 600;
    font-size: 18px;
    color: #2A394D;
    text-align: center;
    margin-bottom: 25px;
}

.outlary .outbox .inputbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: #F5F7FB;
    border-radius: 6px;
    border: 1px solid #E5E7E9;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 25px;
}

.outlary .outbox .inputbox input {
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
    width: 60%;
}

.outlary .outbox .inputbox input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #CDCDCD;
}

.outlary .outbox .inputbox div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #D8D8D8;
    padding-left: 10px;
    box-sizing: border-box;
}

.outlary .outbox .inputbox div p {
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
}

.outlary .outbox .inputbox div img {
    width: 14px;
    height: 14px;
    margin-left: 7px;
}

.outlary .outbox .operation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.outlary .outbox .operation .cancel {
    width: 48%;
    height: 43px;
    border-radius: 25px;
    border: 1px solid #077CFF;
    font-weight: 400;
    font-size: 14px;
    color: #077CFF;
    line-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outlary .outbox .operation .add {
    width: 48%;
    height: 43px;
    background: #077CFF;
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}


/* 补录 */

.supplementPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
   padding-top: 15px;
    box-sizing: border-box;
}

.supplementPage::-webkit-scrollbar {
    display: none;
}

.supplementPage .supplementsrc {
    width: 100%;
    height: calc(100vh - 15px);
    padding:0 15px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.supplementPage .supplementsrc .top {
    width: 100%;
    height: 75px;
    background: url("../images/icon27.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.top .jindu {
    width: 100%;
    padding: 0 20px 0 60px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.top .jindu>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.top .jindu>div::after {
    width: 15px;
    height: 3px;
    position: absolute;
    content: "";
    background: url("../images/icon42.png") no-repeat center;
    background-size: 100% 100%;
    top: 15px;
    right: -7.5vw;
}

.top .jindu>div:last-child::after {
    background: transparent;
}

.top .jindu>div img {
    width: 33px;
    height: 33px;
    margin-bottom: 3px;
}

.top .jindu>div p {
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.jindu>div.active p {
    color: #FFFFFF;
}

.supplementPage .supplementsrc .top h1 {
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
}

.supplementPage .supplementsrc .backindex {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 5px;
    top: 15px;

}




.supplementPage .visitx {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(196, 193, 193, 0.3);
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px 10px 15px;
    box-sizing: border-box;
}

.supplementPage .visitx h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 10px;
    box-sizing: border-box;
}

.supplementPage .visitx h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.supplementPage .visitx .box {
    width: 100%;
    border-radius: 10px;
    margin-top: 15px;
    border: 1px solid #D8D8D8;
}
.supplementPage .visitx .box:last-child{
    margin-bottom: 0;
}

.supplementPage .visitx .box .flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
}

.supplementPage .visitx .box .flex .left {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    /* min-width: 40%; */
}

.supplementPage .visitx .box .flex .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    /* flex-wrap: wrap; */
}
.supplementPage .visitx .box .flex .right p{
    font-weight: 400;
    font-size: 15px;
    color: #2A394D;
}
.hobbybox .right div:last-child label span{
    margin-right: 0;
}
.supplementPage .radio-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.supplementPage .radio-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.supplementPage input[type="radio"]:checked+.radio-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/checked.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.supplementPage .radio-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
}

.supplementPage input[type="radio"]:checked+.radio-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.supplementPage .visitx .box>div {
    border-bottom: 1px solid #D8D8D8;
}

.supplementPage .visitx .box>div:last-child {
    border-bottom: none;
}

.supplementPage .visitx .box .column {
    padding: 15px;
    box-sizing: border-box;
}

.makeplanPage .visitx .box .column .tit {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.supplementPage .visitx .box .column .bot {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.supplementPage .visitx .box .column .bot>div {
    height: 32px;
    background: #F4F4F4;
    border-radius: 5px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 15px;
}

.supplementPage .visitx .box .column .bot>div p {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.supplementPage .visitx .box .column .bot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.supplementPage .visitx .box .column .bot .add {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}

.supplementPage .visitx .box .right input {
    font-weight: 400;
    font-size: 15px;
    color: #2A394D;
    text-align: right;
    width: 100%;
}

.supplementPage .visitx .box .right input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(7, 124, 255, 0.6);
}

.supplementPage .visitx .box .right img {
    height: 12px;
    margin-left: 3px;
}


.supplementPage .checkbox-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
}

.supplementPage .checkbox-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
    width: 100%;
}

.supplementPage .checkbox-style::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.supplementPage input[type="checkbox"]:checked+.checkbox-style::after {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/icon32.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
    right: 0;
}

.supplementPage input[type="checkbox"]:checked+.checkbox-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.supplementPage .plan {
    width: 90%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.15);
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 100px;
    margin-left: 5%;
}

.supplementPage .num input {
    width: 50px !important;
    text-align: center !important;
    color: #333333;
}

.supplementPage .num img {
    width: 24px !important;
    height: 24px !important;
}

.formtop {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.zhankai img {
    width: 19px;
    height: 19px;
    transition: all .4s ease-in-out;
}

.zhankai p {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
}

.formtop .shouqi {
    display: flex;
    align-items: center;
}

.formtop .shouqi img {
    width: 19px;
    height: 19px;
    transition: all .4s ease-in-out;
}

.formtop .shouqi p {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
}

.h2 {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    margin-top: 15px;
}


.supplementPage .box .delete {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #FF525F;
}
.supplementPage .box .replenish {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #077CFF;
    margin-left: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}
.supplementPage .box .replenish p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}
.supplementPage .box .delete img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.supplementPage .box .delete p {
    font-weight: 500;
    font-size: 14px;
    color: #FF3D4C;
}

.supplementPage .addjinhuo {
    width: calc(100vw - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #077CFF;
    margin-top: 15px;
}

.supplementPage .addjinhuo img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.supplementPage .addjinhuo p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.jinhuobox {
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 5px solid rgba(216, 216, 216, 0.20);
    margin-bottom: 15px;
}

.supplementPage .column {
    width: 100%;

}

.jinhuobox:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.imgbox {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.imgbox .add {
    position: relative;
    margin-right: 15px;
    width: 72px;
    height: 72px;
    box-sizing: border-box;
    margin-top: 10px !important;
}

.imgbox .add .del {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 23px !important;
    height: 23px !important;
}

.addImg .add img {
    border-radius: 5px;
}

#img {
    width: 72px;
    height: 72px;
    border-radius: 5px;
}

.file-upload {
    display: none !important;
}

#picture {
    width: 72px;
    height: 72px;
    margin-top: 10px;

}


.detailsText {
    display: block;
    width: 100%;
    min-height: 70px;
    font-size: 15px;
    line-height: 21px;
    color: #1A1A1A;
    overflow: hidden;
    margin-top: 5px;
    padding: 2vw 3vw 0 3vw;
    box-sizing: border-box;
    border: none;
}

.detailsText::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(7, 124, 255, 0.6);
}


.recordList {
    width: 100%;
}

.recordLI {
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 4%;
    background: #077CFF;
    border-radius: 50%;
}

.recordLII {
    width: 100%;
}

.recordLII2 {
    width: 38% !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-40%, -50%);
}

.play .recordLII4 {
    display: block;
    margin-left: -1px;
}

.recordLII4,
.play .recordLII3 {
    display: none;
}

.recordLB {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
}

.recordLBI {
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: left !important;
    height: 8vw;
    display: flex;
    align-items: center !important;
}

.recordLD {
    width: 6%;
    margin-left: 10px;
}

.recordLBI img {
    width: 51vw !important;
    height: 6vw !important;
    display: block;
    position: relative !important;
    top: 0 !important;
}

.recordLS {
    text-align: center;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #388FF0 !important;
}

.recordLI {
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 4%;
    background: #388FF0;
    border-radius: 50%;
}

.recordList li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    background: rgba(56, 143, 240, 0.1);
    border-radius: 10px;
    padding: 4px 15px;
    box-sizing: border-box;
}

.record_c {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.text_num {
    font-weight: 400;
    font-size: 13px !important;
    color: #999999 !important;
    line-height: 18px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.record {
    width: 80px;
    height: 27px;
    background: #FFFFFF;
    border: 1px solid #388FF0;
    border-radius: 5px;
    justify-content: center;
    position: relative;
    -webkit-touch-callout: none;
    box-sizing: border-box;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.record img {
    width: 16px;
    margin-right: 2px;
    pointer-events: none;
    display: block;
}

.recordP {
    font-weight: 400;
    font-size: 13px !important;
    color: #388FF0 !important;
    line-height: 18px;
    user-select: none;
    box-sizing: border-box;
}

.recordingA {
    display: none;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: -20px;
}

.recordingAI {
    width: 41px;
    overflow: hidden;
    position: relative;
}

.recordingAI img {
    width: 41px;
    height: 15px;
}

.recordingAI2 {
    width: 0px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    animation: myrecord 1s linear infinite;
}

.recordingAI2 img {
    width: 41px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.recordingAI3 {
    width: 41px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    animation: myrecord2 1s linear infinite;
}

.recordingAI3 img {
    width: 41px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

@keyframes myrecord {
    from {
        width: 0px;
    }

    to {
        width: 41px;
    }
}

@keyframes myrecord2 {
    from {
        width: 41px;
    }

    to {
        width: 0px;
    }
}

.recordingA p {
    font-size: 13px !important;
    font-weight: bold;
    color: #666666 !important;
    margin: 0 3px;
}

.recordList {
    width: 100%
}

.recordLI {
    width: 28px;
    height: 28px;
    position: relative;
    margin-right: 4%;
    background: #077CFF;
    border-radius: 50%;
}

.recordLII {
    width: 100%;
    height: 35px;
}

img {
    display: block;
}

.recordLII2 {
    width: 28%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
}

.play .recordLII4 {
    display: block;
}

.recordLII4,
.play .recordLII3 {
    display: none;
}


.recordList li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 10px;
    padding: 8px 15px;
    box-sizing: border-box;
}

.supplementPage .operation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 90px;
}

.supplementPage .operation>div:first-child {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #077CFF;
    font-weight: 500;
    font-size: 16px;
    color: #077CFF;
}

.supplementPage .operation>div:last-child {
    width: 60%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.15);
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 5%;
}

/* 关联信息 */
.supplementPage .visitx .gldk {
    width: 100%;

}

.supplementPage .visitx .gldk>div {
    width: 100%;
    background: #F4F4F4;
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px 10px;
    box-sizing: border-box;
}

.supplementPage .visitx .gldk>div.active {
    background: rgba(7, 124, 255, 0.1);
    border: 1px solid #077CFF;
}

.supplementPage .visitx .gldk .radio-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0 !important;
    padding-left: 30px;
    box-sizing: border-box;
}

.supplementPage .visitx .gldk .radio-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.supplementPage .visitx .gldk input[type="radio"]:checked+.radio-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/checked.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.supplementPage .visitx .gldk .radio-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
}

.supplementPage .visitx .gldk input[type="radio"]:checked+.radio-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.supplementPage .zjfk .checkbox-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.zjfk input[type="checkbox"]+.checkbox-style {
    padding-left: 26px;
    box-sizing: border-box;
}

.zjfk input[type="checkbox"]:checked+.checkbox-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url(../images/icon32.png) no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
    left: 0 !important;
}

.supplementPage .zjfk .checkbox-style::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.zjfk input[type="checkbox"]:checked+.checkbox-style::after {
    background: transparent;
}


.makeplanPage .h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-top: 15px;
}

.makeplanPage .h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.formtop h2 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
}

.qingling {
    width: 100%;
}

.qingling .t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

.qingling h2 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
}

.qingling p {
    font-weight: bold;
    font-size: 14px;
    color: #EA0000;
}

.makeplanPage .box .delete {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #FF525F;
}

.makeplanPage .box .delete img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.makeplanPage .box .delete p {
    font-weight: 500;
    font-size: 14px;
    color: #FF3D4C;
}

.makeplanPage .addjinhuo {
    width: calc(100vw - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    height: 36px;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #077CFF;
    margin-top: 15px;
}

.makeplanPage .addjinhuo img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.makeplanPage .addjinhuo p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.deletecp {
    width: calc(100vw - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: #F67E87;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 10px 10px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: -10px;
    margin-bottom: -10px;
    margin-top: 15px;
}
.supplementsrc .deletecp {
    width: calc(100vw - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: #F67E87;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 10px 10px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: -10px;
    margin-bottom: -15px;
    margin-top: 15px;
}


.deletecp img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.deletecp p {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
}



/* 我的用车 */




.formlistPage {
    width: 100%;
    height: 100vh;
    background: url("../images/icon49.png") no-repeat top;
    background-size: 100% 150px;

    box-sizing: border-box;
}

.formlistPage .formlistPagetop {
    width: 100%;
    display: flex;
    padding: 3vw 3vw;
    box-sizing: border-box;
    justify-content: space-between;
}

.formlistPage .formlistPagetop img {
    width: 50px;
    height: 50px;
}

.formlistPage .formlistPagetop img.clear {
    width: 25px !important;
    height: 25px !important;
}

.formlistPage .searchbox {
    width: calc(100vw - 80px);
    height: 44px;
    background: #FFFFFF;
    border-radius: 22px;
    border: 1px solid rgba(56, 143, 240, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    box-sizing: border-box;

}

.formlistPage .searchbox input {

    font-size: 15px;
    padding-left: 13px;
    box-sizing: border-box;
    width: 66%;

    padding-right: 20px;
    box-sizing: border-box;

}

.formlistPage .searchbox input::placeholder {
    font-weight: 300;
    font-size: 15px;
    color: #9E9E9E;
}

.formlistPage .searchbox .search {
    width: 65px;
    height: 36px;
    background: linear-gradient(90deg, #388FF0 0%, #077CFF 100%);
    border-radius: 18px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-left: 7px;
    position: relative;

}

.formlistPage .searchbox .search::before {
    width: 2px;
    height: 18px;
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px dotted #D8D8D8;
}









.formlistPage .formlistmain {
    width: 100%;
    height: calc(100vh - 75px);
    /* padding-bottom: 12vh; */
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
}


.formlistPage .sidebar {
    width: 23%;
    height: 80vh;
    overflow-y: auto;
    background: #F6F6F6;
    box-sizing: border-box;
    position: relative;
}

.formlistPage .sidebar::-webkit-scrollbar {
    display: none;
}

.formlistPage .sidebar ul::-webkit-scrollbar {
    display: none;
}


.formlistPage .sidebar::-webkit-scrollbar {
    display: none;
}

.formlistPage .category {
    padding: 25px 8px;
    cursor: pointer;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    z-index: 10;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
    background: #EDF0F4;
    font-size: 14px;
    position: relative;
}

.formlistPage .category span {
    background: #E60012;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    right: 4px;
    top: 10px;
    border-radius: 50%;
}

.formlistPage .huise {
    width: 100%;
    height: 62vh;
    background: #EDF0F4;
}

.formlistPage .category.active {
    background-color: #F6F6F6;
    color: rgba(56, 143, 240, 1);
    font-weight: bold !important;
    border-bottom: 1px solid transparent !important;
}

.formlistPage .category.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #388FF0;
    width: 5px;
    height: 18px;
    border-radius: 3px;
}

.formlistPage .category.prev {
    border-bottom: 1px solid transparent !important;
    border-radius: 0 0 20px 0;
}

.formlistPage .category.ra {
    border-radius: 0 20px 0px 0 !important;
}


.formlistPage .sideright {
    height: calc(100vh - 80px);
    overflow-y: auto;
    background-color: #F6F6F6;
    z-index: 1000;
    z-index: 9;
    box-sizing: border-box;
    position: relative;
    padding: 10px 5px 0;
    box-sizing: border-box;
    flex: 1;
    overflow-x: hidden;
}

.formlistPage ::-webkit-scrollbar {
    display: none;
}

.formlistbox {
    padding: 0 5px;
    box-sizing: border-box;
}

.formlistPage .weidu {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E45E50;
}

.formlistPage .sideright .item {
    height: 100%;
    display: none;
    height: calc(100vh - 90px);
    overflow-y: scroll;
    margin-bottom: 0 !important;
    /* margin-bottom: 80px; */
}

.formlistPage .sideright .item.dis {
    display: block;
}

.formlistPage .sideright::-webkit-scrollbar {
    display: none;
}

.formlistPage .box {
    width: 100%;
    background-size: 100% 100%;
    box-shadow: 0px 2px 8px 0px rgba(226, 233, 236, 0.3);
    border-radius: 20px 20px 20px 20px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #FFFFFF;
    position: relative;
    display: flex;
    align-items: center;
}

.formlistPage .box:last-child {
    margin-bottom: 0;
}

.formlistPage .box img {
    width: 92px;
    height: 92px;
    margin-right: 14px;
    border-radius: 10px;
}

.formlistPage .box h1 {
    font-weight: 600;
    font-size: 18px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.formlistPage .default {
    width: 100%;
    height: 70vh;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.formlistPage .default img {
    width: 60%;
    margin-top: -8vh;
}

.formlistPage .default p {
    font-weight: 500;
    font-size: 16px;
    color: #999999;
    margin-top: 0;
}


.information_top {
    width: 100%;
    background-color: #ffffff;
    font-size: 3.8vw;
    font-weight: 400;
    color: #666666;
    padding: 3vw;
    box-sizing: border-box;
    margin-bottom: 3vw;
    position: fixed;
    top: 0;
    z-index: 100;
}

.information_top .back,
.information_top .back2 {
    width: 20vw;
    display: flex;
    align-items: center;
    height: 16px;
}

.information_top .back span {
    line-height: 0;
}

.information_top img {
    width: 12px;
}

/* 医院库 */
.hospitallistbox {
    width: 100%;

}

.hospitallistbox .filtertop {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 5px 0px rgba(238, 238, 238, 0.6);
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box;
}

.hospitallistbox .filtertop .filterbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 14px;
}

.hospitallistbox .filtertop .filterbox>div {
    width: 31%;
    height: 36px;
    background: #FBFEFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid rgba(7, 124, 255, 0.6);
}

.hospitallistbox .filtertop .filterbox>div p {
    font-weight: 500;
    font-size: 15px;
    color: #666666;
    text-wrap: nowrap;
    overflow: hidden;
}

.hospitallistbox .filtertop .filterbox>div img {
    width: 13px;
    height: 13px;
}

.hospitallistbox .filtertop .filterbox>div p {
    flex: 1;
    text-align: center;
}

.hospitallistbox .filtertop h2 {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.hospitallistbox .filtertop .liang {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hospitallistbox .filtertop .liang div {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.hospitallistbox .filtertop .liang div span:first-child {
    color: #FF9200;
}

.hospitallistbox .filtertop .liang div span:last-child {
    color: #077CFF;
}

.hospitallistbox .hospitallist {
    width: 100%;
    height: calc(100vh - 220px);
    margin-top: 15px;
    overflow-y: scroll;
    padding: 0 15px;
    box-sizing: border-box;
}

.hospitallistbox ::-webkit-scrollbar {
    display: none;
}

.hospitallistbox .hospitallist .hospitall {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;

}

.hospitallistbox .hospitallist .hospitall .tag {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
}

.hospitallistbox .hospitallist .hospitall .introduction {
    width: 100%;
    display: flex;
    align-items: center;
}

.hospitallistbox .hospitallist .hospitall .introduction .left {
    width: 123px;
    height: 162px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    margin-right: 15px;
}

.hospitallistbox .hospitallist .hospitall .introduction .left img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.hospitallistbox .hospitallist .hospitall .introduction .left div {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 13px;
    color: #077CFF;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hospitallistbox .hospitallist .hospitall .introduction .right {
    flex: 1;
}

.hospitallistbox .hospitallist .hospitall .introduction .right h1 {
    width: 80%;
    font-weight: 600;
    font-size: 16px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hospitallistbox .hospitallist .hospitall .introduction .right div {
    display: flex;
    font-weight: 400;
    font-size: 15px;
    color: #A0A3A9;
}

.hospitallistbox .hospitallist .hospitall .introduction .right div span:first-child {

    font-weight: 400;
    font-size: 15px;
    color: #A0A3A9;
    text-wrap: nowrap;
}

.hospitallistbox .hospitallist .hospitall .introduction .right div span {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}
.hospitallistbox .hospitallist .hospitall .introduction .right div span.liang{
    font-size: 12px;
    color: #888;
    margin-left: 5px;
    margin-top: 2px;
}
.hospitallistbox .hospitallist .hospitall .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    border-top: 1px solid #F7F7F7;
}

.hospitallistbox .hospitallist .hospitall .bot .look {
    height: 35px;
    background: #077CFF;
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 11px;
    box-sizing: border-box;
    margin-left: 10px;
}

.hospitallistbox .hospitallist .hospitall .bot .code {
    height: 35px;
    border-radius: 25px;
    border: 1px solid #02A281;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 400;
    font-size: 14px;
    color: #02A281;
    padding: 0 11px;
    box-sizing: border-box;
}


/* 医院介绍 */
.hospitalPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #F6F6F6;
    position: relative;
}

.hospitalPage::-webkit-scrollbar {
    display: none;
}

.hospitalPage .backhos {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
}

.hospitalPage .banner {
    width: 100%;
    height: 210px;
    margin-bottom: 15px;
}


.hospitalPage #banner {
    width: 100%;
    box-sizing: border-box;
    height: 210px;
    overflow: hidden;
}

.hospitalPage #banner .swiper-container {
    width: 100%;
    height: 210px;
}

.hospitalPage #banner.swiper-container .swiper-slide {
    width: 100%;
    height: 210px;
    position: relative;
    left: 0vw;
    top: 0px;
    border-radius: 5px;
    z-index: 10;

}

.hospitalPage #banner .swiper-container .swiper-slide a {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    display: block;
}

.hospitalPage #banner .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.hospitaldetail {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-top: -50px;
    position: relative;
    z-index: 100;
}

.hospitaldetail .tit {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 20px;
    box-sizing: border-box;
}

.hospitaldetail .tit>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hospitaldetail .tit>div:nth-child(2){
    align-items: flex-start; 
margin: 5px 0;
}
.hospitaldetail .tit h1 {
    font-weight: bold;
    font-size: 18px;
    color: #1A1A1A;
    margin-right: 5px;
}

.hospitaldetail .tit>div .dengji {

    height: 17px;
    background: #077CFF;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 6px;
    box-sizing: border-box;

}

.hospitaldetail .tit>div img {
    width: 17px;
    height: 17px;
}

.hospitaldetail .tit>div p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    flex: 1;
}

.hospitaldetail .tit>div.kaifa {
    border-top: 1px solid #D8D8D8;
    padding-top: 10px;
    box-sizing: border-box;
    margin-top: 9px;
}

.hospitaldetail .tit>div.kaifa p {
    flex-shrink: 0;
    text-wrap: nowrap;
}

.hospitaldetail .tit>div.kaifa div {
    font-weight: 400;
    font-size: 12px;
    color: #077CFF;
    background: #CDE5FF;
    border-radius: 60px;
    padding: 0 9px;
    box-sizing: border-box;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    margin-right: 10px;
}

.hosdetail {
    width: 100%;

}

.hosdetail .t {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
}

.hosdetail .t h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    position: relative;
    padding: 0 15px 0 10px;
    box-sizing: border-box;

}

.hosdetail .t p {
    font-weight: 400;
    font-size: 12px;
    color: rgba(26, 26, 26, 0.8);
}

.hosdetail h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.hosdetail .box {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
}

.hosdetail .box .tab1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hosdetail .box .tab1 div {
    height: 33px;
    background: #F3F5F9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #A0A3A9;    margin-top: 5px;
    margin-bottom: 5px;
}

.hosdetail .box .tab1 div.active {
    background: #077CFF;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;

}



.hosdetail .box .tab2 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.hosdetail .box .tab2 div {
    height: 33px;
    background: #F3F5F9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #A0A3A9;
}

.hosdetail .box .tab2 div.active {
    background: #077CFF;
        font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
}


.electricity-table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 0 0.5px #E1E6ED;
    margin-top: 15px;
}

.electricity-table th,
.electricity-table td {
    border: 1px solid #E1E6ED;
    padding: 8px 4px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    color: #3D3D3D;
}

.electricity-table th {
    background: #F1F7FE;
    font-weight: bold;
    font-size: 14px;
    color: #2A394D;
}

.hospitalPage .electricity-table th:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
    margin-top: -0.5px;
}

.electricity-table th img {
    width: 17px;
    height: 17px;
    margin-left: 4px;
}

.electricity-table tr td:first-child {
    font-weight: bold;
}

.qlxx .electricity-table tr td:nth-child(5) {
    color: #EA0303;
}
.qlxx .electricity-table tr td:nth-child(6) {
    color: #0162FF
}
.ymcpxx .box {
    padding: 0;
}

.ymcpxx .item {
    padding: 10px;
    box-sizing: border-box;
    display: none;
}

.ymcpxx .item.dis {
    display: block !important;
}

.hosdetail .box .tab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
    height: 45px;
    border-radius: 10px 10px 0 0;
}

.hosdetail .box .tab>div {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}

.hosdetail .box .tab div p {
    position: absolute;
    z-index: 2;
}

.hosdetail .box .tab div.active {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
    position: relative;
}

.hosdetail .box .tab div:nth-child(1).active::after {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/icon56.png") no-repeat center;
    background-size: 100% 100%;
    height: 45px;
    width: 110%;
    content: "";
}

.hosdetail .box .tab div:nth-child(2).active::after {
    position: absolute;
    left: -5%;
    top: 0;
    background: url("../images/icon57.png") no-repeat center;
    background-size: 100% 100%;
    height: 45px;
    width: 110%;
    content: "";
}

.hosdetail .box .tab div:last-child.active::after {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/icon58.png") no-repeat center;
    background-size: 100% 100%;
    height: 45px;
    width: 110%;
    content: "";

}

.zhankaitable {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.zhankaitable img {
    width: 19px;
    height: 19px;
}

.zhankaitable p {
    font-weight: 400;
    font-size: 15px;
    color: #A9A3A0;
}






.hospitalPage .formlistmain {
    width: 100%;
    height: 240px;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    display: flex;
    overflow: hidden;
    margin-bottom: 80px;
    box-sizing: border-box;
}


.hospitalPage .sidebar {
    width: 23%;
    height: 240px;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.hospitalPage .sidebar::-webkit-scrollbar {
    display: none;
}

.hospitalPage .sidebar ul::-webkit-scrollbar {
    display: none;
}


.hospitalPage .sidebar::-webkit-scrollbar {
    display: none;
}

.hospitalPage .category {
    padding: 25px 8px;
    cursor: pointer;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    z-index: 10;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
    background: #EDF0F4;
    font-size: 14px;
}

.hospitalPage .huise {
    width: 100%;
    height: 100px;
    background: #EDF0F4;
}

.hospitalPage .category.active {
    background-color: #fff;
    color: rgba(56, 143, 240, 1);
    font-weight: bold !important;
    border-bottom: 1px solid transparent !important;
}



.hospitalPage .category.prev {
    border-bottom: 1px solid transparent !important;
    border-radius: 0 0 20px 0;
}

.hospitalPage .category.ra {
    border-radius: 0 20px 0px 0 !important;
}


.hospitalPage .sideright {
    height: 240px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    z-index: 9;
    box-sizing: border-box;
    position: relative;
    padding: 15px 10px;
    box-sizing: border-box;
    flex: 1;
    overflow-x: hidden;
}

.hospitalPage ::-webkit-scrollbar {
    display: none !important;
}

.hospitalsrc {
    margin-bottom: 100px;
}

.hospitalPage .weidu {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E45E50;
}

.hospitalPage .sideright .item {
    height: 100%;
    display: none;
}

.hospitalPage .sideright .item.dis {
    display: block;
}

.hospitalPage .sideright::-webkit-scrollbar {
    display: none;
}

.hospitalPage .sideright .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E6ED;
    padding-bottom: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.hospitalPage .sideright .top div {
    display: flex;
    align-items: center;
}

.hospitalPage .sideright .top div h2 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    margin-right: 6px;
}

.hospitalPage .sideright .top div p {
    font-weight: 400;
    font-size: 12px;
    color: #A0A3A9;
}

.hospitalPage .sideright .top a {
    width: 15px;
    height: 15px;
}

.hospitalPage .sideright .top a img {
    width: 15px;
    height: 15px;
}

.hospitalPage .sideright .it {
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
    margin-bottom: 15px;
}

.hospitalPage .sideright .default {
    width: 50%;
    margin: 0 auto;
    margin-top: 50px;
}

.hospitalPage .sideright .default img {
    width: 100%;
}

.hospitalPage .sideright .default p {
    font-size: 14px;
    color: #999;
    margin-bottom: 15px;
    text-align: center;
}


.ymcpxx .item .yujin {
    width: 100%;
    border: 1px solid #E1E6ED;
    border-radius: 10px;

}

.ymcpxx .item .yujin div {
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E6ED;
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
}

.ymcpxx .item .yujin div:last-child {
    border-bottom: none;
}

.ymcpxx .item .yujin span {
    font-weight: 400;
    font-size: 14px;
    color: #EA0303;
}

.minheight {
    max-height: 170px;
    /* height: 170px !important; */
    overflow: hidden;
}

.electricity-table tr {
    position: relative;
}

.electricity-table tr .del {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.electricity-table td a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #077CFF;
}

.electricity-table td input {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #333;
}

.electricity-table td input::placeholder {
    color: #999;
    font-size: 12px;
}

.electricity-table td img {
    width: 15px;
    height: 15px;
}

.addtable {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.addtable p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.addtable img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.hosdetail .box .jxc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hosdetail .box .jxc .addjxc {
    display: flex;
    align-items: center;
}

.hosdetail .box .jxc .addjxc img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.hosdetail .box .jxc .addjxc p {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}


/* 资源库*/
.resourcelistbox {
    width: 100%;
    height: calc(100vh - 75px);
    background: #F6F6F6;
    border-radius: 15px 15px 0px 0px;
}

.resourcelistbox .filterbox {
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resourcelistbox .filterbox>div {
    width: 48%;
    height: 35px;
    background: #FFFFFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
}

.resourcelistbox .filterbox>div p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    text-align: center;
    flex: 1;
 text-wrap: nowrap;
 overflow: hidden;
}

.resourcelistbox .filterbox>div img {
    width: 13px;
    height: 13px;
}

.upwarp {
    font-weight: 400;
    font-size: 14px;
    color: #9E9E9E;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
    box-sizing: border-box;

}

.redourcelist {
    width: 100%;
    height: calc(100vh - 320px);
    padding: 15px;
    box-sizing: border-box;
}

.redourcelist .redourc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;


}

.redourcelist .redourc .l {
    width: 55px;
    height: 55px;
    background: #FFFFFF;
    border-radius: 50%;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 19px;
    color: #077CFF;
    margin-right: 5px;
}

.redourcelist .redourc .c {
    flex: 1;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    box-sizing: border-box;
}


.redourcelist .redourc .cen div {
    display: flex;
    align-items: center;
}

.redourcelist .redourc .cen div img {
    width: 18px;
    height: 18px;
    margin-left: 4px;
}

.redourcelist .redourc .cen div h2 {
    font-weight: 600;
    font-size: 17px;
    color: #333333;
}

.redourcelist .redourc .cen p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}

.redourcelist .redourc .opt {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.redourcelist .redourc .opt img {
    width: 30px;
    height: 30px;
}

.redourcelist .redourc .opt .look {
    height: 30px;
    background: linear-gradient(270deg, #388FF0 0%, #077CFF 100%);
    box-shadow: 0px 3px 5px 0px rgba(93, 192, 250, 0.4);
    border-radius: 25px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    margin-left: 15px;
}

.formlistPage .addresource {
    width: 76%;
    height: 44px;
    background: #077CFF;
    box-shadow: 0px 2px 10px 0px rgba(7, 124, 255, 0.4);
    border-radius: 25px;
    box-sizing: border-box;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    margin: 0 auto;
}

/* 医生信息 */
.recordPage {
    width: 100%;
}

.recordPage .recordPagetop {
    width: 100%;
    background: url("../images/icon49.png") no-repeat center;
    background-size: 100% 120px;
    display: flex;
    align-items: center;
    padding: 15px 15px 25px;
    box-sizing: border-box;
}


.headtop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    box-sizing: border-box;

}

.headtop h1 {
    font-weight: bold;
    font-size: 16px;
    color: #2C2F34;
}

.headtop div {
    display: flex;
    align-items: center;
}

.headtop div p {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.headtop div img {
    width: 18px;
    height: 18px;
    margin-left: 4px;
    transition: all 0.4s ease-in;
}

.recordPage .recordPagetop .back {
    width: 46px;
    height: 46px;
}

.recordPage .recordPagetop .recordtab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recordPage .recordPagetop .recordtab>div {
    font-weight: 500;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    width: 33%;
    display: flex;
    justify-content: center;
}

.recordPage .recordPagetop .recordtab>div.active {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    margin-top: -8px;
}

.recordPage .recordPagetop .recordtab>div.active::after {
    width: 23px;
    height: 5px;
    background: url("../images/icon67.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 3px;
    content: "";
    position: absolute;
    bottom: -8px;
}

.recordPage .recordPagemain {
    width: 100%;
    background: #F6F6F6;
    border-radius: 15px 15px 0px 0px;
    height: calc(100vh - 170px) !important;
    overflow-y: scroll;
    margin-top: -15px;
    padding: 8px 10px;
    box-sizing: border-box;
}

.recordPage ::-webkit-scrollbar {
    display: none;
}

.recordPage .recordPagemain .topbg {
    width: 100%;
}

.recordPage .recordPagemain .main {
    width: 98%;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(196, 193, 193, 0.3);
    border-radius: 5px 5px 15px 15px;
    padding: 3px 2px 10px 3px;
    box-sizing: border-box;
    position: relative;
    margin-left: 1%;
    margin-top: -10px;
}

.recordPage .recordPagemain .main .t {
    width: 100%;
    height: 38px;
    background: linear-gradient(180deg, rgba(7, 124, 255, 0.06) 0%, rgba(7, 124, 255, 0) 100%);
    border-radius: 5px 5px 0px 0px;

}

.recordPage .recordPagemain .segmentation {
    padding: 0 7px;
}

.recordPage .recordPagemain .box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.recordPage .recordPagemain .box:last-child {
    margin-bottom: 0;
}

.recordPage .recordPagemain .box>div {
    display: flex;
    align-items: flex-start;
}

.recordPage .recordPagemain .box .renyuan {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.recordPage .recordPagemain .box .renyuan>div {
    font-weight: 500;
    font-size: 14px;
    color: #161C34;
    background: #F6F6F6;
    border-radius: 8px;
    padding: 6px 10px;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.recordPage .headtop {
    padding: 10px 0;
    box-sizing: border-box;
}

.recordPage .headtop h1 {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.recordPage .headtop h1::before {
    width: 3px;
    height: 13px;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #077CFF;
    border-radius: 6px;
}

.recordPage .operation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}

.recordPage .operation>div:first-child {
    width: 45%;
    height: 50px;
    background: transparent;
    box-shadow: none;
    border: 1px solid #077CFF;
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #077CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;

}

.recordPage .operation>div {
    width: 45%;
    height: 50px;
    background: linear-gradient(270deg, #23A2FF 0%, #077CFF 100%);
    box-shadow: 0px 2px 5px 0px rgba(73, 123, 254, 0.4);
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;

}

.recordPage .recordPagemain .box .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 15px;
    color: #161C34;
    text-wrap: wrap;
    word-wrap: break-word;
}

.recordPage .recordPagemain .box .right span {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
    text-underline-offset: 5px;
    text-decoration: underline;
}
.recordPage .recordPagemain .box .right p{
    font-weight: 500;
    font-size: 15px;
    color: #161C34;
    text-wrap: wrap;
    word-break: break-all;
}
.shili2 {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
    text-underline-offset: 5px;
    text-decoration: underline;
}

.recordPage .recordPagemain .box .left p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.location {
    width: 100%;
    display: flex;
    flex-direction: column;

}

.location .drop {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 17px;
}

.location .drop p {
    font-weight: 500;
    font-size: 15px;
    color: #161C34;
}

.location .drop img {
    width: 20px;
    height: 20px;
}

.location .time {}

.location .time>div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.location .time>div p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.location .time>div p:nth-child(2) {
    color: #3F424D;
}

.location .total {
    width: 100%;
    height: 33px;
    background: rgba(255, 163, 72, 0.1);
    border-radius: 7px;
    font-weight: 500;
    font-size: 14px;
    color: #FFA348;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.input-count {
    color: #077CFF;
}

.recordPage .recordPagemain .box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 !important;
}

.recordPage .recordPagemain .box>div {
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
}

.recordPage .recordPagemain .box>div:last-child {
    border-bottom: none;
}

.dengji .tit {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
    justify-content: center;
}

.dengji .formtop {
    margin-bottom: 15px;
    margin-top: 15px;
}

.dengji .formtop h1 {
    font-weight: 500;
    font-size: 15px;
    color: #1A1A1A;
}


/* 编辑医生信息 */

.editdoc .checkbox-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 15px;
}

.editdoc .checkbox-style::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px !important;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.editdoc .checkbox-style::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
}

.editdoc input[type="checkbox"]:checked+.checkbox-style::after {
    width: 14px;
    height: 14px;
    padding: 0;
    background: transparent !important;
    background-size: 100% 100% !important;
    border: none;
}


.editdoc input[type="checkbox"]:checked+.checkbox-style::before {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/icon32.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.editdoc .checkbox-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
}

.editdoc input[type="checkbox"]:checked+.checkbox-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.supplementPage .tit {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
    justify-content: center !important;
    display: flex;
    align-items: center;
}


.erjiformtop {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

.erjiformtop .adderji {
    display: flex;
    align-items: center !important;
}

.erjiformtop .adderji img {
    width: 19px;
    height: 19px;
}

.erjiformtop .adderji p {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF !important;
}


/* 拜访记录 */
.visitrecordPage {
    width: 100%;
    height: 100vh;
    padding: 15px 15px 0;
    box-sizing: border-box;
}

.visitrecordPage .visitrecordtop {
    width: 100%;
    background: url("../images/icon71.png") no-repeat center;
    background-size: 100% 100%;
}

.visitrecordPage .visitrecordtop .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    box-sizing: border-box;
    padding-right: 10px;
    padding-bottom: 15px;
}

.visitrecordPage .visitrecordtop .top .back {
    width: 45px;
}

.visitrecordPage .visitrecordtop .top .searchbox {
    flex: 1;
    height: 44px;
    background: #FFFFFF;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    box-sizing: border-box;
}

.visitrecordPage .visitrecordtop .top .searchbox input {
    width: 100%;
    font-weight: 400;
    font-size: 15px;
}

.visitrecordPage .visitrecordtop .top .searchbox input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
}

.visitrecordPage .visitrecordtop .top .searchbox .clear {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.visitrecordPage .visitrecordtop .top .searchbox .search {
    width: 23px;
    height: 23px;
}

.visitrecordPage .visitrecordtop .top .time {
    width: 90px;
    display: flex;
    align-items: center;
    height: 44px;
    background: #FFFFFF;
    border-radius: 25px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
    margin-left: 10px;
}

.visitrecordPage .visitrecordtop .top .time p {
    text-wrap: nowrap;
}

.visitrecordPage .visitrecordtop .top .time img {
    width: 12px;
    height: 12px;
}

.visitrecordPage .visitrecordtop .visitrecordtab {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 42px;
    padding: 0 11px;
    box-sizing: border-box;

}
.vbox{
    width: 100%;
    overflow-x: scroll;
}

.visitrecordPage .visitrecordtop .visitrecordtab div {
    height: 42px;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    text-wrap: nowrap;
    padding: 0 10px;
    box-sizing: border-box;
}
.visitrecordPage .visitrecordtop .visitrecordtab div span{

}
.visitrecordPage .visitrecordtop .visitrecordtab div.active {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    font-size: 19px;
    color: #FFFFFF;
    margin-top: -5px;

}

.visitrecordPage .visitrecordtop .visitrecordtab div.active::after {
    content: "";
    position: absolute;
    background: url("../images/icon73.png") no-repeat center;
    background-size: 100% 100%;
    width: 21px;
    height: 4px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.visitrecordPage .summary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    padding: 5px 0;
    box-sizing: border-box;
}

.visitrecordPage .summary span {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.visitrecordPage .visitrecordlistbox {
    width: 100%;
    height: calc(100vh - 170px);
    overflow-y: scroll;
}

.visitrecordPage .visitrecordlistbox::-webkit-scrollbar {
    display: none !important;
}

.visitrecordPage .visitrecordlistbox .visitrecordlist {
    margin-bottom: 80px;
}

.visitrecordPage .visitrecordlistbox .box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
}

.visitrecordPage .visitrecordlistbox .box h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    width: 88%;
}

.visitrecordPage .visitrecordlistbox .box h1 .individual {
    color: #077CFF;
}

.visitrecordPage .visitrecordlistbox .box h1 span {
    font-weight: 500;
    font-size: 17px;
    color: #FE9402;
}

.visitrecordPage .visitrecordlistbox .box>div div {
    display: flex;
    /* align-items: center; */
    margin-top: 15px;
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}

.visitrecordPage .visitrecordlistbox .box>div div img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-top: 6px;
}

.visitrecordPage .visitrecordlistbox .box>div div p:first-child {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}
.visitrecordPage .visitrecordlistbox .box>div div>p:nth-child(2) {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    flex-shrink: 0;
}
.visitrecordPage .visitrecordlistbox .box>div div p:last-child {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.visitrecordPage .visitrecordlistbox .box .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #F7F7F7;
    margin-top: 10px;
}

.visitrecordPage .visitrecordlistbox .box .bot div {
    height: 35px;
    padding: 0 5px;
    box-sizing: border-box;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 25px;
    margin-left: 6px;
    margin-top: 10px;
}

.visitrecordPage .visitrecordlistbox .box .bot div:first-child {
    margin-left: 0;
}

.visitrecordPage .visitrecordlistbox .box .bot .code {
    color: #02A281;
    border: 1px solid #02A281;
}

.visitrecordPage .visitrecordlistbox .box .bot .correlation {
    color: #FF9200;
    border: 1px solid #FF9200;
}

.visitrecordPage .visitrecordlistbox .box .bot .edit {
    color: #077CFF;
    border: 1px solid #077CFF
}

.visitrecordPage .visitrecordlistbox .box .bot .look {
    color: #FFFFFF;
    background: linear-gradient(180deg, #388FF0 0%, #077CFF 100%);
}

.visitrecordPage .visitrecordlistbox .box .tag {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
}

.tag {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.povtabbox {
    width: 100%;
    overflow-x: scroll;
    padding: 5px 15px 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    background: #F7F8FC;
}

.povtabbox div.active {
    margin-right: 20px !important;
}

.povtabbox::-webkit-scrollbar {
    display: none;
}

.povtabbox>.povtab {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.povtabbox>.povtab div {
    max-width: 180px;
    font-weight: 600;
    font-size: 16px;
    color: #077CFF;
    border-radius: 10px;
    border: 1px solid #077CFF;
    flex-shrink: 0;
    margin-right: 20px;
    padding: 5px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

.povtabbox>.povtab div:last-child {
    margin-right: 0;
}

.povtabbox>.povtab div.active {
    background: linear-gradient(180deg, #388FF0 0%, #077CFF 100%);
    color: #fff;
    font-weight: 600;
    border: none;
    position: relative;
    margin: 0 40px;
    margin-left: 20px;
}

.povtabbox>.povtab div.active::before {
    content: "";
    width: 10px;
    height: 14px;
    background: url("../images/icon80.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.povtabbox>.povtab div.active::after {
    content: "";
    width: 10px;
    height: 14px;
    background: url("../images/icon81.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.visitoverbox {
    width: 100%;
    margin-bottom: 90px;
}

.visitoverbox .tab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    margin-bottom: 15px;
    position: relative;
}

.visitoverbox .tab .tishi {
    width: 41px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: -12px;
}

.visitoverbox .tab>div {
    width: 50%;
    height: 40px;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 10px 0px 0px 10px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.visitoverbox .tab>div:nth-child(2) {
    height: 40px;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 0 10px 10px 0px;
}

.visitoverbox .tab>div.active {
    background: #077CFF;
    color: #ffffff;
}

.visitoverbox .item {
    display: none;
}

.visitoverbox .item.dis {
    display: block;
}

.visitoverbox .visitbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(137, 177, 222, 0.2);
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.visitoverbox .visitbox .headtop {
    padding: 0;
}

.visitoverbox .visitbox .headtop h1 {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.visitoverbox .visitbox .headtop h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.visitoverbox .clockreocode {
    width: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 12px 9px;
    box-sizing: border-box;
}

.visitoverbox .clockreocode ul {
    width: 100%;
}

.visitoverbox .clockreocode ul li {
    width: 100%;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.visitoverbox .clockreocode ul li::before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: 2px dotted #DFDFDF;
    position: absolute;
    left: 14px;
    top: 5px;
}

.visitoverbox .clockreocode ul li:last-child::before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: none;
    position: absolute;
    left: 14px;
    top: 5px;
}

.visitoverbox .clockreocode ul li .t::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icon83.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: -30px;
}

.visitoverbox .clockreocode ul li .t {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
    position: relative;
}

.visitoverbox .clockreocode ul li .t h1 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
}

.visitoverbox .clockreocode ul li .t p {
    color: #767676;
}

.visitoverbox .clockreocode ul li h2 {
    font-weight: 400;
    font-size: 18px;
    color: #767676;
}

.visitoverbox .clockreocode ul li img {
    width: 130px;
    height: 130px;
}

.fujian {
    width: 100%;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 6px;
    border: 1px solid #d8d8d896;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.fujian .img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 11px;
}

.fujian .migncheng {
    flex: 1;
    text-indent: 0em !important;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: inherit;
    word-break: break-all;
    text-wrap: wrap;
    line-height: 18px;
    font-family: "SimHei", Arial, sans-serif;
}

.fujian>div {
    display: flex;
    align-items: center;
    margin-left: 15px;
    flex-shrink: 0;
}

.fujianbox {
    width: 100%;
}

.fujian .down p {
    flex-shrink: 0;
    height: 19px;
    margin-right: 3px;
    text-wrap: nowrap;
}

.fujian .down img {
    width: 20px !important;
    height: 20px !important;
}

.fujian .delete img {
    width: 20px !important;
    height: 20px !important;
}

/* 会议管理 */
.visitrecordPage .visitrecordlistbox .box .bot .revoke {
    color: #FF0000;
    border: 1px solid #FF0000;
}

.visitrecordPage .visitrecordlistbox .box .bot .checkcode {
    color: #077CFF;
    border: 1px solid #077CFF
}

.visitrecordPage .visitrecordlistbox .box .bot .feedback {
    color: #077CFF;
    border: 1px solid #077CFF
}

.invitationLetter {
    width: 100%;
    height: 100vh;
    background: url("../images/icon92.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0 30px;
    padding-top: 30vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;

}
.Invitationsign {
    width: 100%;
    height: 100vh;
    background: url("../images/icon162.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0 30px;
    padding-top: 30vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
@font-face {
    font-family: "YouSheBiaoTiHei";
    src: url("../font/YouSheBiaoTiHei/YouSheBiaoTiHei-2.ttf");
    font-weight: normal;
    font-style: normal;
}

.invitationLetter .title {
    text-align: center;
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 26px;
    text-shadow: 0px 1px 2px rgba(64, 130, 226, 0.09);
    text-stroke: 1px #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(90deg, #44A5FF 0%, #147EFF 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 34px;
}

.invitationLetter .tit {
    width: 150px;
    height: 34px;
    background: #44A0F5;
    border-radius: 25px;
    line-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
}

.invitationLetter p {
    text-wrap: wrap;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 15px;
    color: #44A0F5;
    margin-top: 15px;
}

.invitationLetter .codebox {
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 6vh;
    justify-content: center;

}
.daohangicon{
width: 30px;
height: 30px;
position: absolute;
margin-top: 170px;
right: 15vw;
}

.invitationLetter .codebox .codeimg {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}

.invitationLetter .codebox .cimg {
    width: 70px;
    height: 70px;
}

.invitationLetter .codebox h2 {
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A;
}

.invitationLetter .img {
    width: 20px !important;
    height: 18px !important;
    margin-left: 10px;
}

.formtop .addfy {
    display: flex;
    align-items: center;
}

.formtop .addfy img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.formtop .addfy p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}


/* 工作结果 */
.workResultsPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.workResultsPage::-webkit-scrollbar {
    display: none;
}

.workResultsPage .workResultssrc {
    width: 100%;
    background: url("../images/icon96.png") no-repeat top;
    background-size: 100% 136px;
    padding: 15px;
    box-sizing: border-box;
}

.workResultsPage .tit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}

.workResultsPage .tit div {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    
}
.workResultsPage .tit div{
    padding-left: 50px;
    box-sizing: border-box;
}
.workResultsPage .tit .back{
    width: 40px;
    height:40px;
    position: absolute;
    left: 0;
}
.workResultsPage .tit div.all {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 0;
}

.workResultsPage .tit div img {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}

.workResultsPage .taskbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(216, 216, 216, 0.3);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}

.workResultsPage .taskbox .tab {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.workResultsPage .taskbox .tab>div {
    width: 41px;
    height: 26px;
    background: #A2CEFF;
    border-radius: 8px;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.workResultsPage .taskbox .tab>div.active {
    background: linear-gradient(180deg, #388FF0 0%, #077CFF 100%);
}

.workResultsPage .electricity-table .t {
    font-weight: 500;
    font-size: 10px;
    color: #666666;
}
.taskbox>.item{
    max-height: 420px;
    overflow-y: scroll;
}

.workResultsPage .electricity-table span {
    font-size: 18px;
}

.workResultsPage .plantime {
    box-shadow: 0px 2px 5px 0px rgba(193, 193, 193, 0.3);
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.workResultsPage .daywork {
    width: 100%;
}

.workResultsPage .daywork h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1A1A1A;
}

.workResultsPage .daywork .workbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(196, 193, 193, 0.3);
    border-radius: 10px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.workResultsPage .daywork .workbox h1 {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #2C2F34;
    padding-left: 10px;
    box-sizing: border-box;
}

.workResultsPage .daywork .workbox h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #388FF0;
    border-radius: 10px;
}

.workResultsPage .daywork .workbox .formtop {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.workResultsPage .daywork .workbox .formtop p {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
}

.workResultsPage .daywork .workbox .visitwork {
    width: 100%;
    background: linear-gradient(180deg, rgba(7, 124, 255, 0.06) 0%, rgba(7, 124, 255, 0) 100%);
    border-radius: 9px 9px 0px 0px;
    background-size: 100% 40px;
    background-repeat: no-repeat;
    padding: 10px;
    box-sizing: border-box;
}

.workResultsPage .daywork .workbox .visitwork .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.workResultsPage .daywork .workbox .visitwork .top h2 {
    font-weight: 400;
    font-size: 15px;
    color: #3D3D3D;
}

.workResultsPage .daywork .workbox .visitwork .top a {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
    text-decoration-line: underline;
    text-underline-offset: 4px;
}

.workResultsPage .daywork .workbox .box {
    border: 1px solid #E1E6ED;
    border-radius: 10px;
}

.workResultsPage .daywork .workbox .box>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E6ED;
}

.workResultsPage .daywork .workbox .box>div h3 {
    font-weight: bold;
    font-size: 15px;
    color: #161C34;
}

.workResultsPage .daywork .workbox .box>div .left {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.workResultsPage .daywork .workbox .box>div .right {
    font-weight: 500;
    font-size: 15px;
    color: #161C34;
}

.workResultsPage .workResultssrc {
    margin-bottom: 90px;
}




/* 话术库 */
.scriptlibrary {
    width: 100%;
    height: 100vh;
    padding: 15px 15px 0;
    box-sizing: border-box;

}

.scriptlibrary .scriptlibrarytop {
    width: 100%;
    background: url("../images/icon100.png") no-repeat center;
    background-size: 100% 100%;
    height: 139px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.scriptlibrary .scriptlibrarytop>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scriptlibrary .scriptlibrarytop .back {
    width: 50px;
    height: 50px;
}

.scriptlibrary .scriptlibrarytop .tab {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    box-sizing: border-box;

}

.scriptlibrary .scriptlibrarytop .tab>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scriptlibrary .scriptlibrarytop .tab>div img {
    width: 33px;
    height: 33px;
}

.scriptlibrary .scriptlibrarytop .tab>div p {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.scriptlibrary .scriptlibrarytop .tab>div.active p {
    color: #ffffff;
    font-weight: bold;
}

.scriptlibrary .formlistmain {
    width: 100%;
    height: calc(100vh - 160px);
    box-sizing: border-box;
    border-radius: 0;
    display: flex;
    overflow: hidden;
}


.scriptlibrary .sidebar {
    width: 23%;
    ;
    overflow-y: auto;
    background: #F6F6F6;
    box-sizing: border-box;
    position: relative;
}

.scriptlibrary .sidebar::-webkit-scrollbar {
    display: none;
}

.scriptlibrary .sidebar ul::-webkit-scrollbar {
    display: none;
}


.scriptlibrary .sidebar::-webkit-scrollbar {
    display: none;
}

.scriptlibrary .category {
    padding: 25px 8px;
    cursor: pointer;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    z-index: 10;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
    background: #EDF0F4;
    font-size: 14px;
}

.scriptlibrary .huise {
    width: 100%;
    height: 62vh;
    background: #EDF0F4;
}

.scriptlibrary .category.active {
    background-color: #F6F6F6;
    color: rgba(56, 143, 240, 1);
    font-weight: bold !important;
    border-bottom: 1px solid transparent !important;
}

.scriptlibrary .category.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #388FF0;
    width: 5px;
    height: 18px;
    border-radius: 3px;
}

.scriptlibrary .category.prev {
    border-bottom: 1px solid transparent !important;
    border-radius: 0 0 20px 0;
}

.scriptlibrary .category.ra {
    border-radius: 0 20px 0px 0 !important;
}


.scriptlibrary .sideright {
    height: calc(100vh - 160px);
    overflow-y: auto;
    background-color: #F6F6F6;
    z-index: 1000;
    z-index: 9;
    box-sizing: border-box;
    position: relative;
    padding: 10px 5px 0;
    padding-right: 0;
    box-sizing: border-box;
    flex: 1;
    overflow-x: hidden;
}

.scriptlibrary ::-webkit-scrollbar {
    display: none;
}


.scriptlibrary .sideright .item {
    height: 100%;
    display: none;
}

.scriptlibrary .sideright .item.dis {
    display: block;
}

.scriptlibrary .sideright::-webkit-scrollbar {
    display: none;
}



.scriptlibrary .default {
    width: 100%;
    height: 70vh;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.scriptlibrary .default img {
    width: 60%;
    margin-top: -8vh;
}

.scriptlibrary .default p {
    font-weight: 500;
    font-size: 16px;
    color: #999999;
    margin-top: 0;
}

.scriptlibrary .searchbox {
    width: 100%;
    height: 44px;
    background: #ECF4FE;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
}

.scriptlibrary .searchbox input {
    font-weight: 400;
    font-size: 15px;
    width: 100%;
}

.scriptlibrary .searchbox input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
}

.scriptlibrary .searchbox .clear {
    width: 20px;
    height: 20px;
    margin: 0 13px;

}

.scriptlibrary .searchbox img {
    width: 23px;
    height: 23px;
}

.scriptlibrary .box {
    width: 100%;
    background-size: 100% 100%;
    box-shadow: 0px 2px 8px 0px rgba(226, 233, 236, 0.3);
    border-radius: 20px 20px 20px 20px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #FFFFFF;
    position: relative;
}

.scriptlibrary .box:last-child {
    margin-bottom: 0;
}

.scriptlibrary .box h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    word-break: break-all;
}

.scriptlibrary .box h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 14px;
    background: #077CFF;
    border-radius: 3px;

}

.scriptlibrary .box div {
    display: flex;
    align-items: flex-start;
    margin-top: 5px;
}

.scriptlibrary .box div img {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.scriptlibrary .box div p {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
    width: 76%;
}

.scriptlibrary .box div.look {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.scriptlibrary .box div.look p {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.scriptlibrary .box div.look img {
    width: 15px;
    height: 15px;
}

.scriptlibrary .box .timg {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.scriptlibrary .box .timg .img {
    width: 75px;
    height: 75px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0;
}

.scriptlibrary .box .timg img {
    width: 75px;
    height: 75px;
    border-radius: 8px;
}

.scriptlibrary .box .timg h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 0px;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    word-break: break-all;
}

.scriptlibrary .box .timg h1::before {
    width: 0;
}

.scriptlibrary .box .timg div {
    display: flex;
    flex-direction: column;
}

.scriptlibrary .box .timg p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    position: relative;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    word-break: break-all;
    width: 100%;
}


/* 打卡 */
.clockinPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.clockinPage::-webkit-scrollbar {
    display: none;
}

.clockinPage ::-webkit-scrollbar {
    display: none;
}

.clockinPage .clockinSrc {
    width: 100%;
    background: url("../images/icon117.png") no-repeat top;
    background-size: 100% 136px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 115px;
}

.clockinPage .clockinSrc .top {
    width: 100%;
    height: 75px;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.clockinPage .clockinSrc .top .back {
    width: 45px;
    height: 45px;
}

.clockinPage .clockinSrc .top .tab {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    padding: 0 18px;
    box-sizing: border-box;
}

.clockinPage .clockinSrc .top .tab div {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.clockinPage .clockinSrc .top .tab div.active {
    font-weight: 700;
    font-size: 19px;
    color: #FFFFFF;
    position: relative;
}

.clockinPage .clockinSrc .top .tab div.active::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 21px;
    height: 4px;
    background: url("../images/icon73.png") no-repeat center;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
}

.clockinPage .clockinSrc .clockform {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    background: #ffffff;
    border-radius:10px;
    padding: 15px;
    box-sizing: border-box;
}

.clockinPage .clockinSrc .clockform .prompt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
    background: #F1F7FE;
    border-radius: 10px;
    margin-bottom: 25px;
}

.clockinPage .clockinSrc .clockform .prompt p {
    font-weight: 500;
    font-size: 15px;
    color: rgba(26, 26, 26, 0.60);
}

.clockinPage .clockinSrc .clockform .prompt span {
    color: #1A1A1A;
}

.clockinPage .clockinSrc .clockform .prompt .enter {
    font-weight: 400;
    font-size: 12px;
    color: #077CFF;
    width: 78px;
    height: 27px;
    border-radius: 123px;
    border: 1px solid #077CFF;
    box-sizing: border-box;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 10px;
}

.clockinPage .clockinSrc .clockform .address {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.clockinPage .clockinSrc .clockform .address div {
    display: flex;
    align-items: center;
}

.clockinPage .clockinSrc .clockform .address div img {
    width: 16px;
    height: 16px;
}

.clockinPage .clockinSrc .clockform .address div h2 {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.clockinPage .clockinSrc .clockform .address p {
    font-weight: 400;
    font-size: 12px;
    color: #666666;
}

.clockinPage .clockinSrc .clockform .dakabox {
    height: 200px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clockinPage .clockinSrc .clockform .daka {
    width: 165px;
    height: 165px;
    position: relative;
}

.clockinPage .clockinSrc .clockform .dakabg {
    width: 180px;
    height: 180px;
    position: absolute;

    transform: translateX(-50%) translateY(-50%);

    animation: breathe 2s infinite linear;
}

@keyframes breathe {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(0.8);
    }
}


.clockinPage .clockinSrc .clockform .calibration {}

.clockinPage .clockinSrc .clockform .calibration h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.clockinPage .clockinSrc .clockform .calibration h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 15px;
    background: #077CFF;
    border-radius: 10px;
}

.clockinPage .clockinSrc .clockform .calibration h1 span {
    font-size: 12px;
    color: #1A1A1A;
}



.clockinPage .checkbox-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 15px;
}

.clockinPage .checkbox-style {
    font-weight: bold;
    font-size: 15px;
    color: #999999;
    position: relative;
    width: 100%;
}

.clockinPage .checkbox-style::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.clockinPage input[type="checkbox"]:checked+.checkbox-style::after {
    width: 14px;
    height: 14px;
    padding: 0;
    background: url("../images/icon32.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
    right: 0;
}

.clockinPage input[type="checkbox"]:checked+.checkbox-style {
    color: #2A394D;
    font-weight: bold;
    font-size: 15px;

}

.clockinPage .submit {
    width: 100%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.3);
    border-radius: 45px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

/* 进入打卡 */
.clockinrecodePage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.clockinrecodePage::-webkit-scrollbar {
    display: none;
}

.clockinrecodePage .clockinrecodesrc {
    width: 100%;
    background: url("../images/icon117.png") no-repeat top;
    background-size: 100% 136px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 115px;
}

.clockinrecodePage .clockinrecodesrc .top {
    width: 100%;
    height: 75px;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.clockinrecodePage .clockinrecodesrc .top .back {
    width: 45px;
    height: 45px;
}

.clockinrecodePage .clockinrecodesrc .top .tab {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    padding: 0 18px;
    box-sizing: border-box;
}

.clockinrecodePage .clockinrecodesrc .top .tab div {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.clockinrecodePage .clockinrecodesrc .top .tab div.active {
    font-weight: 700;
    font-size: 19px;
    color: #FFFFFF;
    position: relative;
}

.clockinrecodePage .clockinrecodesrc .top .tab div.active::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 21px;
    height: 4px;
    background: url("../images/icon73.png") no-repeat center;
    background-size: 100% 100%;
    left: 50%;
    transform: translateX(-50%);
}

.clockinrecodePage .clockinrecodesrc .clockinrecodeform {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 15px;
    padding: 15px 10px;
    box-sizing: border-box;
}

.clockinrecodePage .clockinrecodesrc .clockinrecodeform h1 {
    font-weight: bold;
    font-size: 18px;
    color: #1A1A1A;
}



.Memorabiliabox {
    margin-top: 10px;
}

.Memorabiliabox .box {
    width: 100%;
    position: relative;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.Memorabiliabox .box::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 100%;
    /* 虚线的高度 */
    background-image: linear-gradient(to bottom, rgba(36, 97, 238, 1) 50%, transparent 50%);
    background-size: 10px 6px;

}

.Memorabiliabox .box:last-child::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 100%;
    /* 虚线的高度 */
    background-image: linear-gradient(to bottom, transparent 50%, transparent 50%);
    background-size: 10px 6px;

}

.Memorabiliabox .box .Memorabiliaboxtop {
    position: relative;
    width: 100%;
}

.Memorabiliabox .box .Memorabiliaboxtop .left {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    text-align: left !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;


}

.Memorabiliabox .box .Memorabiliaboxtop::before {
    content: "";
    background: #2461EE;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    position: absolute;
    left: -21px;
    top: 3px;
}


.Memorabiliabox .box:first-child .Memorabiliaboxtop:before {
    content: "";
    background: url("../images/icon119.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -23px;
    top: 1px;
}

.Memorabiliabox .box h2 {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    margin-top: 6px;
}

.Memorabiliabox .box h2 span {
    color: rgba(234, 0, 0, 1);
}

.Memorabiliabox .box .zhaopian {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 6px;
}

.Memorabiliabox .box .zhaopian img {
    /* width: 95px; */
    height: 70px;
    border-radius: 5px;
}

.Memorabiliabox .box .zhaopian img:nth-child(3n) {
    /* margin-right: 0; */
}

.shangc {
    width: 100%;
    box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.2);
    border-radius: 21px;
    border: 1px solid #077CFF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 0
}

.shangc img {
    width: 18px !important;
    height: 18px !important;
    margin-right: 4px;
}

.shangc p {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

.clockinrecodePage .submit {
    width: 90%;
    height: 45px;
    background: linear-gradient(180deg, #077CFF 0%, #388FF0 100%);
    box-shadow: 0px 2px 5px 0px rgba(56, 143, 240, 0.3);
    border-radius: 45px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

/* 请假 */
.leaveform {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(45, 110, 189, 0.05);
    padding: 15px 10px;
    box-sizing: border-box;
}

.leaveform .box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}

.leaveform .box .flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    box-sizing: border-box;

}

.leaveform .box>div {
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
}

.leaveform .box>div:last-child {
    border-bottom: none;
}

.leaveform .box .flex .left {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.leaveform .box .flex .right {
    flex: 1;
    display: flex;
    align-items: center;
}

.leaveform .box .flex .right input {
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    text-align: right;
}

.leaveform .box .flex .right input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.leaveform .box .flex .right img {
    width: 12px;
    height: 12px;
    margin-left: 3px;
}

.leaveform .box>div .left {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.leaveform .box>div .right p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.leaveform .box .column .flex {
    padding: 0;
    align-items: flex-start;
    margin-bottom: 15px;
}

.leaveform .box .column .textarea_text {
    padding-left: 0;
}

.leaveform h2 {
    color: #222223;
    font-weight: bold;
    font-size: 16px;
    margin: 15px 0;
}

.leaveform .splc {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    padding: 15px;
    box-sizing: border-box;
}

.leaveform .splc .column .tit {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}
.leaveform .splc .column:first-child .tit{
    margin-top: 0;
}
.leaveform .splc .column .bot {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.leaveform .splc .column .bot>div {
    height: 32px;
    background: #F4F4F4;
    border-radius: 5px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 15px;
}

.leaveform .splc.column .bot>div p {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.leaveform .splc .column .bot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.leaveform .splc .column .bot .add {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}

.leaveform .splc .column .tit {
    position: relative;
}

.leaveform .splc .column {
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    padding-top: 15px;
}
.leaveform .splc .column:first-child{
    padding-top: 0;
}
.leaveform .splc .column .tit::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 5px;
    border: 1px solid #888;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
}

.leaveform .splc .column::before {
    width: 1px;
    height: 104%;
    border-left: 1px solid #888;
    content: "";
    position: absolute;
    left: 5px;
    top: 17px;
}

.leaveform .splc .column:last-child::before {
    border-left: none;
}

/* 请假记录 */
.leaverecodeform {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(45, 110, 189, 0.05);
    border-radius: 15px;
    padding: 15px 10px;
    box-sizing: border-box;
}

.leaverecodeform .filterbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leaverecodeform .filterbox>div {
    width: 32%;
    height: 35px;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    box-sizing: border-box;
}

.leaverecodeform .filterbox>div p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    text-wrap: nowrap;
    overflow: hidden;
}

.leaverecodeform .filterbox>div img {
    width: 13px;
    height: 13px;
    margin-left: 5px;
}

.leaverecodeform .summary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F4F4F4;
    padding: 7px 0;
    box-sizing: border-box;
}

.leaverecodeform .summary div {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}

.leaverecodeform .summary div span {
    color: #077CFF;
}

.leaverecodebox {
    width: 100%;
    height: calc(100vh - 300px);
    overflow-y: scroll;
}

.leaverecodebox ::-webkit-scrollbar {
    display: none;
}

.leaverecodebox .leaverecode {
    width: 100%;
}

.leaverecodebox .leaverecode .box {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #F4F4F4;
    position: relative;
}

.leaverecodebox .leaverecode .box:last-child {
    border-bottom: none;
}

.leaverecodebox .leaverecode .box .matterbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.leaverecodebox .leaverecode .box .matterbox .matter {
    display: flex;
    align-items: center;
}

.leaverecodebox .leaverecode .box .matterbox .matter h1 {
    font-weight: bold;
    font-size: 18px;
    color: #1A1A1A;
}

.leaverecodebox .leaverecode .box .matterbox .matter .wait {
    width: 50px;
    height: 20px;
    background: #FF902C;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.leaverecodebox .leaverecode .box .matterbox .matter .waitimg {
    width: 50px;
    height: 20px;
    background: #FF902C;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.leaverecodebox .leaverecode .box .matterbox .matter .over {
    width: 50px;
    height: 20px;
    background: #00B342;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.leaverecodebox .leaverecode .box .matterbox .matter .never {
    width: 50px;
    height: 20px;
    background: #FF0000;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.leaverecodebox .leaverecode .box .matterbox p {
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
}

.leaverecodebox .leaverecode .box .duration {
    width: 100%;
}

.leaverecodebox .leaverecode .box .duration div {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
    margin-top: 7px;
}

/* 出勤记录 */
.attendanceform {
    width: 100%;
}

.attendanceform .plantime {
    background: #ffffff;
    border-radius: 15px;
}

.attendanceform .attendancebox {
    width: 100%;
}

.attendanceform .attendancebox .attendance {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
}

.attendanceform .attendancebox .attendance h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1A1A1A;
    padding-left: 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}

.attendanceform .attendancebox .attendance h1::before {
    width: 3px;
    height: 14px;
    background: #077CFF;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.attendanceform .attendancebox .attendance .box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(45, 110, 189, 0.05);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.attendanceform .attendancebox .attendance .box .left {}

.attendanceform .attendancebox .attendance .box .left div {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.attendanceform .attendancebox .attendance .box .left div:last-child {
    margin-bottom: 0;
}

.attendanceform .attendancebox .attendance .box .detail {
    width: 62px;
    height: 31px;
    background: #077CFF;
    border-radius: 5px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.attendanceform .attendancebox .attendance .box .red {
    font-weight: 400;
    font-size: 15px;
    color: #EA0000 !important;
}

/* 预警 */
.formlistmain .taskbox {
    padding: 0 10px;
    box-sizing: border-box;
}

.formlistmain .taskbox .monthtask {
    width: 100%;
}

.formlistmain .taskbox .monthtask h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1A1A1A;
}

.formlistmain .taskbox .monthtask .task {
    width: 100%;
    margin-bottom: 15px;
}

.formlistmain .taskbox .monthtask .task .electricity-table th {
    background: linear-gradient(180deg, #ECF5FF 0%, #FFFFFF 99%);
    font-weight: 500;
    font-size: 15px;
    color: #0059BC;
}

.formlistmain .taskbox .monthtask .task .electricity-table th div.t {
    font-weight: 400;
    font-size: 13px;
    color: rgba(0, 89, 188, 0.7);
}

.formlistmain .taskbox .monthtask .task .electricity-table th,
.formlistmain .taskbox .monthtask .task .electricity-table td {
    border: 1px solid rgba(128, 188, 255, 0.56);
}

.formlistmain .taskbox .monthtask .task .electricity-table {
    box-shadow: 0 0 0 0.5px rgba(128, 188, 255, 0.56);
}

.formlistmain .taskbox .quartertask {
    width: 100%;
}

.formlistmain .taskbox .quartertask h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1A1A1A;
}

.formlistmain .taskbox .quartertask .task {
    width: 100%;
    margin-bottom: 15px;
}

.formlistmain .taskbox .quartertask .task .electricity-table th {
    background: linear-gradient(180deg, #FFF8DB 0%, #FFFFFF 99%);
    font-weight: 500;
    font-size: 15px;
    color: #C59700;
}

.formlistmain .taskbox .quartertask .task .electricity-table th,
.formlistmain .taskbox .quartertask .task .electricity-table td {
    border: 1px solid rgba(233, 212, 129, 0.56);
}

.formlistmain .taskbox .quartertask .task .electricity-table {
    box-shadow: 0 0 0 0.5px rgba(233, 212, 129, 0.56);
}

.formlistmain .taskbox .quartertask .task .electricity-table tr td:nth-child(4) {
    font-weight: 400;
    font-size: 14px;
    color: #FF0000;
}


.formlistmain .taskbox .yeartask {
    width: 100%;
}

.formlistmain .taskbox .yeartask h1 {
    font-weight: bold;
    font-size: 16px;
    color: #1A1A1A;
}

.formlistmain .taskbox .yeartask .task {
    width: 100%;
    margin-bottom: 15px;
}

.formlistmain .taskbox .yeartask .task .electricity-table th {
    background: linear-gradient(180deg, #E3FBF3 0%, #FFFFFF 99%);
    font-weight: 500;
    font-size: 15px;
    color: #00915F;
}

.formlistmain .taskbox .yeartask .task .electricity-table th,
.formlistmain .taskbox .yeartask .task .electricity-table td {
    border: 1px solid rgba(0, 145, 95, 0.4);
}

.formlistmain .taskbox .yeartask .task .electricity-table {
    box-shadow: 0 0 0 0.5px rgba(0, 145, 95, 0.4);
}

.formlistmain .taskbox .yeartask .task .electricity-table tr td:nth-child(4) {
    font-weight: 400;
    font-size: 14px;
    color: #FF0000;
}

.Visitreminder {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.Visitreminder .box {}


.Visitreminder .box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.Visitreminder .box h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    padding-right: 30px;
    box-sizing: border-box;
}

.Visitreminder .box h1 .individual {
    color: #077CFF;
}

.Visitreminder .box h1 span {
    font-weight: 500;
    font-size: 17px;
    color: #FE9402;
}

.Visitreminder .box>div>div {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}
.Visitreminder .box>div>div p:first-child{
   flex-shrink: 0;
}
.Visitreminder .box>div>div div {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.Visitreminder .box>div>div div p {
    text-wrap: nowrap;
    flex-shrink: 0;
}

.Visitreminder .box>div div img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-top: 5px;
}

.Visitreminder .box>div div p:first-child {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    text-wrap: nowrap;
}
.Visitreminder .box>div div>p:nth-child(2) {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    text-wrap: nowrap;
}

.Visitreminder .box>div div p:last-child {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    text-wrap: wrap !important;
}

.Visitreminder .box .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #F7F7F7;
    margin-top: 10px;
}

.Visitreminder .box .bot>div {
    height: 35px;
    padding: 0 8px !important;
    box-sizing: border-box;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 25px !important;
    margin-left: 6px;
    margin-top: 10px;
}

.Visitreminder .box .bot div:first-child {
    margin-left: 0;
}

.Visitreminder .box .bot .code {
    color: #02A281;
    border: 1px solid #02A281;
}

.Visitreminder .box .bot .correlation {
    color: #FF9200;
    border: 1px solid #FF9200;
}

.Visitreminder .box .bot .edit {
    color: #077CFF;
    border: 1px solid #077CFF
}

.Visitreminder .box .bot .look {
    color: #FFFFFF;
    background: linear-gradient(180deg, #388FF0 0%, #077CFF 100%);
}

.Visitreminder .box .tag {
    width: 58px;
    height: 58px;
    background: url("../images/icon123.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
}

.Visitreminder .box .tag p {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    transform: rotate(45deg);
    padding-top: 5px;
    box-sizing: border-box;
}


.Visitreminder .box .bot .invitationcode {
    color: #FF9200;
    border: 1px solid #FF9200;
}

.Visitreminder .box .bot .checkincode {
    color: #077CFF;
    border: 1px solid #077CFF
}


/* 个人中心 */
.userPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #F6F6F6;
}

.userPage::-webkit-scrollbar {
    display: none;
}

.userPage .usersrc {
    width: 100%;
    background: url("../images/icon124.png") no-repeat top;
    background-size: 100% 210px;
    padding: 35px 15px;
    box-sizing: border-box;

}

.userPage .usersrc .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.userPage .usersrc .head {
    width: 65px;
    height: 65px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.userPage .usersrc .head img {
    width: 100%;
    height: 100%;
    display: block;
}

.userPage .usersrc .center {
    flex: 1;
}

.userPage .usersrc .center h1 {
    font-weight: bold;
    font-size: 25px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.userPage .usersrc .center div {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.userPage .usersrc .center div img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.userPage .usersrc .Settings {
    width: 70px;
}

.userPage .usersrc .workachievement,.indexPage .indexpage .workachievement {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.userPage .usersrc .workachievement .worktop,.indexPage .indexpage .workachievement .worktop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.userPage .usersrc .workachievement .worktop h1 ,.indexPage .indexpage .workachievement .worktop h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.userPage .usersrc .workachievement .worktop h1::before,.indexPage .indexpage .workachievement .worktop h1::before {
    width: 4px;
    height: 15px;
    background: #077CFF;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.userPage .usersrc .workachievement .worktop .look,.indexPage .indexpage .workachievement .worktop .look {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
    display: flex;
    align-items: center;
}

.userPage .usersrc .workachievement .worktop .look img ,.indexPage .indexpage .workachievement .worktop .look img{
    width: 12px;
    height: 12px;
}

.userPage .usersrc .workachievement .workbox ,.indexPage .indexpage .workachievement .workbox{
    width: 100%;
    background: linear-gradient(180deg, #7BB6FF 1%, #96C5FE 28%, #F0F7FF 100%);
    box-shadow: 0px 1px 3px 0px rgba(196, 196, 196, 0.1);
    border-radius: 10px;
}

.userPage .usersrc .workachievement .workbox .tab,.indexPage .indexpage .workachievement .workbox .tab  {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.userPage .usersrc .workachievement .workbox .tab div ,.indexPage .indexpage .workachievement .workbox .tab div {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.userPage .usersrc .workachievement .workbox .tab div.active ,.indexPage .indexpage .workachievement .workbox .tab div.active{
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #077CFF;
}

.userPage .usersrc .workachievement .workbox .tab div:nth-child(1).active::after,.indexPage .indexpage .workachievement .workbox .tab div:nth-child(1).active::after {
    width: 100%;
    height: 32px;
    content: "";
    position: absolute;
    left: 0;
    background: url("../images/icon129.png") no-repeat center;
    background-size: 110% 100%;
    top: 0;
    z-index: 1;
}

.userPage .usersrc .workachievement .workbox .tab div:nth-child(2).active::after,.indexPage .indexpage .workachievement .workbox .tab div:nth-child(2).active::after  {
    width: 100%;
    height: 32px;
    content: "";
    position: absolute;
    left: 0;
    background: url("../images/icon130.png") no-repeat center;
    background-size: 100% 100%;
    top: 0;
    z-index: 1;
}

.userPage .usersrc .workachievement .workbox .tab div:nth-child(3).active::after,.indexPage .indexpage .workachievement .workbox .tab div:nth-child(3).active::after {
    width: 100%;
    height: 32px;
    content: "";
    position: absolute;
    right: 0;
    background: url("../images/icon131.png") no-repeat center;
    background-size: 110% 100%;
    top: 0;
    z-index: 1;
}

.userPage .usersrc .workachievement .workbox .tab div.active p ,.indexPage .indexpage .workachievement .workbox .tab div.active p {
    position: relative;
    z-index: 2;
}

.userPage .usersrc .workachievement .workbox .box,.indexPage .indexpage .workachievement .workbox .box {
    width: 100%;
    background: #F3F8FF;
    border-radius: 0px 10px 10px 10px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    margin-top: -1px;
}
.userPage .usersrc .workachievement .workbox>.box,.indexPage .indexpage .workachievement .workbox>.box{
    max-height: 420px;
    overflow-y: scroll;
}
.indexPage .indexpage .workachievement .workbox .box {
    width: 100%;
    background: #F3F8FF;
    border-radius: 0px 10px 10px 10px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;

    box-shadow: none;
}
.userPage .usersrc .workachievement .workbox .box .electricity-table ,.indexPage .indexpage .workachievement .workbox .box .electricity-table {
    background: #fff;
    margin-top: 0;
}

.userPage .usersrc .workachievement .workbox .box .electricity-table th,.indexPage .indexpage .workachievement .workbox .box .electricity-table th  {
    background: linear-gradient(180deg, #E3F0FF 0%, #FFFFFF 99%);
    font-weight: 600;
    font-size: 14px;
    color: #077CFF;
}
.indexPage .indexpage .workachievement .workbox .box tr td span:nth-child(1){
    font-size: 16px;
    color: #077CFF;font-weight: bold;
    margin-right:5px;
}
.userPage .usersrc .workachievement .workbox .box .electricity-table th .t,.indexPage .indexpage .workachievement .workbox .box .electricity-table th .t {
    font-weight: 400;
    font-size: 11px;
    color: #808EA6;
}

.userPage .usersrc .workachievement .workbox .box .electricity-table tr td,.indexPage .indexpage .workachievement .workbox .box .electricity-table tr td {
    font-weight: 400;
    font-size: 12px;
    color: #666666;
}

.userPage .usersrc .workachievement .workbox .box .electricity-table tr td:nth-child(1),.indexPage .indexpage .workachievement .workbox .box .electricity-table tr td:nth-child(1) {
    font-weight: bold;
    font-size: 12px;
    color: #1A1A1A;
}
.indexPage .indexpage .item{
    width: 100%;
    display: none;
}
.indexPage .indexpage .item.dis{
    display: block;
}
.indexPage .indexpage .item .tishi{
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.workResultsPage .workResultssrc .item .tishi{
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.userPage .usersrc .item .tishi{
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.userPage .usersrc .myattendance {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.userPage .usersrc .myattendance .worktop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.userPage .usersrc .myattendance .worktop h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.userPage .usersrc .myattendance .worktop h1::before {
    width: 4px;
    height: 15px;
    background: #077CFF;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.userPage .usersrc .myattendance .worktop>div {
    display: flex;
    align-items: center;
}

.userPage .usersrc .myattendance .worktop>div p {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.userPage .usersrc .myattendance .worktop>div div {
    height: 20px;
    border-radius: 5px;
    border: 1px solid #00B97E;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px;
    color: #00B97E;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userPage .usersrc .myattendance .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userPage .usersrc .myattendance .box>div {
    width: 30%;
    height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F3F4F8;
    border-radius: 8px;
    justify-content: center;
}

.userPage .usersrc .myattendance .box>div img {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
}

.userPage .usersrc .myattendance .box>div h2 {
    font-weight: bold;
    font-size: 15px;
    color: #1A1A1A;
    margin-bottom: 5px;
}

.userPage .usersrc .myattendance .box>div p {
    font-weight: 400;
    font-size: 13px;
    color: #666666;
}

.userPage .usersrc .morefunction {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
}

.userPage .usersrc .morefunction h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.userPage .usersrc .morefunction h1::before {
    width: 4px;
    height: 15px;
    background: #077CFF;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.userPage .usersrc .morefunction .function {
    width: 100%;
}

.userPage .usersrc .morefunction .function>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.userPage .usersrc .morefunction .function>div:last-child {
    margin-bottom: 0;
}

.userPage .usersrc .morefunction .function>div div {
    display: flex;
    align-items: center;
}

.userPage .usersrc .morefunction .function>div .left img {
    width: 25px;
    height: 25px;
    margin-right: 7px;
}

.userPage .usersrc .morefunction .function>div .left p {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.userPage .usersrc .morefunction .function>div .right img {
    width: 18px;
    height: 18px;
}

.userPage .usersrc .exitsystem {
    width: 100%;
    height: 44px;
    border-radius: 25px;
    border: 1px solid #929496;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A;
    margin: 25px 0 100px 0;
}

/* 工作成果*/
.workachievementsPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.workachievementsPage::-webkit-scrollbar {
    display: none;
}

.workachievementsPage .workachievementssrc {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: url("../images/icon1.png") no-repeat top;
    background-size: 100% 143px;
}

.workachievementsPage .workachievementssrc .top {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
}

.workachievementsPage .workachievementssrc .top .back {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 10px;
}

.workachievementsPage .workachievementssrc .top h1 {
    font-weight: 700;
    font-size: 28px;
    color: #F5F6FA;
}

.workachievementsPage .workachievementssrc .hengxian {
    width: 100%;
}

.workachievementsPage .workachievementssrc .workachieve {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;

    margin-top: -10px;
    position: relative;
    z-index: 2;
}

.workachievementsPage .workachievementssrc .workachieve .achievements {
    padding: 3px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 10px;
}

.workachievementsPage .workachievementssrc .workachieve .achievements .box {
    width: 100%;
    background: linear-gradient(180deg, rgba(7, 124, 255, 0.06) 0%, rgba(7, 124, 255, 0) 100%);
    border-radius: 5px 5px 0px 0px;
    background-size: 100% 38px;
    background-repeat: no-repeat;
    padding: 15px 10px;
    box-sizing: border-box;
}

.workachievementsPage .workachievementssrc .workachieve .achievements .box h2 {
    font-size: 14px;
    color: #3D3D3D;
    font-weight: 500;
    margin-bottom: 15px;
}

.workachievementsPage .workachievementssrc .workachieve .achievements .box h2 span {
    color: #077CFF;
}

.workachievementsPage .worktable {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #E1E6ED;
    border-radius: 5px;
}

.workachievementsPage .worktable .left {
    width: 65px;
    background: #F1F7FE;
    font-weight: bold;
}

.workachievementsPage .worktable .left a {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
}

.workachievementsPage .worktable .left div:first-child {
    height: 80px;
}

.workachievementsPage .worktable .left div {
    border: 1px solid #E1E6ED;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.workachievementsPage .worktable .left div:nth-child(8) {
    font-weight: bold;
    font-size: 15px;
    color: rgba(255, 0, 0, 0.5);
}
.workachievementsPage .worktable .left div:nth-child(9) {
    font-weight: bold;
    font-size: 15px;
    color: #FF7816;
}

.workachievementsPage .worktable .right {
    flex: 1;
    overflow-x: scroll;
}

.workachievementsPage .worktable .right::-webkit-scrollbar {
    display: none;
}

.workachievementsPage .worktable .right .Pleaselead {
    display: flex;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox h2 {
    font-weight: bold;
    font-size: 15px;
    color: #2A394D;
    margin-bottom: 0;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E1E6ED;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox h2 span {
    font-size: 12px;
    color: #2A394D;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lendtop {
    height: 82px;
    background: #F1F7FE;
    /* border: 1px solid #E1E6ED; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lendtop .cp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lendtop .cp>div {
    width: 85px;
    height: 40px;
    background: #F1F7FE;
    border: 1px solid #E1E6ED;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: bold;
    color: #2A394D;
    font-size: 12px;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lead {
    display: flex;
    justify-content: space-between;
}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lead ul {}

.workachievementsPage .worktable .right .Pleaselead .leadbox .lead ul li {
    width: 85px;
    height: 40px;
    border: 1px solid #E1E6ED;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: bold;
    font-size: 15px;
    color: #2A394D;
}
.workachievementsPage .worktable .right .Pleaselead .leadbox .lead ul li:nth-child(7) {
    font-weight: bold;
    font-size: 15px;
    color: rgba(255, 0, 0, 0.5);
}
.workachievementsPage .worktable .right .Pleaselead .leadbox .lead ul li:nth-child(8) {
    font-weight: bold;
    font-size: 15px;
    color: #FF7816;
}

/* 赋能点评列表 */
.empowermentlistbox {
    width: 100%;
    height: calc(100vh - 165px);
    overflow-y: scroll;
}

.empowermentlistbox .defaultbox {
    width: 100%;
    height: calc(100vh - 270px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.empowermentlistbox .defaultbox img {
    width: 60%;
}

.empowermentlistbox .defaultbox p {
    color: #999;
    font-size: 14px;
}

.empowermentlistbox .item {
    display: none;
    height: calc(100vh - 170px);
    overflow-y: scroll;
}

.empowermentlistbox .item.dis {
    display: block;
}

.empowermentlistbox .empowermentlist {
    margin-bottom: 100px;
}

.empowermentlistbox::-webkit-scrollbar {
    display: none;
}

.empowermentlistbox .box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 10px 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.empowermentlistbox .box .tag2 {
    width: 50px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 0;
}

.empowermentlistbox .box h1 {
    width: 82%;
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.empowermentlistbox .box .flex {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.empowermentlistbox .box .flex .l {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.empowermentlistbox .box .flex .l img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.empowermentlistbox .box .flex .l p {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}

.empowermentlistbox .box .flex .r {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.empowermentlistbox .box .viewbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    box-sizing: border-box;
    border-top: 1px solid #EDF0F4;
}

.empowermentlistbox .box .viewbox p {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.empowermentlistbox .box .viewbox img {
    width: 15px;
    height: 15px;
}

/* 赋能点评详情 */
.empowermentPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.empowermentPage::-webkit-scrollbar {
    display: none;
}

.empowermentPage .empowermentsrc {
    width: 100%;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}

.empowermentPage .empowermentsrc .emtop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/icon114.png") no-repeat center;
    background-size: 100% 100%;
    height: 65px;
    position: relative;
}

.empowermentPage .empowermentsrc .emtop img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
}

.empowermentPage .empowermentsrc .emtop h1 {
    font-weight: bold;
    font-size: 21px;
    color: #F0F1F4;
}

.empowermentPage .empowermentsrc .guanlian {
    width: 100%;
}

.empowermentPage .empowermentsrc h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    margin: 15px 0;
}

.empowermentPage .empowermentsrc h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 15px;
    background: #077CFF;
    border-radius: 10px;
}

.empowermentPage .empowermentsrc .guanlian .box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(196, 196, 196, 0.05);
    border-radius: 10px;
    padding: 15px 10px 0 10px;
    box-sizing: border-box;
    position: relative;
}

.empowermentPage .empowermentsrc .guanlian .box h2 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    width: 86%;

}



.empowermentPage .empowermentsrc .box h2 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.empowermentPage .empowermentsrc .box .flex {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.empowermentPage .empowermentsrc .box .flex .l {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.empowermentPage .empowermentsrc .flex .l img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.empowermentPage .empowermentsrc .box .flex .l p {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
}

.empowermentPage .empowermentsrc .box .flex .r {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
}

.empowermentPage .empowermentsrc .box .viewbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    box-sizing: border-box;
    border-top: 1px solid #EDF0F4;
}

.empowermentPage .empowermentsrc .box .viewbox p {
    font-weight: 400;
    font-size: 15px;
    color: #077CFF;
}

.empowermentPage .empowermentsrc .box .viewbox img {
    width: 15px;
    height: 15px;
}


.empowermentPage .empowermentsrc .reviewbox {}

.empowermentPage .empowermentsrc .reviewbox .review {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(197, 197, 197, 0.3);
    border-radius: 15px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.empowermentPage .directorreview {
    width: 100%;
    border-bottom: 1px dotted #FF4243;

}

.empowermentPage .directorreview .headbox {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;

}

.empowermentPage .directorreview .headbox .head {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin-right: 10px;
}

.empowermentPage .directorreview .headbox>div h3 {
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    margin-bottom: 8px;
}

.empowermentPage .directorreview .headbox>div div {
    display: flex;
    align-items: center;
}

.empowermentPage .directorreview .headbox>div div p {
    font-weight: 300;
    font-size: 14px;
    color: #777777;
}

.empowermentPage .directorreview .headbox>div div p:first-child {
    margin-right: 20px;
}

.empowermentPage .directorreview .content p {
    font-weight: 400;
    font-size: 17px;
    color: #1A1A1A;
    text-wrap: wrap;
    word-break: break-all;
    margin-bottom: 8px;
}

.empowermentPage .directorreview .content img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.empowermentPage .replyboxsrc {
    height: 260px;
    border-bottom: 1px dotted #FF4243;
    overflow-y: scroll;
}

.empowermentPage .replybox {
    height: 260px;
    border-bottom: 1px dotted #FF4243;
    overflow-y: scroll;

}




/* 消息通知、操作说明 */

.messagePage {
    width: 100%;
    height: 100vh;
    background: url("../images/icon1.png") no-repeat top;
    background-size: 100% 150px;
    padding: 3vw 3vw 0;
    box-sizing: border-box;
}

.messagePage .messagePagetop {
    width: 100%;
    display: flex;
}

.messagePage .messagePagetop img {
    width: 46px;
    height: 46px;
    margin-top: 5px;
}

.messagePage .searchbox {
    flex: 1;
    height: 45px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 22px;
    justify-content: space-between;
    margin-bottom: 19px;
}

.messagePage .searchbox input {
    width: 80%;
    font-size: 16px;
}

.messagePage .searchbox input::placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #848484;
}

.messagePage .searchbox .search {
    width: 23px;
    height: 23px;
    display: block;
    margin-top: 0 !important;
}

.messagePage .formlistmain {
    width: 100%;
    height: calc(100vh - 76px);
    padding-bottom: 12vh;
    box-sizing: border-box;
    background: linear-gradient(180deg, #DFF0FF 0%, #FFFFFF 6%);
    box-shadow: 0px 4px 12px 0px rgba(56, 143, 240, 0.3);
    border-radius: 20px 20px 0 0;
}

.messagePage .formlistmain .formlisttab {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.messagePage .formlistmain .formlisttab>div {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 35px;
    width: 50%;
    justify-content: center;
    position: relative;
    z-index: 100;
}

.messagePage .formlistmain .formlisttab>div img {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 5px;
    display: none;
}

.messagePage .formlistmain .formlisttab>div:nth-child(1).active img {
    display: block !important;
}

.messagePage .formlistmain .formlisttab>div:nth-child(2).active img {
    display: block !important;
}

.messagePage .formlistmain .formlisttab>div:nth-child(1).active {
    background: url("../images/icon144.png") no-repeat center;
    background-size: 100% 54px;
    width: 60%;
    height: 54px;
    position: relative;
    top: -8px;
    color: #333333;
    font-weight: bold;
    padding-right: 7%;
    box-sizing: border-box;
}

.messagePage .formlistmain .formlisttab>div:nth-child(2).active {
    background: url("../images/icon145.png") no-repeat center;
    background-size: 100% 54px;
    width: 60%;
    height: 54px;
    position: relative;
    top: -8px;
    color: #333333;
    font-weight: bold;
    padding-left: 6%;
    box-sizing: border-box;
}

.messagePage .formlistmain .formlisttab>div.active::after {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 40%;
    background: rgba(56, 143, 240, 1);
    border-radius: 2px;
    height: 3px;
}

.messagePage .sidebar {
    width: 27%;
    height: 80vh;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.messagePage .sidebar::-webkit-scrollbar {
    display: none;
}

.messagePage .sidebar ul::-webkit-scrollbar {
    display: none;
}

.messagePage .sidebar::before {
    position: absolute;
    right: 0;
    width: 10px;
    height: 100%;
    background: linear-gradient(270deg, rgba(170, 210, 222, 0.20) 0%, rgba(170, 210, 222, 0) 100%);
    content: "";
    z-index: 100;
}

.messagePage .sidebar::-webkit-scrollbar {
    display: none;
}

.messagePage .category {
    padding: 25px 15px;
    cursor: pointer;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    z-index: 10;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
    background: rgba(210, 233, 255, 0.4);
    font-size: 14px;
}

.messagePage .huise {
    width: 100%;
    height: 62vh;
    background: rgba(210, 233, 255, 0.4);
}

.messagePage .category.active {
    background-color: #ffffff;
    color: rgba(56, 143, 240, 1);
    font-weight: bold !important;
    border-bottom: 1px solid transparent !important;
}

.messagePage .category.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #388FF0;
    width: 5px;
    height: 18px;
    border-radius: 3px;
}

.messagePage .category.prev {
    border-bottom: 1px solid transparent !important;
    border-radius: 0 0 20px 0;
}

.messagePage .ra {
    border-radius: 0 20px 0px 0 !important;
}

.messagePage .formlistitem {
    display: none;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(230.00000149011612, 243.00000071525574, 254.00000005960464, 1), rgba(230.00000149011612, 243.00000071525574, 254.00000005960464, 0)) 1 1;
}

.messagePage .formlistitem.dis {
    display: flex;
}

.messagePage .sideright {
    height: calc(100vh - 134px);
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    z-index: 9;
    box-sizing: border-box;
    position: relative;
    padding: 5px 5px 0;
    box-sizing: border-box;
    flex: 1;
    overflow-x: hidden;
}

.formlistbox {
    padding: 0 5px;
    box-sizing: border-box;
}

.messagePage .weidu {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E45E50;
}

.messagePage .sideright .item {
    height: 100%;
}

.messagePage .sideright::-webkit-scrollbar {
    display: none;
}

.messagePage .box {
    width: 100%;
    background-size: 100% 100%;
    box-shadow: 0px 2px 5px 0px rgba(45, 110, 189, 0.2);
    border-radius: 20px 20px 20px 20px;
    padding: 13px 0px 4px;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.messagePage .box:last-child {
    margin-bottom: 0;
}

.messagePage .box .h1 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
}

.messagePage .box .h1 img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.messagePage .box .h1 h1 {
    max-width: 95%;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;  
}
.unread{
    width: 8px !important;
    height: 8px !important;
  border-radius: 50%;
  background: red;
  margin-left: 3px;
  position: absolute;
  right: 5px;
  top: 10px;
}
.messagePage .box .h1 .unread{
    width: 8px !important;
    height: 8px !important;
  border-radius: 50%;
  background: red;
  margin-left: 3px;
  position: sticky !important;
}

.messagePage .box>div {
    display: flex;
    align-items: center;
    padding: 0 10px 10px;
}

.messagePage .box>div img {
    width: 17px;
    height: 17px;
}

.messagePage .box p {
    font-weight: 400;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.formlistitem .box .look {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(216, 216, 216, 0.60);
    padding: 0 10px;
    box-sizing: border-box;
}

.messagePage .box .look div {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.messagePage .box .look span {
    font-weight: bold;
    font-size: 16px;
    color: #388FF0;
}

.messagePage .box .look>div:nth-child(1) img {
    margin-left: 0;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.messagePage .box .look img {
    width: 21px;
    height: 21px;
    margin-left: 10px;
}

.messagePage .item {
    display: none;
}

.messagePage .item.dis {
    display: block;
}

.messagePage .onepage {
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: justify;
    padding-bottom: 14vh;
    box-sizing: border-box;
}

.messagePage .onepage img {
    max-width: 96%;
    margin-left: 2.5%;
    margin-bottom: 15px;
}

.messagePage .onepage h2 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 5px;
}

.messagePage .onepage .zhuyi {
    padding-bottom: 10px;
    box-sizing: border-box;
    position: relative;
}

.messagePage .onepage .zhuyi::after {
    width: 160%;
    position: absolute;
    left: -10px;
    bottom: 0;
    height: 1px;
    background: #D2D2D2;
    content: "";
}

.messagePage .onepage .zhuyi p {
    margin-bottom: 5px;
    padding: 0 12px;
    box-sizing: border-box;
}

.messagePage .onepage .onepagexq {
    padding: 12px 0;
    box-sizing: border-box;
}

.messagePage .onepage .onepagexq p {
    margin-bottom: 20px;
}

.messagePage .default {
    width: 100%;
    height: 70vh;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.default img {
    width: 60%;
    height: auto !important;
}

.messagePage .default img {
    width: 70%;
    margin-top: -8vh;
}

.messagePage .default p {
    font-weight: 500;
    font-size: 16px;
    color: #999999;
    margin-top: 0;
}
.default p{
    margin-top:  0 !important;
}
.default img{
    width: 60% !important;
}


.detailsmain {
    width: 94vw;
    margin: 0 3vw;
    box-sizing: border-box;
    text-align: justify;
    box-sizing: border-box;
    height: calc(100vh - 80px);
    overflow-y: scroll;
    padding-top: 50px;
}

.detailsmain::-webkit-scrollbar {
    display: none;
}

.detailsmain .title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 6vw;
    margin-top: -2vw;
    margin-bottom: 2vw;
    letter-spacing: 0.3vw;


}

.information_top {
    width: 100%;
    background-color: #ffffff;
    font-size: 3.8vw;
    font-weight: 400;
    color: #666666;
    padding: 3vw;
    box-sizing: border-box;
    margin-bottom: 3vw;
    position: fixed;
    top: 0;
    z-index: 100;
}

.information_top .back,
.information_top .back2 {
    width: 20vw;
    display: flex;
    align-items: center;
    height: 16px;
}

.information_top .back span {
    line-height: 0;
}

.information_top img {
    width: 12px;
}

.detailsmain .time4 {
    font-size: 14px;
    color: #999999;
    line-height: 6vw;
    margin-bottom: 3vw;
    text-align: center;

}

.detailsmain .identification {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.detailsmain .identification div {
    display: flex;
    align-items: flex-start;
    margin-right: 15px;

}
.detailsmain .identification div:last-child{
    margin-right: 0;
}
.detailsmain .identification div img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: 2px;
}

.detailsmain .identification div p {
    font-weight: 400;
    font-size: 15px;
    color: #999999;
    line-height: 21px;
}
.detailsmain .identification div p:nth-child(2){
    flex-shrink: 0;
}
.detailsmain .con p {

    font-size: 14px !important;

    font-weight: 400 !important;
    color: #666666 !important;
    line-height: 7vw;
    text-indent: 2em;
    margin-bottom: 20px;
    position: relative !important;
   left: 0;
    top: 0 !important;
}

.detailsmain img {
    max-width: 100%;
    margin: 0 auto;
}


.yuedu {
    width: 80%;
    height: 45px;
    background: #077CFF;
    box-shadow: 0px 2px 8px 0px rgba(39, 216, 139, 0.1);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 0;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 50px;


}

.yuedu.end {
    background: #2461EE;
    box-shadow: 0px 2px 8px 0px rgba(36, 97, 238, 0.2);
}


.lookrecords {
    width: 80%;
    margin: 0 auto;
    height: 45px;
    border-radius: 25px;
    border: 1px solid rgba(255, 118, 18, 1);
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    color: #FF7612;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 80px;
    line-height: 0;
    background: rgba(255, 118, 18, 0.20);
}


/* 查阅记录 */

.userbox {
    width: 100%;
    height: 100vh;
    background: #F9F9F9;
}

::-webkit-scrollbar {
    display: none;
}

.indexsrc {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-bottom: 30vw;
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    box-sizing: border-box;
}

.indexsrc .yewubox {
    width: 100%;
    height: 90vh;
    padding-bottom: 12vh;
    box-sizing: border-box;
    /* background: linear-gradient(180deg, #DFF0FF 0%, #FFFFFF 6%); */
    border-radius: 20px 20px 0 0;
}

.indexsrc .yewutab {
    display: none !important;
}

.indexsrc .yewutab.dis {
    display: block !important;

}

.indexsrc .defaultbox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.indexsrc .defaultbox img {
    width: 70%;
    margin-top: -4vh;
}

.indexsrc .defaultbox p {
    font-weight: 500;
    font-size: 15px;
    color: #999999;
}

.responsibilitytop {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 30px;
}
.clear {
    width: 20px !important;
    height: 20px !important;
}
.responsibilitytop .clear {
    width: 20px !important;
    height: 20px !important;
    right: 70px !important;
    top: 28px !important;
}

.responsibilitytop .search {
    width: 100%;
    height: 65px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative;
}

.responsibilitytop .search input {
    width: 100%;
    height: 100%;
    background: #F9F9F9 !important;
    border-radius: 45px 45px 45px 45px;
    padding-left: 15px;
    padding-right: 90px;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 17px;
}

.responsibilitytop .search img {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 25px;
}


.responsibilitytop p {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    border-right: 1px solid #fff;
    padding-right: 5px;
    box-sizing: border-box;
    margin-right: 5px;
    line-height: 20px;
}

.responsibilitytop .search {
    padding-left: 0;
}

.responsibilitytop .tab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.responsibilitytop .tab div {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    display: flex;
    align-items: center;
}

.responsibilitytop .tab div.active {
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    position: relative;

}

.responsibilitytop .tab div.active::after {
    width: 34px;
    height: 3px;
    border-radius: 2px;
    background: #2461EE;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.responsibilitytop .tab div img {
    width: 23px;
    margin-left: 3px;
}

.lookrecordsbox {
    width: 100%;
    height: calc(100vh - 160px);
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 15px;
    padding-bottom: 0;

}

.lookrecordsbox .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    padding-bottom: 14px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.lookrecordsbox .box .left {}

.lookrecordsbox .box .left h1 {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 5px;

}

.lookrecordsbox .box .left h1::before {
    width: 3px;
    height: 13px;
    background: #2461EE;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
}

.lookrecordsbox .box .left p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.lookrecordsbox .box .right {
    height: 24px;
    background: #1EC67D;
    border-radius: 3px;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    padding: 0 5px;
    box-sizing: border-box;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 反馈码 */

.feedbackcodePage {
    width: 100%;
    height: 100vh;
    background: url("../images/icon151.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0 30px;
    padding-top: 30vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;

}

.feedbackcodePage .back {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.feedbackcodePage .title {
    text-align: center;
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 26px;
    text-shadow: 0px 1px 2px rgba(64, 130, 226, 0.09);
    text-stroke: 1px #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    background: linear-gradient(90deg, #44A5FF 0%, #147EFF 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feedbackcodePage .feedbackcodebox {
    width: 90vw;
    height: 96vw;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    background: url("../images/icon164.png") no-repeat center;
    background-size: 100% 100%;
}

.feedbackcodePage .feedbackcodebox .youhua {
    width: 14px;
    position: absolute;
    right: -6vw;
    top: 50%;
    transform: translateY(-50%);
}

.feedbackcodePage .feedbackcodebox {
    width: 100%;
    height: 96vw;
    margin-bottom: 10px;

}


.feedbackcodePage .feedbackcodebox #banner {
    width: 100%;
    box-sizing: border-box;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}

.feedbackcodePage #banner .swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.feedbackcodePage #banner .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0vw;
    top: 0px;
    border-radius: 5px;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;

}

.feedbackcodePage .feedbackcodebox h2 {
    font-weight: 800;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom:3vh;
}

.feedbackcodePage #banner .swiper-container .swiper-slide img {
    width: 58vw;
    height:58vw;
    /* margin-bottom: 3vh; */
}

.feedbackcodePage .swiper-container .swiper-slide p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    text-align: center;
}















.toolbar .picker-button {
    color: #077CFF !important;
    margin-right: 3vw !important;
}

.weui-picker-modal .picker-item {
    font-size: 16px !important;
    text-align: center !important;
}

.toolbar .title {
    font-size: 16px !important;
}

.visitrecordlistbox .defaultbox {
    width: 100%;
    height: calc(100vh - 270px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.visitrecordlistbox .defaultbox img {
    width: 60%;
}

.visitrecordlistbox .defaultbox p {
    color: #999;
    font-size: 14px;
}

.visitrecordlistbox .item {
    display: none;
    height: calc(100vh - 180px);
    overflow-y: scroll;
}

.visitrecordlistbox .item.dis {
    display: block;
}

.invitationLetter .back {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.golook {
    font-weight: bold;
    color: rgba(255, 0, 0, 1);
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.ymwarning {
    width: 100%;
    margin-bottom: 60px;
}

.ymwarning div {
    display: flex;
    border-bottom: 1px solid #E1E6ED;
    padding: 15px 0;
    box-sizing: border-box;
    align-items: center;
    flex-wrap: wrap;
    line-height: 24px;

}

.ymwarning div span {
    color: #FF3D4C;
}



.exitlary {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
}

.exitlary .exitbox {
    width: 74vw;
    background-color: #ffffff;
    border-radius: 14px;
    transform: translateY(-40%);
}

.exitlary .exitbox .top {
    text-align: center;
    color: #333333;
    font-size: 4.5vw;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0;
    box-sizing: border-box;
}

.exitlary .exitbox .top img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 5px;
}

.exitlary .exitbox .top h1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

.exitlary .exitbox p {
    display: inline-block;
    font-weight: 400;
    font-size: 17px;
    color: #666666;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.exitlary .exitbox .operate {
    border-top: 0.5px solid #e5e5e5c0;
    height: 14vw;
    line-height: 14vw;
    display: flex;
    justify-content: space-between;
}

.exitlary .exitbox .operate button,
.exitlary .exitbox .operate a {
    height: 14vw;
    width: 50%;
    margin: 0;
    line-height: 14vw;
    background-color: transparent;
    border-radius: 0;
    font-size: 4.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exitlary .exitbox .operate button:first-child {
    border-right: 1px solid #f0ededad;
    color: #999999;
}

.exitlary .exitbox .operate .exit {
    color: #077CFF;
    font-weight: bold;
}



/* 修改信息 */

.informationbox {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    top: 0;
}

.informationbox ::-webkit-scrollbar {
    display: none;
}

.usersrc2 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 3vw;
    padding-top: 50px;
    box-sizing: border-box;
}


.usersrc2 .user {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(56, 143, 240, 0.16);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 18px 13px;
    margin-bottom: 10px;
}

.usersrc2 .user>div {
    position: relative;
    display: flex;
    padding: 20.5px 0 20px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px dotted transparent;
    border-image: repeating-linear-gradient(90deg, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 3px, transparent 3px, transparent 8px) 1 stretch;
}

.usersrc2 .user>div p {

    font-weight: bold;
    font-size: 14px;
    color: #3D3D3D;
}

.usersrc2 .user>div .addImg {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin: 1vw 0;
}

.usersrc2 .user>div .addImg img {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    margin-top: 0 !important;
}

.file-upload {
    display: none !important;
}

.usersrc2 .user>div input {
    text-align: right;
    width: 90vw;
    padding-left: 20vw;
    box-sizing: border-box;
    position: absolute;
    right: 0vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.usersrc2 .user>div .xingbie {
    display: flex;
    align-items: center;
}

.usersrc2 .user>div .xingbie>div {
    width: 38px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #077CFF;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #077CFF;
    margin-left: 10px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.usersrc2 .user>div .xingbie>div.active {
    background: #077CFF;
    color: #fff;
}

.baocun {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-align: center;
    background: #077CFF;
    border-radius: 10px;

    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 30px;
}

.backbox2>div {
    display: flex;
    align-items: center;
}

.backbox2 {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    background: #ffffff;
    padding: 0 15px;
    box-sizing: border-box;
    justify-content: flex-start;
}

.backbox2 img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-top: -1px;

}

.backbox2 p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 0;
}



.user-input {


    width: 100%;
    box-shadow: 0 0 10px 5px rgba(234, 234, 234, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 3vw;
    box-sizing: border-box;
    z-index: 100;
}

.user-input .textbox {
    padding-left: 4vw;
    padding-right: 3vw;
    width: 62vw;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #E7E7E7;
    display: flex;
    align-items: center;
}

.user-input .textbox input {
    width: 100%;
    outline: none;
    border: none;
    background: transparent;
    font-size: 3.6vw;
    opacity: 1;
    height: 6vw;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.user-input #message-input::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}


.user-input input::placeholder {
    font-weight: 400;
    color: #9AA4B8;
    font-size: 3.8vw;
}

.user-input textarea::placeholder {
    font-weight: 400;
    color: #9AA4B8;
    font-size: 3.8vw;
    line-height: 5vw;
}

.user-input img {
    width: 11vw;
    height: 11vw;
    border-radius: 50%;
    background-color: transparent;
    flex-shrink: 0;
    margin-left: 10px;
}

.reviewbox .received {
    width: 100%;
    display: flex;
    justify-content: first baseline;
    margin-bottom: 3vw;
    margin-top: 3vw;

}

.reviewbox .received .headImg {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
}


.reviewbox .send {
    width: 100%;
    display: flex;
    justify-content: right;
    margin-bottom: 3vw;
    margin-top: 3vw;
}

.reviewbox .send .headImg {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
}

.reviewbox .send>div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 2vw;
}

.reviewbox .send>div p {
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    margin-bottom: 5px;
}

.reviewbox .send>div>div {
    background: #4795F3;
    color: #333333;

    background: rgba(7, 124, 255, 0.2);
    border-radius: 10px 1px 10px 10px;
    padding: 7px 10px;
    box-sizing: border-box;
    text-wrap: wrap;
    word-wrap: break-word;
}

.reviewbox .send .userImg {
    max-width: 58vw;
    border-radius: 10px;
    margin-right: 3vw;
}

.replybox .received {
    width: 100%;
    display: flex;
    justify-content: first baseline;
    margin-bottom: 3vw;
    margin-top: 3vw;

}

.replybox .received .headImg {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
}

.reviewbox .received>div {
    max-width: 70%;
    display: flex;
    flex-direction: column;
    margin-left: 2vw;
}

.reviewbox .received>div p {
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    margin-bottom: 5px;
}

.reviewbox .received>div>div {
    background: #4795F3;
    color: #333333;
    background: #F7F7F7;
    border-radius: 1px 10px 10px 10px;
    padding: 7px 10px;
    box-sizing: border-box;    text-wrap: wrap;
    word-wrap: break-word;
}

.watermark {
    position: absolute;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.1);
    user-select: none;
    pointer-events: none;
    transform: rotate(-30deg);
    white-space: nowrap;
    z-index: 100;
}
.reportbody{
margin-bottom: 15px;
}
.indexPage .indexpage .workachievement .workbox .box .reportbody{
    margin-bottom: 0px;
    }
    

.reportbody {
    /* padding: 0 13px; */
    box-sizing: border-box;
}
.reportbody .box {
    width: 100%;
    background: #FCFCFC;
    margin-top: 10px !important;
    display: flex;
    flex-direction: column;
    border-radius: 15px !important;
    position: relative;
    border: 1px solid #D8D8D8;
    position: relative;
}
.indexPage .indexpage .workachievement .workbox .box .reportbody .box {
    width: 100%;
    background: #FCFCFC;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
border: 1px solid #D8D8D8;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 10px;
}
.indexPage .indexpage .workachievement .workbox .box .reportbody .box:last-child{
    margin-bottom: 0;
}

.reportbody .box>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding: 15px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
}

.reportbody .box>div:last-child {
    border-bottom: none;
}

.reportbody .box>div.tit {}

.reportbody .box>div.tit div {
    background: #FFA348;
    box-sizing: border-box;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-right: 15px;
    flex-shrink: 0;
    padding-left: 0;
}

.reportbody .box>div.tit h2 {

    font-weight: bold;
    font-size: 15px;
    color: #333333;
}
.reportbody .box>div.tit h2>span{
    color: #777777;
}
.reportbody .box>div.tit h2>span span:first-child{
    color: #333;
}
.reportbody .box>div p {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    flex-shrink: 0;
    width: 80px;

}
td .jindutiao {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
td .jindutiao  .layui-progress{
    width: 70%;
}
td .jindutiao  .text {
    display: block;
    position: absolute;
    top: -4px !important;
    right: -50%;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #0162FF !important;
}




.jindutiao {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layui-progress {
    height: 10px !important;
    display: flex;
    align-items: center;
    width: 76%;
    position: relative;
}

.layui-progress-bar {
    height: 10px !important;
    background-color: rgba(1, 98, 255, 1) !important;
}

.text {
    display: block;
    position: absolute;
    top: -4px !important;
    right: -39%;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #0162FF !important;
}

.layui-btn-primary {
    border: none !important;
}

.layui-btn-primary {
    border-color: transparent !important;
    background: 0 0;
    color: #5f5f5f;
}

.layui-layer-msg {
    border-radius: 8px !important;
}




.attachmentDownlary {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attachmentDownlary .attachmentDown {
    background: #FFFFFF;
    border-radius: 10px;
    width: 86%;
    position: relative;
    padding-top: 20px;
    box-sizing: border-box;
    margin-top: -6vh;
}

.attachmentDownlary .attachmentDown h1 {
    font-weight: 700;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 10px;
}

.attachmentDownlary .attachmentDown img {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.attachmentDownlary .attachmentDown .filename {
    width: 100%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
}

.attachmentDownlary .attachmentDown .filename h2 {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    text-wrap: wrap;
    text-indent: 2em;
}

.attachmentDownlary .attachmentDown .filename p {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.attachmentDownlary .attachmentDown .filehref {
    padding: 10px;
    box-sizing: border-box;
}


.attachmentDownlary .attachmentDown .filehref .box {
    width: 100%;
    background: #E7F1FD;
    border-radius: 8px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    box-sizing: border-box;
}

.attachmentDownlary .attachmentDown .filehref .box p {
    font-weight: 500;
    font-size: 16px;
    color: #377BE2;
    text-underline-offset: 3px;
    text-decoration: underline;
    word-break: break-all;
}

.attachmentDownlary .attachmentDown .copy {
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #3895EE;
    border-top: 1px solid #E5E5E5;
    padding: 19px 0;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
}

.fuzhilary {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: all 1s ease-in-out;
}

.fuzhilary div {
    width: 26vw;
    line-height: 40px;
    color: #ffffff;
    background: rgba(0, 0, 0, .6);
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
}

.column .left{
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.chexiao{
    color: #FFFFFF !important;  
}

.weui-btn_primary{
    color: #ffffff !important;
}


.laryduiwu .addother
 {
    width: 48%;
    height: 47px;
    border: 1px solid #077CFF;
    background-size: 100% 100%;
    border-radius: 40px;
    font-weight: 700;
    font-size: 16px !important;
    color: #077CFF;
    text-align: center;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.addotherJob{
    width: 48%;
    height: 43px;
    background: #077CFF;
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}


#selectJob .child{
    width: 100%;
}
#selectJob .workitem{
    width: 100%;
}
#selectJob .childtitle{
width: 100%;
display: flex;
align-items: center;
font-weight: 600;
font-size: 16px;
color: #333333;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 12px;
box-sizing: border-box;
padding-top: 12px;
}
#selectJob .childtitle img{
    width: 18px;
}


#selectJob .workitem{
    position: relative;
    z-index: 1;
}

#selectJob .workitem .box {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    padding-top: 15px !important;
    box-sizing: border-box;
}

#selectJob .workitem .box {
    box-sizing: border-box;
}

#selectJob  dl {
    transition: all 0.5s ease-in-out;
    display: none; 
    overflow: hidden;
}

#selectJob .workitem.active dl {
    height: auto;
}
#selectJob .childtitle img {
    margin-right: 5px;
    transition: all 1s ease-in;
}
.new{
    width: 0;
  height: 0;
  border-top: 13px solid #f56c6c;
  border-bottom: 13px solid transparent;
  border-right: 13px solid transparent;
  border-left:13px solid #f56c6c;
  position: absolute;
  left: 0;
  top: 0;

}

.supplementPage .visitx .box>div.Jobresponsibilities{
border-bottom: none !important;
}