div {
    box-sizing: border-box;
}
.thank-box .uni-header {
    padding-top: 65px;
}
.thank-box .particulars {
    margin: 10px auto 0;
}
.thank {
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #131313;
    margin: 78px auto 39.5px;
    width: 740px;
}
.thank-box .content-box {
    width: 1080px;
    margin: 0 auto;
    padding-bottom: 92px;
}
.thank-message {
    /*width: 936.42px;*/
    height: 384px;
    position: relative;
    margin: 0 auto;
}
.thank-message .thank-message-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 26px;
    align-items: center;
    padding: 45px 51px 55px 51px ;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 2;
}
.thank-message::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: url('../../img/thank/thank-bg.png') no-repeat #F5FBFB;
    position: absolute;
    left: 0%;
    top: 0;
    border-radius: 26px;
    background-size: cover;
}
.thank-message .thank-img {
    height: 275px;
    margin-top: 20px;
}
.thank-message .thank-right {
    margin-left: 57px;
}
.thank-message .thank-right .item-title {
    font-size: 20px;
    line-height: 300%;
    color: #131313;
    margin-bottom: 19px;
    border-bottom: 1px dashed rgba(35, 161, 161, 0.35);
}
.thank-message .thank-right .itme-message {
    /* padding: 0 0 26px 0; */
    padding: 10px 0;
    border-bottom: 1px dashed rgba(35, 161, 161, 0.35);
}
.thank-message .thank-right .item-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 19px;
}
.thank-message .thank-right .item-key {
    font-size: 20px;
    line-height: 180%;
    color: #131313;
    width: 200px;
    display: inline-block;
}
.thank-message .thank-right .item-value {
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    color: #138080;
}
.thank-message .thank-right .p-logo {
    position: absolute;
    right: 32px;
    bottom: 23px;
}
.thank-message .thank-right .dow-button {
    margin: 28px 0 28px 0;
}
.thank-message .thank-right .win-button {
    background: #EF7650;
}
.thank-message .thank-right .mac-button {
    border: 2px solid #EF7650;
}
.thank-message .thank-right .mac-button span {
    color: #EF7650;
}
.thank-message .thank-right .mac-button span::before {
    background: url('../../img/thank/mac-logo.svg') no-repeat 100%/100%;
    width: 19px;
    height: 24px;
    background-size: 100%;
    margin-right: 10px;
}
.thank-message .thank-right .win-button,
.thank-message .thank-right .mac-button {
    width: 160px;
    height: 48px;
}
.thank-message .thank-right .win-button span,
.thank-message .thank-right .mac-button span {
    font-size: 16px;
}
.thank-message .thank-right .win-button span::before {
    width: 25px;
    height: 24px;
}
.thank-message .thank-right .win-button-img-active,
.thank-message .thank-right .mac-button-img-active {
    top: 10px;
}
@media (max-width: 770px) {
    .thank-box .content-box {
        width: 345rem;
        padding-bottom: 80rem;
    }
    .thank {
        width: 345rem;
    }
    .thank-message {
        width: 345rem;
        height: 696.09rem;
        padding-bottom: 50rem;
    }
    .thank-message::before {
        content: '';
        width: 696rem;
        height: 345rem;
        display: block;
        background: url(../../img/thank/thank-bg.png) no-repeat #F5FBFB;
        position: absolute;
        left: -174rem;
        top: 200rem;
        transform: rotate(90deg);
        background-size: 100% 100%;
        border-radius: 23rem;
    }
    .thank-message .thank-img {
        margin-right: 25rem;
        margin-top: 0;
    }
    .thank-message .thank-message-box {
        flex-direction: column;
        align-items: center;
        border-radius: 23rem;
        padding: 0;
        margin-top: 47rem;
    }
    .thank-message .thank-message-box .thank-right {
        margin-left: 0px;
    }
    .thank-message .thank-message-box .thank-right .itme-message {
        padding: 0;
    }
    .thank-message .thank-message-box .thank-right .item-title {
        font-size: 22rem;
        line-height: 140%;
        color: #131313;
        margin-top: 18rem;
        padding-bottom: 16rem;
        width: 333rem;
    }
    .thank-message .thank-message-box .thank-right .item-text {
        margin-bottom: 17rem;
    }
    .thank-message .thank-message-box .thank-right .item-text .item-key {
        font-size: 16rem;
    }
    .thank-message .thank-message-box .thank-right .item-text .item-value {
        width: 333rem;
        display: inline-block;
        font-size: 16rem;
        /*height: 23.2rem;*/
        white-space: normal;
        text-overflow: initial;
    }
    .thank-message .thank-message-box .thank-right .dow-button {
        margin: 22rem 0 0 0
    ;
    }
    .thank-message .thank-message-box .thank-right .p-logo {
        width: 77rem;
        height: 20rem;
        right: 8rem;
        bottom: 36rem;
    }
    .thank-message .item-title {
        text-align: center;
    }
    .thank-message .item-text {
        text-align: left;
    }
}