html,
body {
    width: 100%;
    font-family: "Microsoft YaHei" !important;
    /* font-size: calc(100vw/1920*100); */
}

.w1200 {
    width: 1200px !important;
    min-width: 1200px !important;
    max-width: 1200px !important;
    margin: 0 auto;
}

/*webkit内核*/
html::-webkit-scrollbar {
    width:0px;
    height:0px;
}


.mw1200 {
    min-width: 1200px;
}

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

img {
    display: block;
}

[v-cloak] {
    display: none !important;
}


/* pc-移民费用计算器 */
#pc-lmmigrationcosts {
    width: 100%;
}

/* banner */
#pc-lmmigrationcosts header {
    width: 100%;
    height: 1083px;
    background: url('../img/jpclmmigrationcosts.png') top center no-repeat;
    background-size: cover;
    position: relative;
}

/* 问题&答案 */
#pc-lmmigrationcosts header>div {
    height: 608px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

#pc-lmmigrationcosts header>div .pc-lmmigrationcosts-qs-left {
    width: 44px;
    height: 397px;
    position: relative;
    margin: 63px 0 0 58px;
    background: url('../img/jpclmmigrationcostsline.png') no-repeat;
    background-position: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    box-sizing: border-box;
}

#pc-lmmigrationcosts header>div .pc-lmmigrationcosts-qs-left>div {
    width: 44px;
    height: 44px;
    position: relative;
}

#pc-lmmigrationcosts header>div .pc-lmmigrationcosts-qs-left>div .img1 {
    width: 100%;
    height: 100%;
}

#pc-lmmigrationcosts header>div .pc-lmmigrationcosts-qs-left>div .img2 {
    width: 68px;
    height: 67px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pc-lmmigrationcosts-qs-right {
    width: 1060px;
    height: 608px;
    background: url('../img/jpclmmigrationcostslinelistsbg.png') no-repeat;
    background-size: cover;
    position: relative;
}

.pc-lmmigrationcosts-qs-right>div {
    z-index: 100;
    width: 965px;
    height: 477px;
    background: url('../img/jpclmmigrationcostslinelists.png') no-repeat;
    background-size: cover;
    margin: 40px auto auto auto;
    padding-top: 54px;
    box-sizing: border-box;
}

.pc-lmmigrationcosts-qs-right-title {
    font-size: 34px;
    color: rgb(172, 55, 6);
    font-weight: bold;
    line-height: 1;
    /* transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -moz-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -webkit-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -ms-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0); */
    text-align: center;
    margin-bottom: 128px;
}

.titlecountries {
    /* margin-bottom: 118px !important; */
    margin-bottom: 108px !important;
}

.titleidentity {
    margin-bottom: 148px !important;
}
.titlemode{
    margin-bottom: 108px !important;
}

.pc-lmmigrationcosts-qs-right-qs {
    margin: 0 auto;
    width: 688px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.qscountries {
    width: 710px !important;
}

.qsmode {
    width: 814px !important;
}

.pc-lmmigrationcosts-qs-right-qs-item {
    font-size: 24px;
    color: rgb(68, 68, 68);
    /* transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -moz-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -webkit-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0);
    -ms-transform: matrix(0.97466155432739, 0, 0, 0.97466155432739, 0, 0); */
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    width: 309px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 27px;
    position: relative;
    top: 0px;
    /* transition: top .1s linear; */
    box-sizing: border-box;
}

.qscountries-item {
    width: 178px !important;
    height: 64px !important;
}

.qsmode-item {
    width: 233px !important;
    height: 63px !important;
}

.pc-lmmigrationcosts-qs-right-qs-item:hover {
    border: none;
    background-color: rgb(246, 143, 125);
    box-shadow: -0.31px 8.99px 11.57px 1.43px rgba(211, 83, 61, 0.36);
    top: -6px;
}

.pc-lmmigrationcosts-qs-right-qs-itemact {
    border: none;
    background-color: rgb(246, 143, 125);
    box-shadow: -0.31px 8.99px 11.57px 1.43px rgba(211, 83, 61, 0.36);
    top: -6px;
}

.qsmodebtn {
    background-image: -moz-linear-gradient(90deg, rgb(208, 54, 37) 0%, rgb(224, 89, 34) 98%);
    background-image: -webkit-linear-gradient(90deg, rgb(208, 54, 37) 0%, rgb(224, 89, 34) 98%);
    background-image: -ms-linear-gradient(90deg, rgb(208, 54, 37) 0%, rgb(224, 89, 34) 98%);
    box-shadow: -0.17px 5px 34.92px 1.08px rgba(185, 101, 17, 0.34);
    width: 198px;
    height: 49px;
    border-radius: 24px;
    font-size: 26.5px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    /* transform: matrix(0.83014060869582, 0, 0, 0.83014060869582, 0, 0);
    -moz-transform: matrix(0.83014060869582, 0, 0, 0.83014060869582, 0, 0);
    -webkit-transform: matrix(0.83014060869582, 0, 0, 0.83014060869582, 0, 0);
    -ms-transform: matrix(0.83014060869582, 0, 0, 0.83014060869582, 0, 0); */
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qsshow1-enter-active {
    animation: qsshowactive01 .5s linear;
}

/* .qsshow1-leave-active {
    animation: qsshowactive11 .5s;
} */

@keyframes qsshowactive01 {
    from { 
        /* opacity: 0; */
        /* transform: translateY(-200px) rotate(15deg); */
        transform: translate(-450px,-160px) scale(.1);
    }

    to {
        /* opacity: 1; */
        /* transform: translateY(0); */
        transform: scale(1);
    }
}

@keyframes qsshowactive11 {
    from {
        /* opacity: 1;
        transform: translateY(0) rotate(0deg); */
        transform: scale(1);
    }

    to {
        /* opacity: 0;
        transform: translateY(-200px) rotate(-15deg); */
        transform: translate(-450px,-160px) scale(.1);
    }
}
.qsshow2-enter-active {
    animation: qsshowactive02 .5s linear;
}
@keyframes qsshowactive02 {
    from { 
        transform: translate(-450px,-65px) scale(.1);
    }

    to {
        transform: scale(1);
    }
}
.qsshow3-enter-active {
    animation: qsshowactive03 .5s linear;
}
@keyframes qsshowactive03 {
    from { 
        transform: translate(-450px,25px) scale(.1);
    }

    to {
        transform: scale(1);
    }
}
.qsshow4-enter-active {
    animation: qsshowactive04 .5s linear;
}
@keyframes qsshowactive04 {
    from { 
        transform: translate(-450px,110px) scale(.1);
    }

    to {
        transform: scale(1);
    }
}
/* 弹出层 */

#pc-lmmigrationcosts .mask {
    background-color: rgba(52, 52, 52, .4);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pc-lmmigrationcosts .mask>div {
    width: 895px;
    height: 562px;
    background: url('../img/jpclmmigrationcostsresultbg.png') no-repeat;
    background-size: cover;
    z-index: 99;
    margin: auto;
    position: relative;
    text-align: center;
    padding-top: 46px;
    box-sizing: border-box;
}


#pc-lmmigrationcosts .mask>div>img {
    position: absolute;
    top: -12px;
    right: 0;
    width: 46px;
    height: 46px;
}

#pc-lmmigrationcosts .mask>div .masktitle1 {
    font-size: 25px;
    color: rgb(51, 51, 51);
    line-height: 1;
}


#pc-lmmigrationcosts .mask>div .masktitle2 {
    font-size: 42px;
    color: rgb(167, 50, 5);
    line-height: 1;
    font-weight: bold;
    margin: 24px 0 26px 0;
}


#pc-lmmigrationcosts .mask>div .masktitle3 {
    font-size: 25px;
    color: rgb(51, 51, 51);
    line-height: 1;
    margin-bottom: 30px;
}
#pc-lmmigrationcosts .mask>div .maskbtns {
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;  
}
#pc-lmmigrationcosts .mask>div .maskbtns div{
    font-size: 24px; color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}
#pc-lmmigrationcosts .mask>div .maskbtns a{
    display: block;
    text-decoration: none;
}
#pc-lmmigrationcosts .mask>div .maskbtns a:first-child div{
    background-image: -moz-linear-gradient( 90deg, rgb(203,42,38) 0%, rgb(224,88,35) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(203,42,38) 0%, rgb(224,88,35) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(203,42,38) 0%, rgb(224,88,35) 100%);
    width: 186px;
    height: 46px;
    border-radius: 23px;
    margin-right: 37px;
}
#pc-lmmigrationcosts .mask>div .maskbtns a:last-child div{
    width: 186px;
    height: 46px;border-radius: 23px;
    background-image: -moz-linear-gradient( 90deg, rgb(237,127,19) 0%, rgb(237,188,19) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(237,127,19) 0%, rgb(237,188,19) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(237,127,19) 0%, rgb(237,188,19) 100%);
}


/* 表单 */
.pc-lmmigrationcosts-form {
    width: 100%;
    background-color: rgb(246, 143, 125);
    padding-top: 42px;
}

.pc-lmmigrationcosts-form-con .pc-lmmigrationcosts-form-con-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pc-lmmigrationcosts-form-con-title span {
    font-size: 32px;
    color: rgb(255, 255, 255);
    line-height: 1;
    font-weight: bold;
    margin: 0 18px;
}

.pc-lmmigrationcosts-form-con-title div {
    width: 238px;
    height: 4px;
}

.pc-lmmigrationcosts-form-con-title div:first-child {
    background: linear-gradient(to left, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255, 0))
}

.pc-lmmigrationcosts-form-con-title div:last-child {
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255, 0))
}

.pc-selfhelpcalc-formlists {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 35px 0 42px;
}

.pc-lmmigrationcosts-form .el-input__inner {
    width: 297px !important;
    height: 54px !important;
    border-width: 1px;
    border-color: rgb(170, 170, 170);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    font-size: 16px;
    color: rgb(68, 68, 68);
    padding-left: 17px;
}

.pc-lmmigrationcosts-form input::-webkit-input-placeholder {
    font-size: 16px;
    color: rgb(68, 68, 68);
}

.pc-lmmigrationcosts-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 16px;
    color: rgb(68, 68, 68);
}

.pc-lmmigrationcosts-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    color: rgb(68, 68, 68);
}

.pc-lmmigrationcosts-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 16px;
    color: rgb(68, 68, 68);
}

.pc-lmmigrationcosts-form .el-select .el-input.is-focus .el-input__inner {
    border-color: rgb(170, 170, 170);
}

.pc-lmmigrationcosts-form .el-icon-arrow-up:before {
    content: '';
}

.pc-lmmigrationcosts-form .el-select .el-input__inner:focus {
    border-color: rgb(170, 170, 170);
}

.pc-lmmigrationcosts-form .el-input__suffix-inner {
    background: url('../img/jpcformdown.png') center no-repeat;
    width: 22px;
    height: 12px;
    margin-right: 18px;
}

.pc-selfhelpcalc-formlists-ni {
    overflow: hidden;
    width: 264px;
    height: 56px;
    border-width: 1px;
    border-color: rgb(170, 170, 170);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgb(68, 68, 68);
    padding: 0 17px;
    box-sizing: border-box;
    white-space: nowrap;
}

.pc-selfhelpcalc-formlists-ni input {
    font-size: 16px;
    color: rgb(68, 68, 68);
    border: none;
    outline: none;
    width: 140px;
}

.pc-selfhelpcalc-formlists-nipone {
    width: 303px !important;
}


.pc-selfhelpcalc-formlists-ni input::-webkit-input-placeholder {
    font-size: 16px;
    color: rgba(68, 68, 68, .5);
}

.pc-selfhelpcalc-formlists-ni input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 16px;
    color: rgba(68, 68, 68, .5);
}

.pc-selfhelpcalc-formlists-ni input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    color: rgba(68, 68, 68, .5);
}

.pc-lmmigrationcosts-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 16px;
    color: rgba(68, 68, 68, .5);
}

.pc-lmmigrationcosts-formlists-nipone {
    width: 303px;
}

.pc-selfhelpcalc-form-but {
    border-radius: 10px;
    background-image: -moz-linear-gradient(90deg, rgb(201, 39, 39) 2%, rgb(226, 92, 34) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(201, 39, 39) 2%, rgb(226, 92, 34) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(201, 39, 39) 2%, rgb(226, 92, 34) 100%);
    width: 211px;
    height: 56px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.pc-selfhelpcalc-bottom {
    width: 100%;
}

.pc-selfhelpcalc-bottom img {
    width: 100%;
}