/*@import "./animate/animate.css";*/
.w {
    width: 1220px;
    margin: 0 auto;
}

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

a {
    text-decoration: none;
}

.scal-y-1 {
    transform: scaleY(1) !important;
}

.selectall {
    border: 1px solid #ccc;
    outline: none;
    border-radius: 10px;
    color: #75758b;
    padding-left: 0px;
    padding-top: 0px;
}

.select-all {
    border: none;
    color: #4672eb;
    background-color: #f0f5ff;
}

.font14 {
    font-size: 14px;
    padding-top: 30px;
}

.font14-6 {
    font-size: 14px;
    padding-bottom: 14px;
    padding-top: 31px;
    color: #666666;
}

.btninput>.item {
    display: flex;
}

.btninput>.item>div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.btninput>.item>input {
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
}


/* 取消服务  添加服务 */


/*
  <div class="item3 serviceaddde">
                                    <div>取消服务</div>
                                    <div style="background-color: #4773eb;">添加服务</div>
                                </div>
*/

.serviceaddde {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.serviceaddde>.cancle-service-2 {
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #ccc;
    margin-right: 30px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
}

.serviceaddde>.add-service-2 {
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #4672EB
}


.serviceaddde>.cancle-service-2:hover {
    color: #fff;
    background-color: #4672EB;
}

.inputpos {
    position: relative;
}

.inputpos>select {
    position: absolute;
    top: 64px;
    right: 0px;
    height: 40px;
    border: 1px solid #ccc;
}


/* .box-shadow-1 {
    box-shadow: 0 2px 4px rgba(123, 127, 216, .3);
    transition: .3s;
} */


/* 内容 */

.compadmain {
    padding: 30px;
    background-color: #fbfbfd;
    margin-top: 30px;
}

.btninput40>.item {
    display: flex;
}

.btninput40>.item>div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
}

.btninput40>.item>input {
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}


/*font14后有接属性 */

.d-flex {
    display: flex;
}

.fdc {
    flex-direction: column;
}

.jac {
    justify-content: center;
    align-items: center;
}

.jc {
    justify-content: center;
}

.ac {
    align-items: center;
}

.jsb {
    justify-content: space-between;
}

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

.je {
    justify-content: end;
}

.dpn {
    display: none;
}

.pd2 {
    padding:10px;
    margin-top: 20px;
}

.font14no {
    font-size: 14px;
}

.cus {
    cursor: pointer;
}

@font-face {
    font-family: SYB;
    src: url(../fonts/SourceHanSansCN-Bold.otf) format("opentype")
}

@font-face {
    font-family: SY;
    src: url(../fonts/SourceHanSansCN-Regular.otf) format("opentype")
}

@font-face {
    font-family: SYR;
    src: url(../fonts/SourceHanSansCN-Regular.otf) format("opentype")
}

@font-face {
    font-family: SYN;
    src: url(../fonts/SourceHanSansCN-Normal.otf) format("opentype")
}

@font-face {
    font-family: RB;
    src: url(../fonts/Roboto-Black_0.ttf) format("opentype")
}

@font-face {
    font-family: SYM;
    src: url(../fonts/SourceHanSansCN-Medium.otf) format("opentype")
}

body {
    font-family: Helvetica Neue,PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

.c9 {
    color: #999999;
}

.f24 {
    font-size: 24px;
}

.c9-14 {
    color: #999999;
    font-size: 14px;
}

.show-none {
    display: none !important;
}

.boder-blue {
    color: #fff;
    background-color:#4672eb !important;
}

.po-line {
    position: relative;
}

.po-line::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 131px;
    left: 186px;
    top: 18px;
    /* background-color: black; */
    border-left: 1px dashed #ccc;
}

.rotate {
    transform: rotate(180deg) !important;
}

i {
    transition: .3s;
}

select {
    transition: .3s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.wid-1440-2 {
    width: 810px;
}

.border-right-10px {
    border-radius: 0px 10px 10px 0px;
}

.border-left-10px {
    border-radius: 10px 0px 0px 10px;
}

.card-wid {
    width: 340px;
}

.txt-blue {
    color: #447AED;
}

.main>.item>.title>span:hover {
    font-size: 20px;
    transition: .3s;
}

/*@media screen and (max-width: 1440px) { !*<=1440的设备*!
    .w {
        width: 1220px !important;
    }
    body {
        font-size: 14px;
    }
    .box>.item2>.card02>.main>.nzxservice>.item1>.item1-0-1>.builtin_cd_box>.builtin_cd>.item1>div>input {
        width: 245px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item1>.item1-0-1>.builtin_cd_box>.builtin_cd>.item1>div>textarea {
        width: 245px !important;
    }
    .flex-1440 {
        justify-content: start !important;
    }
    .flex-1440>img {
        padding-right: 56px;
    }
    .inppor>select {
        top: 37px !important;
        height: 48px !important;
    }
    .box>.item2>.card01>.item2-1>.item002>.item002-1>.item0>.item001>.item003>select {
        top: 35px;
    }
    .box>.item2>.card03>.sum {
        font-size: 14px;
    }
    .box>.item2>.card02>.main>.mainitem>.mainitem1>div {
        margin-right: 11px;
    }
    .box>.item2>.card02>.main>div:nth-child(1)>div {
        margin-right: 11px;
    }
    .box>.item2>.card03>.btn input {
        width: 12px;
        height: 12px;
    }
    .box>.item2>.card03>.btn span {
        font-size: 12px;
    }
    .box>.item2>.card03>.main>div {
        width: 129px;
    }
    .box>.item2>.card03>.item1-2>.item0>div:nth-child(3) {
        width: 71px;
    }
    .proitem1::after {
        width: 985px !important;
    }
    .proitem3::after {
        width: 1020px !important;
    }
    .tbcarditemtwo {
        width: 100%;
    }
    .card-wid {
        width: 227px;
    }
    .tbcarditemtwo>div {
        width: 100% !important;
    }
    .main-1440>div:nth-child(1) {
        width: 63% !important;
    }
    .main-1440>div:nth-child(2) {
        width: 37% !important;
    }
    .tip {
        width: 1220px !important;
    }
    .tipall {
        width: 1257px !important;
    }
    .topsearch>form>div>div {
        margin-right: 91px !important;
    }
    .bantags>.three>.three3 {
        left: 522px !important;
    }
    .inputpos>select {
        top: 66px;
    }
    .box>.item2>.card03>.item1-1>.item0>div:nth-child(2) {
        margin-right: 36px !important;
    }
    .box>.item2>.card03 {
        padding: 20px !important;
        width: 700px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item1>.item1-0-1>.item1>div>input {
        width: 248px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item1>.item1-0-1>.item1>div textarea {
        width: 238px !important;
        box-sizing: border-box;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item2>.item1-0>.vehicleBox>.vehicle>div:nth-child(1) select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item2>.item1-0>.vehicleBox>.vehicle>div:nth-child(1) input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item2>.item1-0>.vehicleBox>.vehicle>div:nth-child(2) input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item1>.item1-0>div:nth-child(2) input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.hwcsevice>form>.item1>.item1-0>div:nth-child(1) select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.qgserivce>form>.item001>.item0>div select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.qgserivce>form>.item001>.item0>div input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.bxservice>.item0>div input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.bxservice>.item0>div select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.bgservice>.item0>.item1>div select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.bgservice>.item0>.item1>div input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item2>.vehicleBox>.vehicle>.item1-0 select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item2>.vehicleBox>.vehicle>.item1-0 input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item2>.builtin_gc_box>.builtin_gc>.item1-0>div>select {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item2>.builtin_gc_box>.builtin_gc>.item1-0 input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.nzxservice>.item1>.item1-0>div>input {
        width: 238px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem3>.boxcar>.item3>textarea {
        width: 480px !important;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem3>.boxcar>.item>div>select {
        width: 123px !important;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem3>.boxcar>.item>div>input {
        width: 245px !important;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem>.item>div>input {
        width: 245px !important;
    }
    .wid-1440-139 {
        width: 139px!important;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem3>.boxcar>.item>div>select {
        width: 332px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem3>.boxcar>.item>div>input {
        width: 140px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem2 {
        width: 517px !important;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem>.item>div {
        margin-top: 20px;
    }
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.boxitem>.item {}
    .box>.item2>.card02>.main>.mainitem>.carservice>.main>.item001>div>input {
        width: 232px;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem3>.boxcar>.item3>textarea {
        width: 490px !important;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem3>.boxcar>.item {
        flex-wrap: wrap;
    }
    .wid-1440-2 {
        width: 520px;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem2 {
        width: 535px !important;
    }
    .box>.item2>.card01>.item2-1>.item003>.item {
        width: 94%;
    }
    .box>.item2>.card02>.main>.carservice>.main>.boxitem>.item>div {
        margin-top: 20px;
    }
    .box>.item2>.card02>.main>.carservice {
        padding: 19px;
    }
    !* .none-1440 {
        display: none !important;
    } *!
    !* .box>.item2>.card01>.item2-1>.item002>.item002-1>.item006>.maflex>div>textarea {
        width: 250px !important;
    } *!
    .box>.item2>.card02 {
        width: 586px;
    }
    .box>.item2>.card01>.item2-1>.item002>.item002-1>.item006>.maflex>div>select {
        width: 279px !important;
    }
    .wid-1440 {
        width: 295px !important;
    }
    .box>.item2>.card01>.item2-1>.item002>.item002-1>.item0>.item001>div>input {
        width: 207px !important;
    }
    .box>.item2>.card01>.item2-1>.item002>.item002-1>.maflex>div>textarea {
        width: 278px !important;
    }
    .box>.item2>.card01>.item2-1>.item002>.item002-1 {
        width: 586px !important;
    }
    .box>.item2>.card0>.item2-1 {
        width: 696px !important;
        padding: 20px !important;
        box-sizing: border-box;
    }
    .wid-1440-1 {
        width: 280px !important;
    }
    .box>.item2>.card01>.item2-1 {
        width: 696px !important;
        padding: 20px !important;
        box-sizing: border-box;
    }
    .box>.item2>.card02>.item2-1 {
        width: 603px !important;
        padding: 20px !important;
        box-sizing: border-box;
    }
    .margin-0-1440 {
        margin: 0px !important;
    }
    .margin-r-1440 {
        margin-right: 5px !important;
    }
    .margin-1440 {
        margin-left: 47px !important;
    }
    .font-size-1440-12 {
        font-size: 12px !important;
    }
    .font-size-1440-14 {
        font-size: 14px !important;
    }
    .font-size-1440 {
        font-size: 14px;
    }
    .navli>li>a {
        font-size: 14px;
    }
    .logo {
        width: 137px !important;
    }
    .navli>li:nth-child(1) {
        margin-left: 4px !important;
    }
    .inp_personal {
        width: 141px;
    }
    .inp_company {
        width: 141px;
    }
    .navli>li:last-child {
        display: none;
    }
    .tbcarditemone>div>div {
        !* width: 96% !important;
        padding-right: 28px; *!
    }
    .main-banner-2 .item2::after {
        height: 775px !important;
    }
    !* .margin-1440-left {
        margin-left: 27px !important;
    } *!
}*/

/*table tr>th:nth-child(1) {
    padding-left: 10px;
    box-sizing: border-box;
}

table tr>td:nth-child(1) {
    padding-left: 10px;
    box-sizing: border-box;
}*/