* {
    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;
}

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%;
    /* height: 227px; */
    /* background-image: url("../images/bg1.png"); */
    /* background-repeat: no-repeat; */
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    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: -20vw;
}

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

.loginpage .loginmain .titletext {
    width: 34px;
}

.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 p {
    color: #FFA348;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    font-weight: bold;
}

.goindex {
    width: 20vw;
    height: 20vw;
    margin-left: 50%;
    transform: translateX(-50%) translateY(-00%);
    -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;
}

.weixin {
    width: 130px;
    height: 47px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px 0 rgba(187, 187, 187, 0.15);
    margin: 0 auto;
    margin-top: 50px;
    color: transparent;
}

.weixin img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.weixin p {
    font-weight: 600;
    font-size: 17px;
    color: #3D3D3D;
}

.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;
}

.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;
}

.indexPage {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.indextop {
    width: 100%;
    height: 70px;
    background: url("../images/icon2.png") no-repeat center;
    background-size: 100% 100%;
    padding: 13px;
    box-sizing: border-box;
}

.indextop .searchbox {
    width: 100%;
    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;
}

.indextop .searchbox input {

    font-size: 15px;
    padding-left: 13px;
    box-sizing: border-box;
    flex: 1;

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

}

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

.indextop .searchbox .search {
    width: 70px;
    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;

}

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

.clear {
    height: 18px !important;
    padding-right: 10px;
    box-sizing: border-box;
    width: auto !important;
}

.indexmain {
    width: 100%;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    margin-bottom: 110px;
}

.indexPage .banner {
    width: 100%;
    height: 140px;
    margin-bottom: 15px;
}


.indexPage #banner {
    width: 100%;
    box-sizing: border-box;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
}

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

.indexPage #banner.swiper-container .swiper-slide {
    width: 100%;
    height: 140px;
    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%;
}

.commonbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 10px;
    padding: 12px 8px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.commonbox h1 {
    font-weight: 700;
    font-size: 17px;
    color: #333333;
    padding-left: 8px;
    box-sizing: border-box;
}

.commonbox .functions {
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 6px;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.commonbox .functions div {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon7.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin-top: 20px;
}

.commonbox .functions div:nth-child(2) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon8.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(3) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon9.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(4) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon10.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(5) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon100.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(6) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon101.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(7) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon102.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.commonbox .functions div:nth-child(8) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon161.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.commonbox .functions div:nth-child(9) {
    /* width: 24%; */
    height: 70px;
    background: url("../images/icon9.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.commonbox .functions div img {
    width: 63px;
}

.commonbox .functions div p {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
}

.applicationbox {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 10px;
    margin-bottom: 15px;
}

.applicationbox .application {
    width: 100%;
    background: linear-gradient(180deg, #EDF5FF 0%, rgba(237, 245, 255, 0) 100%);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.applicationbox .application h1 {
    font-weight: 700;
    font-size: 17px;
    color: #333333;
}

.applicationbox .application .centerbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 四列平局分布 */
}

.applicationbox .application .centerbox div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px;

}

.applicationbox .application .centerbox div img {
    width: 73px !important;
    height: 46px !important;
    margin-bottom: 7px;
}

.applicationbox .application .centerbox div p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}


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

.vehicletop {
    width: 100%;
    height: 112px;
    background: url("../images/icon25.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    padding: 13px 15px;
    box-sizing: border-box;
}

.vehicletop .back {
    width: 44px;
    height: 44px;
    margin-right: 6px;
}

.vehicletop .backindex {
    width: 44px;
    height: 44px;
    margin-right: 6px;
}

.vehicletop .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;

}

.vehicletop .searchbox input {

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

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

}

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

.vehicletop .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;

}

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

.vehiclepage {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.vehicletab {
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: -44px;
    padding: 0 15px;
    box-sizing: border-box;
}

.vehicletab>div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.vehicletab>div img {
    width: 63px;
    height: 63px;
    margin-right: -2px;

}

.vehicletab>div p {
    font-weight: 400;
    font-size: 13px;
    color: #555555;
}

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

.filterbox>div {

    height: 36px;
    background: #FFFFFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    box-sizing: border-box;
}

.filterbox>div.state {
    width: 48%;
}

.filterbox>div.time {
    width: 48%;
}

.filterbox>div.time.active {

    background: linear-gradient(270deg, #23A2FF 0%, #077CFF 100%);
    box-shadow: 0px 3px 5px 0px rgba(7, 124, 255, 0.5);
}

.filterbox>div.time.active p {
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
}

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

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

.vehiclelist {
    width: 100%;
    height: calc(100vh - 235px);
}

.vehiclelist .vehicle {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 14px;
    padding: 13px 13px 0;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
}

.vehiclelist .vehicle:last-child {
    margin-bottom: 0;
}

.vehiclelist .vehicle .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.vehiclelist .vehicle .top .l {
    width: 140px;
    height: 100px;
    margin-right: 10px;
}

.vehiclelist .vehicle .top .l img {
    width: 140px;
    height: 100px;
    border-radius: 8px;
}

.vehiclelist .vehicle .top .r {
    flex: 1;

}

.vehiclelist .vehicle .top .r h1 {
    font-weight: bold;
    font-size: 17px;
    color: #161C34;
    position: relative;
    margin-bottom: 7px;
    padding-left: 10px;
    box-sizing: border-box;
    padding-right: 30px;
    box-sizing: border-box;

}

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

.vehiclelist .vehicle .top .r div {
    display: flex;
    align-items: center;
    margin-top: 5px;
    line-height: 20px;
}

.vehiclelist .vehicle .top .r div p:first-child {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    letter-spacing: 4px;
}

.vehiclelist .vehicle .top .r div p:last-child {
    font-weight: 400;
    font-size: 14px;
    color: #161C34;
}

.vehiclelist .vehicle .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 10px 0;
    box-sizing: border-box;
    border-top: 1px solid #F7F7F7;
}

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

.vehiclelist .vehicle .green p {
    font-weight: 500;
    font-size: 15px;
    color: #0FAB6B;
}

.vehiclelist .vehicle .red p {
    font-weight: 500;
    font-size: 15px;
    color: #FD332C;
}

.vehiclelist .vehicle .orange p {
    font-weight: 500;
    font-size: 15px;
    color: #FE9402
}

.vehiclelist .vehicle .bot img {
    width: 22px;
    height: 22px;
}

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

.incomingtag {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
}

.upwarp-nodata {
    font-weight: 400;
    font-size: 14px;
    color: #A0A3A9;
    margin-bottom: 80px;
}

.upwarp-nodata span {
    font-weight: 400;
    font-size: 14px;
    color: #FFA348;
}

.weui-btn_primary {
    background-color: #077CFF !important
}

.weui-btn_icon {
    background: transparent !important;
}

.weui-mask {
    pointer-events: auto;
}

.weui-half-screen-dialog__bd {
    padding-bottom: 10px !important
}

.weui-icon-close-thin {
    color: #000 !important;
}

.weui-btn_icon {
    color: #000 !important;
}

.laydate-disabled div {
    background: transparent !important;
    color: #d2d2d2 !important;
}









/* 222222222222222222222222222222222222 */

.form {
    width: 100%;
    height: 100vh;
    overflow-y: auto;

    background: #F9F9F9;
    /* padding: 0 15px; */
    box-sizing: border-box;
    padding-bottom: 110px;

}

.formsrc {
    width: 100%;
    padding-top: 10px;
    box-sizing: border-box;
    user-drag: none;
    -webkit-user-drag: none;
    overflow-x: hidden;
    padding: 0 15px 10px;
}

.formsrc .top {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-around;
    background: url("../images/icon41.png") no-repeat center;
    background-size: 100% 100%;
    align-items: center;
    padding: 0 3vw;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    display: flex;
    align-items: center;
}

.formsrc .top .back {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    margin-top: 5px;
}



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

.jindu {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    padding-left: 50px;
    box-sizing: border-box;
}

.jindu h1 {
    font-weight: 800;
    font-size: 24px;
    color: #FFFFFF;
}

.jindu>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-right: 40px;
}

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

.jindu>div div {
    width: 33px;
    height: 33px;
    background: #A2CEFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #318DF4;
    font-size: 17px;
}

.jindu>div.active div {
    background: #FFFFFF;
}

.formsrc .top div.active p {
    font-weight: bold;
    color: #ffffff;
}

.jindu>div div img {
    width: 25px;
    height: 25px;
}

.jindu>div::after {
    content: "";
    background: url("../images/icon44.png") no-repeat center;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -30px;
    top: 30%;
    transform: translateY(-50%);
}

.jindu>div:last-child::after {
    content: "";
    background: none;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -25px;
    top: 30%;
    transform: translateY(-50%);
}

.formsrc .top p {
    font-weight: 400;
    font-size: 15px;
    color: rgba(255, 236, 219, 0.70);
    line-height: 21px;
    margin-top: 5px;
}

.formsrc .formbox .box {
    box-sizing: border-box;
    border: 1px solid rgba(216, 216, 216, 1) !important;
    border-radius: 10px;
}

.formsrc .formbox .box>div {
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(216, 216, 216, 1);
}

.formsrc .formbox .box>div:last-child {
    border-bottom: none;
}

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

.formsrc .formbox .box div .left p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    text-wrap: nowrap;
}

.formsrc .formbox .box div .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}

.formsrc .formbox .box div .right span {
    font-weight: bold;
    color: rgba(56, 143, 240, 1);
    margin-right: -7px;
    text-wrap: nowrap;
}

.formsrc .formbox .box div .right input {
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    border: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.formsrc .formbox .box div .right .xiaoshi {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    padding-left: 5px;
    box-sizing: border-box;
    line-height: 0;
    margin-bottom: -1px;
}

.formsrc .formbox .box div .right input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(153, 153, 153, 0.5);
}

.formsrc .formbox .box div .right img {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}






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

.detailsText::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(153, 153, 153, 0.5);
}


.formsrc .recordList {
    width: 100%;
}

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

.formsrc .recordLII {
    width: 100%;
}

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

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

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

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

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

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

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

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

.formsrc .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;
}

.formsrc .record_c {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: -4px;
}

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

.formsrc .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;
}

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

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

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

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

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

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

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

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

.formsrc .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;
    }
}

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

.formsrc .recordList {
    width: 100%
}

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

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

img {
    display: block;
}

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

.formsrc .play .recordLII4 {
    display: block;
}

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


.formsrc .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;
}

.formsrc .formbox {
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px 0px rgba(196, 193, 193, 0.3);
    padding: 12px 10px;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
    /* margin: 0 10px; */

}

.formsrc .formbox h1 {
    font-weight: bold;
    font-size: 16px;
    color: rgba(61, 61, 61, 1);
    line-height: 20px;
    position: relative;
    margin: 14px 0;
    padding-left: 10px;
    box-sizing: border-box;
}

.formsrc .formbox h1:first-child {
    margin-top: 0 !important;
}

.formsrc .formbox h1::before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    width: 3px;
    height: 13px;
    background: #388FF0;
    border-radius: 10px;
}

.layui-btn-primary:hover {
    color: #fff !important;
}

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

.formsrc .last {
    width: 80%;
    height: 50px;
    border: 1px solid #077CFF;
    border-radius: 45px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 17px;
    color: #077CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-top: 22px;
    box-sizing: border-box;
}

.column {
    padding: 8px 10px !important;
    box-sizing: border-box;
}


.column div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.column div p {
    font-weight: 400;
    font-size: 15px;
    color: #666666;

}

.column div .add {
    height: 31px;
}

.column div.box2 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 14px;
    box-sizing: border-box;

}

.column div.box2>div {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    width: 100%;


}

.column div.box2 textarea {
    border: none !important;
    font-weight: bold;
    font-size: 15px;
    color: #161C34;
    padding-bottom: 4px;
    box-sizing: border-box;
    outline: none !important;
}

.column div.box2>div div {
    border-top: 1px solid #D8D8D8;
    padding-top: 14px;
    box-sizing: border-box;
    flex: 1;
}

.column div.box2>div p {
    padding-top: 14px;
    box-sizing: border-box;
}

.column div.box2>div img {
    width: 23px;
    height: 23px;
}

.formsrc .formbox .box3 div .r {
    display: flex;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
}

/* .formsrc .formbox .box3 div .r>div{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
} */
.formsrc .formbox .box3 div .r div {

    height: 40px;
    border-radius: 8px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    padding: 0 11px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;

}

.formsrc .formbox .box3 div .r div img {
    width: 17px;
    height: 17px;
    margin-left: 20px;
}

.formsrc .formbox .box3 .flex {
    align-items: flex-start;
}

.formsrc .formbox .box3 .left p {
    margin-top: 10px;
}

.formsrc .formbox .box3 {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 11px 11px 0;
    box-sizing: border-box;
}

.addp,
.addpjsy {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

/* 车辆选择 */
.vehicleSelecttit {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-top: -44px;
    padding: 11px 15px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    color: #FFA348;
    justify-content: center;
    margin-bottom: 15px;
}


input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
}

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

.vehiclebox .radio-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vehiclebox .radio-box>div:first-child {
    width: 51px;
}

.vehiclebox .radio-style::before {
    display: inline-block;
    width: 26px;
    height: 26px;
    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;
}

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

.vehiclebox .radio-style {
    font-weight: bold;
    font-size: 16px;
    color: #077CFF;
    position: relative;
}

.vehiclebox input[type="radio"]:checked+.radio-style {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;

}

.vehiclebox {
    width: 100%;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 0px #E2E9EC;
    border-radius: 14px;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
}

.vehiclebox:last-child {
    margin-bottom: 0;
}

.vehiclebox .vehicle {
    margin-bottom: 0;
    box-shadow: none;
    background: transparent;
    padding-left: 0;
    padding-right: 10px;
}

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

}

/* 我的用车 */




.formlistPage {
    width: 100%;
    height: 100vh;
    background: url("../images/icon25.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: 44px;
    height: 44px;
}

.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 - 70px);
    padding-bottom: 12vh;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    display: flex;
    overflow: hidden;
}


.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 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: #EDF0F4;
    font-size: 14px;
}

.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 .category span{
    width: 23px;
height: 23px;
background: #FF0034;
font-size: 14px;
color: #ffffff;
display: block;
position: absolute;
right: 6px;
top: 6px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
line-height: 0;
padding-bottom: 2px;
box-sizing: border-box;

}

.formlistPage .sideright {
    height: calc(100vh - 134px);
    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;
}

.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;
}

.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;
}

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

.formlistPage .box h1 {
    font-weight: 500;
    font-size: 17px;
    color: #161C34;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.formlistPage .box h1::before {
    width: 4px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-40%);
    line-height: 1;
    background: #077CFF;
    border-radius: 5px;
}

.formlistPage .box .t {}

.formlistPage .box .t div {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 6px;
    margin-left: -5px;
}

.formlistPage .box .t div img {
    width: 20px;
}

.formlistPage .box .t div p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.formlistPage .box .t div .red {
    color: #FF0000 !important;
}

.formlistPage .box .o {
    width: 100%;
    border-top: 1px solid #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    box-sizing: border-box;
    margin-top: 5px;

}

.formlistPage .box .o div {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 7px 15px;
    box-sizing: border-box;
    margin-left: 8px;
    border-radius: 25px;
    background: #077CFF;
}

.formlistPage .box .o .still {
    background: linear-gradient(90deg, #FF3A3A 0%, #FF3A3A 100%);
}

.formlistPage .box .o .modify {
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
    background: #fff;
    border: 1px solid #077CFF;
}

.formlistPage .box .o .cancel {
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    background: #EDF0F4;
    margin-left: 0;
}

.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;
}

/* 用车记录 */
.timefliter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    box-sizing: border-box;
    margin-bottom: 12px;
}

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

.timefliter div:nth-child(1) p {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1;
}

.timefliter div {
    font-weight: 500;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
}

.timefliter div img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-bottom: -1px;
}

.carrecord .formlistmain {
    width: 100%;
    height: calc(100vh - 104px);
}

.carrecord .formlistmain h1 {
    padding-left: 0;
    margin-bottom: 10px;
}

.carrecord .formlistmain h1::before {
    width: 0;
}

.carrecord .formlistmain .t div {
    margin-left: 0;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 0;
}

.carrecord .formlistmain .t div:nth-child(1) {
    padding-top: 10px;
    box-sizing: border-box;
}

.carrecord .formlistmain .view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    box-sizing: border-box;


    border-top: 1px dotted transparent;

    border-image: repeating-linear-gradient(90deg, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 5px, transparent 5px, transparent 10px) 1 stretch;
}

.carrecord .formlistmain .view div {
    font-weight: 500;
    font-size: 15px;
    color: #077CFF;
}

.carrecord .formlistmain .view img {
    width: 21px;
    height: 21px;
}

.carrecord .formlistmain .t div p:nth-child(2) {
    color: #161C34;
}

.carrecord .formlistmain .t div:nth-child(3) {


    border-bottom: 1px dotted transparent;

    border-image: repeating-linear-gradient(90deg, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 5px, transparent 5px, transparent 10px) 1 stretch;
}


.headtop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    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: #999999;
}

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

.headtop h1 {
    margin-bottom: 0 !important;
}

.headtop.sq {
    background: #FFF5EC;
    border-radius: 10px;
}

.headtop.sq p {
    color: #FFA348 !important;
}

.headtop.sq h1 {
    color: #FFA348 !important;
}

.headtop.sq h1::before {
    background: #FFA348 !important;
}

textarea {
    outline: none !important;

}



.imgbox {
    position: relative;
    width: 100%;
    display: flex;

    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 10px 10px !important;

}

.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;
    height: 23px;
}

.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;

}

.danxuan .radio-box {
    width: 51px !important;
    flex-shrink: 0;
    position: relative;
}

.danxuan .radio-style::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    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;
}

.formsrc .formbox .box div .right input[type="radio"] {
    width: 0 !important;
    height: 0 !important;
}

.formsrc .formbox .box div.voucher .right>div {
    margin-left: 10px;
}

.formsrc .formbox .box div.voucher .right>div:first-child {
    margin-left: 0;
}

.formsrc .formbox .box div.voucher .right label {
    width: auto !important;
    position: relative;
}

.formsrc .formbox .box div.voucher .right input[type="radio"] {
    width: auto !important;
    height: auto !important;
}

.voucher .radio-style::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    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;
}

.voucher .radio-style {
    font-weight: 500 !important;
    color: #999999 !important;
    position: relative;
    /* text-wrap: nowrap; */
    text-decoration: none !important;
}

.voucher input[type="radio"]:checked+.radio-style {
    color: #161C34 !important;
    font-weight: bold;

}

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

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

.danxuan .radio-style {
    font-weight: bold;
    font-size: 16px;
    color: #999999 !important;
    position: relative;
    /* text-wrap: nowrap; */
}

.danxuan input[type="radio"]:checked+.radio-style {
    color: #161C34 !important;
    font-weight: bold;
    font-size: 16px;

}

.formsrc .formbox .danxuan .right div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 80px;
}

.formsrc .formbox .danxuan .right div label {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    box-sizing: border-box;
}

.addcost {
    height: 31px;
}

/* 费用记录 */
.view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #F7F7F7;
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
}

.view p {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.view .look {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 7px 15px;
    box-sizing: border-box;
    margin-left: 8px;
    border-radius: 25px;
    background: #077CFF;
}

/* 用车记录详情 */
.recordPage {
    width: 100%;
}

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

.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: 20px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 3px;
    content: "";
    position: absolute;
    bottom: -8px;
}

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

.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 .recordPagemain .box>div .left {
    margin-top: 12px;
}

.recordPage .headtop {
    padding: 7px 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;
}

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

.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
}

.recordPage .recordPagemain .box .right span {
    font-weight: bold;
    font-size: 15px;
    color: #077CFF;
    text-underline-offset: 5px;
    text-decoration: underline;
}

.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;
}

/* 加油记录 */
.recordtab h1 {
    font-weight: 700;
    font-size: 21px;
    color: #FFFFFF;
    padding-right: 10px;
    box-sizing: border-box;
}


.shililary2 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.shililary2 .shililary {
    margin-top: -10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shililary2 .shililary h1 {
    font-weight: 600;
    font-size: 23px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 25px;
}

#newsbanner {
    width: 100% !important;
    height: 300px;
    box-sizing: border-box;
}

#newsbanner .swiper-container {
    width: 100% !important;
    height: 300px;
}

#newsbanner .swiper-container .swiper-slide {
    width: 100% !important;
    height: 100%;
}

#newsbanner .swiper-container .swiper-slide img {
    width: 100% !important;
    height: 100%;
}

#newsbanner .swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    box-sizing: border-box;
    bottom: 10px !important;
}

#newsbanner .swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    opacity: 1;
    width: 11px;
    height: 11px;
    border: 2px solid #FFFFFF;
}

#newsbanner .swiper-pagination .swiper-pagination-bullet-active {
    background: #FFFFFF;
    opacity: 1;
}

.shililary2 .shililary .guanbi {
    width: 122px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-top: 25px;
}

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

.addressLary .addressaddbox {
    width: 86%;
    border-radius: 10px;
    box-sizing: border-box;
    background: #ffffff;
    margin-top: -7vh;
}

.addressLary .addressaddbox .t {
    padding: 15px;
    box-sizing: border-box;
}

.addressLary .addressaddbox h1 {
    font-weight: 800;
    font-size: 18px;
    color: rgba(61, 61, 61, 1);
    line-height: 20px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;


}

.addressLary .addressaddbox input {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #000;

    padding: 15px 10px;
    box-sizing: border-box;
    border: 1px solid rgba(216, 216, 216, 1);
    border-radius: 10px;
}

.addressLary .addressaddbox .opt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-top: 1px solid #E5E5E5;
}

.addressLary .addressaddbox .opt>div {
    width: 50%;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    box-sizing: border-box;
}

.addressLary .addressaddbox .opt>div.tianjia {
    height: 50px;
    font-weight: 600;
    font-size: 16px;
    color: #077CFF;
    border-left: 1px solid #E5E5E5;
}

.dengji h2 {
    font-weight: bold;
    font-size: 15px;
    color: #161C34;
    margin: 10px 0;
    padding-left: 10px;
    box-sizing: border-box;
}


/* 选择所属部门 */

.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: 94vw;
    height: 110vw;
    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 22vw 0 4vw;
    box-sizing: border-box;
    font-size: 16px;
}

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

.laryduiwu .searchbox img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 3vw;
    top: 9px;
    padding-right: 0 !important;
}

#category .searchbox img,
#havekeyperson .searchbox img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 86px !important;
    top: 9px;
    padding-right: 0 !important;
}

.laryduiwu .clear {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
    position: absolute;
    right: 12vw !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: 66vw !important;
    overflow-y: auto;
}

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

.laryduiwu .duiwu .box {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

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

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

.laryduiwu .duiwu .radio-style {
    width: 100%;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
}

.laryduiwu .duiwu .radio-style::after {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url("../images/icon69.png") no-repeat center;
    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="radio"]:checked+.radio-style::after {
    width: 29px;
    height: 29px;
    padding: 0;
    background: url("../images/icon50.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: 64vw;
    height: 44px;
    background: url("../images/icon70.png") no-repeat center;
    background-size: 100% 100%;
    /* box-shadow: 0 3px 10px 3px #388FF0; */
    border-radius: 40px;
    font-weight: 700;
    font-size: 20px;
    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;

}

.detelecost {
    width: 100%;
    background: #F67E87;
    height: 50px;
    color: #ffffff;
    font-size: 15px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
}

.detelecost img {
    width: 18px;
    margin-bottom: -1px;
    margin-right: 4px;
}

/* 个人中心 */

.usertop {
    width: 100%;

    padding: 10px 14px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 10px;
}

.usertop>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #FFFFFF;
    padding: 18px 13px;
    box-sizing: border-box;
    border-radius: 10px;
    align-items: center;
    box-shadow: 0px 2px 6px 0px rgba(185, 185, 185, 0.16);
}

.usertop .left {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    border: 1px solid #077CFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.usertop .left img {
    height: 100%;
}

.usertop .center {
    height: 54px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.usertop .center h1 {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    margin-bottom: 5px;
}

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

.usertop .center div img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.usertop .center div p {
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    font-family: "SimHei", Arial, sans-serif;
}

.usertop .right {
    width: 83px;
}

.usertop .right img {
    width: 83px;
}

.usermain {
    padding: 15px;
    box-sizing: border-box;
    margin-top: -20px;
}

.usermain .userbox {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px 0px rgba(196, 196, 196, 0.1);
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.usermain .userbox h1 {
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.usermain .userbox h1::before {
    width: 4px;
    height: 15px;
    background: #388FF0;
    border-radius: 210px;
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
}


.usermain .userbox .box2 {
    width: 100%;
}

.usermain .userbox .box2>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.usermain .userbox .box2>div div {
    display: flex;
    align-items: center;
}

.usermain .userbox .box2>div div.l img {
    width: 25px;
    height: 25px;
    margin-right: 7px;
    /* margin-top: 2px; */
}

.usermain .userbox .box2>div div.l p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    line-height: 0;
}

.usermain .userbox .box2>div div.r img {
    width: 18px;
    height: 18px;
}

.usermain .userbox .box2>div div.r div {
    width: 17px;
    height: 17px;
    background: #E33F23;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-right: 5px;
    font-family: "SimHei", Arial, sans-serif;
}

.exituser {
    width: 300px;
    height: 45px;
    background: #E8E8E8;
    border-radius: 45px;
    font-weight: 500;
    font-size: 16px;
    color: #C4C4C4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: fixed;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
}


/* 修改信息 */

.informationbox {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
}

.usersrc2 {
    width: 100%;
    padding-bottom: 30vw;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3vw;
    margin-top: 50px;
}


.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;
}


.zancunlary {
    padding: 12px 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .6);
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    z-index: 1000000;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 46%;
    border-radius: 10px;
    display: none;
}

.backbox2 .back {
    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;
}

/* 消息通知 */

.notifiypage .backbox2,
.introduce .backbox {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    padding: 0 15px;
    box-sizing: border-box;
    justify-content: flex-start;
}

.notifiypage .backbox2 .back {
    display: flex;
    align-items: center;
}

.notifiypage .backbox2 img,
.introduce .backbox img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-top: -1px;


}

.notifiypage .backbox2 p,
.introduce .backbox p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 0;
}

.notifiypage #time3 {
    font-weight: 400;
    font-size: 14px;
    color: #767676;
    padding: 0 15px;
    box-sizing: border-box;
}

.searchbox2 {
    width: 100%;

    padding: 15px 10px;

    box-sizing: border-box;
    position: relative;
    margin-top: 45px;
}

.searchbox2>div {
    border-radius: 22px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}

.searchbox2 .clear {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 48px;

}

.searchbox2 input {
    font-weight: 400;
    font-size: 17px;
    width: 76%;
    padding-left: 10px !important;
    background: transparent !important
}

.searchbox2 input::placeholder {
    font-weight: 400;
    font-size: 17px;
    color: #848484;
}

.searchbox2 .search {
    width: 23px;
    height: 23px;
}

.content2 {
    width: 100vw;
    height: calc(100vh - 125px);
    padding: 0 3vw;
    padding-top: 0;
    box-sizing: border-box;
    overflow-y: auto;
}

.content2 .message {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 3vw;
    box-sizing: border-box;
}

.content2 .message h1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    padding: 15px 15px 0;
    box-sizing: border-box;
    margin-bottom: 10px;

}

.content2 .message h1 span {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    background: #EA0000;
    opacity: 1;
    display: inline-block;
    margin-left: 1vw;
    margin-top: -0.2vw;
}

.content2 .message .text {
    width: 100%;
    color: #767676;
    font-size: 3.6vw;
    line-height: 6vw;
    padding-bottom: 10px;


}

.content2 .message .go {
    font-size: 15px;
    font-weight: 400;
    color: #388FF0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #F2F4F5;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 15px;
}

.content2 .message .go img {
    width: 16px;
    height: 16px;
}


.introduce {
    width: 100%;
    height: 100vh;
    padding: 28px 15px;
    padding-top: 45px;
    box-sizing: border-box;
}

.introduce .scroll {
    height: calc(100vh - 135px);
    overflow-y: scroll;
}

.introduce .scroll h1 {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}

.introduce .scroll img {
    max-width: 90vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 13px;
}

.introduce .scroll p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 12px;
}

.introduce .scroll p:last-child {
    margin-bottom: 20px;
}

.introduce .mescroll-upwarp {
    padding-bottom: 80px !important;
    box-sizing: border-box;
}

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

.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;
}

.biaoqian {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.biaoqian div {
    height: 24px;
    background: rgba(7, 124, 255, 0.1);
    border-radius: 4px;
    border: 1px solid #077CFF;
    font-weight: 400;
    font-size: 12px;
    color: #077CFF;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 6px;
    box-sizing: border-box;
    margin-left: 15px;
    margin-bottom: 6px;
}

.biaoqian div.degree {
    background: rgba(240, 101, 76, 0.1);
    border: 1px solid #F0654C;
    color: #F0654C;
}

.biaoqian2 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.biaoqian2 div {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 12px;
}

.biaoqian2 div:first-child {
    margin-right: 20px;
}




/* 电子签名 */


/* .signature_title {
    position: fixed;
    top: 100vh;
    left: 10px;
    width: 100vh;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 50px;
    transform: rotate(-90deg);
    transform-origin: left top;
    display: flex;
    align-items: center;
    padding-left: 30px;
    box-sizing: border-box;
    z-index: 11111;
} */

.signature_title {
    position: fixed;
    top: 100vh;
    right: 10px;
    width: 100vh;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 50px;
    transform: rotate(90deg);
    transform-origin: right top;
    display: flex;
    align-items: center;
    padding-left: 30px;
    box-sizing: border-box;
    z-index: 11111;
}

.cxqz_bottom {
    position: fixed;
    top: 100vh;
    right: 83vw;
    width: 100vh;
    padding-right: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transform: rotate(90deg);
    transform-origin: right top;
    z-index: 999999;
}

.signature_title>div {
    display: flex;
    align-items: center;
    position: absolute;
}

.signature_title>div img {
    height: 19px;
    margin-right: 4px;
}

.signature_title>div span {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.signature_title h2 {
    flex: 1;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #3D3D3D;
    padding-right: 30px;
    box-sizing: border-box;

}

.warehousing {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 30px 68px 30px 85px;
    box-sizing: border-box;
    z-index: 11;
}

#qzb {
    width: 100%;
    height: 100%;
    background: #F2F4F5;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #999999;
}

/* .cxqz_bottom {
    width: 100vh;
    position: fixed;
    top: 100vh;
    left: 83vw;
    width: 100vh;
    padding-right: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transform: rotate(-90deg);
    transform-origin: left top;
    z-index: 999999;
} */

.cxqz_bottom button {
    width: 105px;
    height: 38px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    border: none;
    margin-left: 15px;
    background: #FFA348;
}

.cxqz_bottom button:last-child {
    color: #ffffff;
    background: linear-gradient(270deg, #3E92F0 0%, #2A8DFF 100%);
}


.formsrc .formbox .box .again {
    font-weight: 600;
    font-size: 16px;
    color: #077CFF;
    border-radius: 45px;
    border: 1px solid #077CFF;
    width: 120px !important;
    height: 32px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.signaturebox {
    background: #F6F9FE;
    border-radius: 10px;
    width: 100%;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px 0 14px;
}

.signaturebox img {
    height: 80px;
}

.signaturebox {
    background: #F6F9FE;
    border-radius: 10px;
    width: 100%;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center !important;
    flex-direction: column;
    margin: 20px 0 10px;
    align-items: center;
}

.signaturebox .signature {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.signaturebox .signature img {
    width: 23px;
    height: 23px !important;
}

.signaturebox .signature p {
    font-weight: 500;
    font-size: 15px;
    color: #666666;
}



.Partyfeelisit {
    background: #F6F6F6;
    width: 100%;
    border-radius: 15px 15px 0 0;
    margin-top: -30px;
    padding-top: 15px;
}

.Partyfeelisit .vehiclelist {
    height: calc(100vh - 88px);
}

.Partyfeelisit .vehiclelist .vehicle .top {
    display: flex;
    flex-direction: column;
}

.Partyfeelisit .vehiclelist .vehicle .top h1 {
    font-weight: bold;
    font-size: 18px;
    color: #222223;
}

.Partyfeelisit .vehiclelist .vehicle .top .r div {
    margin-top: 10px;
}

.Partyfeelisit .vehiclelist .vehicle .top .r div p:first-child {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    letter-spacing: 1px;
}

.Partyfeeldetail {
    position: fixed;
    top: 100vh;
    right: 60px;
    width: 100vh;
    height: calc(100vw - 80px);
    transform: rotate(90deg);
    transform-origin: right top;
    padding-left: 30px;
    box-sizing: border-box;
    z-index: 11111;
}

.Partyfeeldetail h1 {
    font-weight: 400;
    font-size: 14px;
    color: #777777;
}

.Partyfeeldetail .content {
    width: 96%;
    height: calc(100vw - 170px);
    margin-top: 10px;
    border: 1px solid #CCCCCC;
}

.Partyfeeldetail .content>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    box-sizing: border-box;
    height: 23%;
}

.Partyfeeldetail .content>div .left {
    font-weight: 400;
    font-size: 14px;
    color: #777777;
    padding: 15px 0;
    box-sizing: border-box;
}

.Partyfeeldetail .content>div .right {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
}

.Partyfeeldetail .content>div .right h2 {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-align: center;
    width: 100%;
}

.Partyfeeldetail .content>div .right .jine {
    border-left: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40% !important;
    flex-shrink: 0;
    height: 100%;
}

.Partyfeeldetail .content>div .right .jine p {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.Partyfeeldetail .content>div .right .jine span {
    font-weight: 400;
    font-size: 14px;
    color: #999999;

}

.Partyfeeldetail .qianmming {
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.Partyfeeldetail .qianmming div {
    display: flex;
    align-items: center;
    width: 50%;
}

.Partyfeeldetail .qianmming div img {
    height: 40px;
}

.Partyfeeldetail .qianmming div p {
    font-weight: 400;
    font-size: 14px;
    color: #3D3D3D;
}


/* 审阅列表 */


.revirewlistPage {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 15px 15px 0 15px;
}

.revirewlistPage .revirewlistPagetop {
    width: 100%;
    background: url("../images/icon112.png") no-repeat center;
    background-size: 100% 100%;
    padding: 6px;
    box-sizing: border-box;
}

.revirewlistPage .formlistPagetop {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.revirewlistPage .formlistPagetop img {
    width: 44px;
    height: 44px;
}

.revirewlistPage .searchbox {
    flex: 1;
    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;
    margin: 0 5px;

}

.revirewlistPage .searchbox input {

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

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

}

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

.revirewlistPage .searchbox .search {
    width: 23px;
    height: 23px;
    margin-right: 4px;

}

.revirewlistPage .formlistPagetop .time {
    height: 44px;
    background: #FFFFFF;
    border-radius: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px 0 8px;
    box-sizing: border-box;
}

.revirewlistPage .formlistPagetop .time p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}

.revirewlistPage .formlistPagetop .time img {
    width: 22px;
    height: 22px;
}

.revirewlistPage .revirewlistPagetop .filter {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.revirewlistPage .revirewlistPagetop .filter div {
    font-weight: 400;
    font-size: 16px;
    height: 100%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    text-wrap: nowrap;
}

.revirewlistPage .revirewlistPagetop .filter div.active {
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
}

.revirewlistPage .revirewlistPagetop .filter div.active::after {
    width: 21px;
    height: 4px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("../images/icon114.png") no-repeat center;
    background-size: 100% 100%;
}

.revirewlistPage .summary {
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    padding: 8px 0;
    box-sizing: border-box;
}

.revirewlistPage .summary span {
    color: #077CFF;
}

.revirewlistPage .revirewlistmain {
    width: 100%;
    height: calc(100vh - 166px);
    overflow-y: scroll;
}

.revirewlistPage .revirewlistmain .revirewlist {
    width: 100%;
}

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

.revirewlistPage .revirewlistmain .revirewlist .box:last-child {
    margin-bottom: 0;
}

.revirewlistPage .revirewlistmain .revirewlist .box h1 {
    font-weight: bold;
    font-size: 17px;
    color: #1A1A1A;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div .left {
    display: flex;
    align-items: center;
}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div .left img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div .left p {
    font-weight: 400;
    font-size: 15px;
    color: #AAAAAA;
    text-wrap: nowrap;
}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div .right {
    display: flex;
    align-items: center;
}

.revirewlistPage .revirewlistmain .revirewlist .box .con>div .right p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.revirewlistPage .revirewlistmain .revirewlist .box .tag {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
}

.revirewlistPage .revirewlistmain .revirewlist .box .lookbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.revirewlistPage .revirewlistmain .revirewlist .box .lookbox .look {

    height: 36px;
    background: linear-gradient(180deg, #388FF0 0%, #077CFF 100%);
    border-radius: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0 10px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

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

}

.revirewdetailPage .column .right {
    justify-content: flex-start !important;
    flex-wrap: wrap;
}

.revirewdetailPage .column .right div {

    height: 33px;
    background: #F4F4F4;
    border-radius: 5px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin-top: 5px;
    margin-left: 10px;
}

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

.revirewdetailPage .formbox {
    padding-top: 0;
}

.revirewdetailPage .headtop {
    padding-left: 0;
    padding-right: 0;
}

.revirewdetailPage .textarea {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.revirewdetailPage .formbox .box div .right input {
    color: #333;
    font-weight: 500;
}
.revirewdetailPage .textarea p{
    color: #333;
    font-weight: 500;
    font-size: 15px; 
    width: 100%;
    margin-top: 10px;

}
.revirewdetailPage .formbox .box div .right p {
    color: #333;
    font-weight: 500;
    font-size: 15px;
}
.revirewdetailPage .formbox .box div .left p {
    color: #666666;
}

.revirewdetailPage .detailsText {
    color: #333;
    padding-left: 0;
}

.revirewdetailPage .detailsText::placeholder {
    color: rgba(153, 153, 153, 0.6);
}

.filtertabbox {
    width: 100%;
    overflow-x: scroll;
}
.weui-half-screen-dialog__ft .weui-btn{
    color: #fff !important;
}


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

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

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

.revirewlistPage .item {
    display: none;
    height: 100%;
}

.revirewlistPage .item.dis {
    display: block;
    height: 100%;
}

.revirewdetailPage .submint {
    width: 90%;
    height: 50px;
    background: linear-gradient(90deg, #23A2FF 0%, #077CFF 100%);
    box-shadow: 0px 2px 5px 0px rgba(73, 123, 254, 0.4);
    border-radius: 450px;
    font-weight: 600;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
    letter-spacing: 5px;

}

.Company .bot,.sealType .bot {
    display: flex;
    justify-content: flex-start !important;
    flex-wrap: wrap;
}

.Company .bot .addCompany,.sealType .bot .addType{
    width: 32px;
    height: 32px;
    margin-top: 15px;
}

.Company .bot>div,.sealType .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;
}

.Company .bot>div p,.sealType .bot>div p  {
    font-weight: 400;
    font-size: 15px;
    color: #1A1A1A;
}

.Company .bot>div .del,.sealType .bot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.Company .bot input,.sealType .bot input {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    border: none !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    margin-top: 10px;
}

.segmentation .num input,.sealType .num input {
    width: 50px !important;
    text-align: center !important;
}

.Company .bot input::placeholder,.sealType .bot input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(153, 153, 153, 0.5);
}

.laryduiwu .searchbox {
    width: 100%;
    height: 47px;
    background: #FBFEFF;
    border-radius: 22px;
    position: relative;
    border: 1px solid #077CFF;
    box-sizing: border-box;
}

.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 .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;
}

.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/icon135.png") no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.addmun,
.delnum {
    width: 20px !important;
    height: 20px !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;
    background: transparent;
    line-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.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;
}


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

.material .left {
    flex-wrap: nowrap;
    text-wrap: nowrap;
}

.material .tstext p {
    font-size: 13px;
    color: #999 !important;
}

.material>div:first-child {
    height: 100%;
    align-items: flex-start;
}

.material .fujianbox {
    width: 100%;
    margin-top: 10px;
    flex-direction: column;
}

.material .Upload {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #077CFF;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #077CFF;
}

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


.fujian {
    width: 100%;
    background: #F9FBFF;
    border-radius: 6px;
    border: 1px solid #d8d8d896;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-top: 10px;

}

.fujian:last-child {
    margin-bottom: 0;
}

.fujian .img {
    width: 26px;
    height: 26px;
    margin-right: 11px;
}

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

.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 .look {
    /* width: 19px; */
    height: 19px;
    margin-right: 3px;
    flex-shrink: 0;

}

.fujian .down {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    margin-right: 3px;
}
.fujian .preview {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    margin-right: 3px;
}
.fujian .shanchu {
    font-weight: 500;
    font-size: 15px;
    color: #FF685E;
}

.attachment {
    width: 100%;
}


.formsrc .formbox .box div .right .pass {
    width: 38px !important;
    height: auto !important;
}




.formsrc .splc {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    padding: 15px;
    box-sizing: border-box;
}

.formsrc .splc .column {
    padding-left: 20px !important;
    box-sizing: border-box;
}

.formsrc .splc .column .tit {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    box-sizing: border-box;
}

.formsrc .splc .column:first-child .tit {
    margin-top: 0;
}

.formsrc .splc .column .bot {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.formsrc .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;
}

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

.formsrc .splc .column .bot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.formsrc .splc .column .bot .add {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}

.formsrc .splc .column .tit {
    position: relative;
}

.formsrc .splc .column {
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    padding-top: 15px;
}

.formsrc .splc .column:first-child {
    padding-top: 0;
}

.formsrc .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;
}

.formsrc .splc .column::before {
    width: 1px;
    height: 104%;
    border-left: 1px solid #888;
    content: "";
    position: absolute;
    left: 5px;
    top: 17px;
}

.formsrc .splc .column:last-child::before {
    border-left: 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;
    margin-bottom: 0;
}

.category .categorybot {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.category .categorybot>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;
}

.category .categorybot>div .del {
    width: 14px;
    height: 14px;
    margin-left: 15px;
}

.category .categorybot .add {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}


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

.cozylary .cozybox {
    width: 86%;
    background: url("../images/icon166.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: -7vh;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
}
.cozylary .cozybox h1{
    font-weight: bold;
font-size: 18px;
color: #1A1A1A;
text-align: center;
margin-bottom: 15px;
}
.cozylary .cozybox img{
    width:20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 20px;
}
.cozylary .cozybox h2{
    font-weight: 500;
font-size: 16px;
color: #555555;
text-align: justify;
text-indent: 2em;
margin-bottom: 5px;
}
.cozylary .cozybox div{
width: 100%;
background: #F2F4F5;
border-radius: 10px;
box-sizing: border-box;
padding: 4px 8px;

}
.cozylary .cozybox div p{
    font-weight: 400;
font-size: 16px;
color: #333333;
word-wrap: break-word;

}
.cozylary .cozybox div.copy{
width: 50%;
height: 45px;
background: linear-gradient( 288deg, #0070ED 0%, #367AE2 100%);
box-shadow: inset 0px 1px 5px 0px rgba(255,255,255,0.3);
border-radius: 30px;
margin: 0 auto;
font-weight: 500;
font-size: 18px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}


.fuzhilary{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    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;
    text-wrap: wrap !important;
}
.column .left p{
    text-wrap: wrap !important;
    word-wrap: break-word !important;
}
.promptbox {
    padding-top: 10px;
    box-sizing: border-box;
}
.promptbox .h2{
    font-weight: 500;
font-size: 16px;
color: rgba(85,85,85,0.8);
text-indent: 2em;
}
.promptbox .promptlink{
width: 100%;
background: #F2F4F5;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 10px;
box-sizing: border-box;

}
.promptbox .promptlink p{
    font-weight: 400;
font-size: 16px;
color: #333333;
text-wrap: wrap;
word-wrap: break-word;width: 100%;text-align: center;
}
.promptbox .promptlink div.copy{
  width: 150px;
height: 36px;
background: linear-gradient( 288deg, #0070ED 0%, #367AE2 100%);
box-shadow: inset 0px 1px 5px 0px rgba(255,255,255,0.3);
border-radius: 30px;
box-sizing: border-box;
font-weight: 500;
font-size: 18px;
color: #FFFFFF;
display: flex;
line-height: 0;
align-items: center;
justify-content: center;margin-top: 5px;
}

.formsrc .column .box .record_c {
   padding:0 0 10px 15px !important ;
   margin-top: 0 !important;
}
.formsrc .column .box {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: none !important;
}