@media screen and (max-height: 600px) {
    .dialog-center{
        top:0;
        transform: translateX(-50%)
    }
    .dialog-toast{
        top:0!important;
        transform: translateX(-50%)!important;
    }
}



@media screen and (max-width: 750px) {
    .content-register>img {
        left: 65% !important;
        transform: translateX(-50%) scale(0.75) !important;
    }
}

@media screen and (max-width: 555px) {
    .content-register>img {
        left: 102% !important;
        transform: translateX(-50%) scale(0.69) !important;
    }
}


@media screen and (max-width: 1040px) {
    .pc{
        display: none!important;
    }
    .h5{
        display: block!important;
    }
    .success-word{
        background: #fff;
        text-align: center;
    }
    #registor-success-2 .success-check{
        margin-top: 40px;
        white-space: nowrap;
    }
    .input-label, .form-error, .h5-desc, .privacy a{
        white-space: nowrap!important;
    }
    .content-register>img {
        height:610px;
        position: absolute;
        top: 0;
        left: 60%;
        transform-origin: left top;
        transform: translateX(-50%) scale(0.78);

    }
    #registor-success-2{
        justify-content: flex-start;
        margin-top: 80px;
    }

    #registor-loading-2{
        height: calc(100vh - 120px)!important;
    }
    #registor-success-2{
        height: calc(100vh - 198px)!important;
    }
    #registor-success-2 .success-word{
        width: 335px!important;
        margin-top: 6px;
        padding-top:0;
    }
    #registor-success-2 .success-noget{
        position: fixed;
    }
    #registor-success-2 .resend-btn{
        width: calc(100vw - 40px);
        height: 44px;
        position: fixed;
        white-space: nowrap!important;
        bottom: 24px;
    }
    .success-noget{
        bottom: 76px;
    }
    .main {
        min-width: 360px;
        padding-top: 48px;
        padding-bottom: 96px;
    }

    .background {
        min-width: 360px;
    }

    .layout {
        min-width: 360px;
        position: relative;
    }

    .header {
        height: 48px;

    }

    .header-one img {
        width: 116.15px;
        height: 28px;
    }

    .header-two img {
        margin-right: 0;
    }

    .header-two .email-word {
        display: none;
    }

    .slogan-title {
        margin-top: 52px;
        margin-bottom: 0;
        font-weight: 700;
        padding-bottom: 8px;
        font-size: 25px;
        line-height: 34px;
        display: block;
        text-align: center;
        width: 322px;
        color: #FFFFFF;
        text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    }

    .content-register {
        height: 420px;
        display: flex;
    }



    .register-con {
        justify-content: center;
        height: 420px;
    }


    .register-form {
        display: none;
    }

    .device {
        margin: 27px 0 0 108px;
        transform-origin: left top;
        transform: scale(0.63);
        left:0;
    }

    .con-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 420px;
    }

    .slogan-tips {
        justify-content: center;
        margin-top: 4px;
        font-size: 14px;;
        max-width: calc(100vw - 54px);
        text-align: center;
        font-weight: 500;
        line-height: 19px;

    }
    .slogan-tips .icon{
        display: none;
    }

    .tools-subTitle,
    .for-carrier,
    .for-broker,
    .for-company,
    .for-partner,
    .tp-logo,
    .tp-address,
    .bottom-register {
        display: none;
    }

    .tools-con {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .icon-56 {
        width: 44px;
        height: 44px;
    }

    .tools-title {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #4C556C;
    }

    .footer {
        height: 231px;
    }

    .footer-con {
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;


    }

    .footer-company {
        position: relative;
        width: 200px;
        height: 200px;
    }

    .tp-name {
        position: absolute;
        top: 60px;
        width: 213px;
        text-align: center;
    }

    .tp-contact-con {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 213px;
        top: 116px;
    }

    .more-title {
        margin: 0 auto;
        width: 326px;
        font-weight: 700;
        font-size: 20px;
        line-height: 27px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .tools-line {
        margin-top: 32px;
    }

    .more-tools {
        padding: 40px 20px;
    }

    .feature-white img {
        transform-origin: left top;
        transform: scale(0.62) translateX(-50%);
        position: absolute;
        top: 233px;
        left: 50%;
    }


    .feature-white {
        flex-direction: column;
        position: relative;
    }

    .feature-title {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #000000;
        width: 314px;
        margin: 0 auto;
    }

    .feature-subTitle {
        margin-top: 6px;
        width: 335px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #000000;
    }

    .white-left {
        padding-top: 40px;
        position: absolute;

    }

    .ads-1 {
        height: 426.04px;
    }

    .ads-2 {
        height: 448.04px;
    }

    .ads-3 {
        height: 418px;
    }

    .ads-4 {
        height: 492px;
    }

    .ads-2 img {
        top: 225.31px;
    }

    .ads-3 img {
        top: 195px;
    }

    .ads-4 img {
        top: 269.31px
    }

    .fixed-bottom {
        display: block;
        position: fixed;
        bottom: -1px;
        z-index: 99;
        height: 96px;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        border-top: 1px solid #E7EBF3;
        box-shadow: 0px -4px 10px rgba(12, 25, 63, 0.06);

    }

    .start-btn {
        cursor: pointer;
        width: 100%;
        height: 40px;
        background: #0A8DD1;
        text-align: center;
        border-radius: 4px;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 12px;
        line-height: 40px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .start-desc {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #4C556C;
    }

    .h5-register {
        display: none;
        position: fixed;
        min-width: 360px;
        top: 48px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: #fff;
        height: calc(100vh - 48px);
        overflow:scroll;
    }

    .h5-header {
        margin: 20px auto 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 600px;
        padding: 0 20px;
    }

    .close-icon {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .h5-bottom {
        position: fixed;
        bottom: 0;
        height: 80px;
        width: 100%;
        min-width: 360px;
        border-top: 1px solid #E7EBF3;
        padding: 20px;
        background-color: #fff;
        z-index:999;
    }

    .h5-submit {
        height: 40px;
        background: #DADCE1;
        border-radius: 4px;
        font-weight: 700;
        font-size: 12px;
        line-height: 40px;
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF;
        position: relative;
    }

    .h5-desc {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
    }

    .three-con {
        display: none;
    }

    .h5-three-con {
        padding-top: 24px;
        display: block;
        position: relative;
        overflow: hidden;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        width: 100%;
        height: 372px;
    }

    .h5-card-con {
        float: left;
        height: 280px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .h5-wrap {
        position: absolute;
        width: 400%;
        height: 280px;
        z-index: 1;
        transform: translateX(-12.5%);
        display: flex;
    }

    .three-card {
        width: 335px;
        padding: 24px 32px;
        height: 280px;
    }

    .three-card .icon-48 {
        width: 40px;
        height: 40px;
    }

    .three-desc {
        margin-top: 0;
        width: 270px;
    }

    .three-user {
        margin-top: 16px;
    }

    .h5-three-buttons {
        position: absolute;
        bottom: 36px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-wrap: nowrap;
        width: 90px;
        justify-content: space-between;
    }

    .h5-three-buttons div {
        display: inline-block;
        width: 24px;
        height: 4px;
        background: #D5D8DD;
        cursor: pointer;
    }

    .content-three {
        height: 470px;
        padding-top: 40px;
    }

    .three-title {
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #000000;
    }

    .three-subTitle {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #000000;
        margin-top: 6px;

    }

    .h5-blue {
        background: #0A8DD1 !important;
    }

    .h5-input-con {
        padding: 0 20px 80px;
        max-width: 600px;
        margin: 0 auto;
        min-height: 450px;
    }

    .each-input-con-h5-first .input {
        margin-top: 12px;
    }

    .input {
        height: 40px;
        margin-top: 34px;
    }

    .privacy {
        padding-top: 16px;
        margin-bottom: 20px;

    }

    .icon-eye {
        top: 12px;
    }

    .form-error,
    .form-requried {
        top: 44px;
    }

    .footer-company {
        margin-right: 0;
    }

    .dialog-center,
    .dialog-bottom {
        width: 75%;
        min-width: 295px;
        max-width: 536px;
        margin: 0 auto;
    }

    .dialog-bottom {
        padding: 16px 0 24px;
    }

    .dialog-title {
        margin: 0 auto 8px;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #000000;
        width: 270px;
    }

    .dialog-subTitle {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #4C556C;
        margin: 0 auto 8px;
        width: 94%;
    }

    .dialog-btn {
        display: none;
    }

    .dialog-link {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        margin: 0 auto;

    }

    .dialog-center {
        height: auto!important;
    }

    .dialog-top {
        position: relative;
        height: 220px;
        width: 100%;
    }

    .dialog-top>img {
        position: absolute;
        
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .dialog-copy {
        height: 80px;
        border-top: 1px solid #E7EBF3;
        padding: 20px;
    }

    .dialog-copy-btn {
        height: 40px;
        background: #0A8DD1;
        border-radius: 4px;
        font-weight: 700;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        cursor: pointer;
    }

    .header-one {
        height: 28px;
    }

    .dialog-toast {
        display: none;
        align-items: center;
        justify-content: center;
        position: fixed;
        color: #fff;
        z-index: 9999;
        left: 50%;
        padding: 8px 12px;
        background: #F1FFF7;
        border: 1px solid #C8F1D9;
        border-radius: 4px;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #069A49;
        transform: translateX(-50%) translateY(-50%);
        top: calc(25% - 126px );
    }
    .dialog-toast img{
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
    .three-title{
        width:300px;
        margin: 0 auto;
    }
}