body {
    padding: 0;
    margin: 0;
    color: rgb(136, 136, 136);
}

img {
    object-fit: cover;
}

@font-face {
    font-family: "my-font";
    src: url('http://cdn.maiscript.com/font1.ttf');
}

@font-face {
    font-family: "my-font-en";
    src: url('http://cdn.maiscript.com/font2.ttf');
}

p {
    margin-block-end: 0;
    margin-block-start: 0;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.wrap {
    padding: 15px;
}

.header {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 22px;
    color: #2c2c2c;
}

.header-title {
    font-size: 22px;
    margin-bottom: 5px;
}

.header-sub-title {
    font-size: 12px;
}

.my-grey {
    margin: 10px 0px;
}

.header-tag {
    text-align: right;
    font-size: 14px;
    margin-bottom: 20px;
}

.audio {
    position: fixed;
    right: 15px;
    top: 15px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid rgb(136, 136, 136);
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    z-index: 999;
}

@keyframes rotate-music {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.audio img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    animation: rotate-music 3s linear infinite;
}

audio {
    width: 0;
    height: 0;
}

.bg-img-one {
    width: 100%;
    height: 420px;
    background: url('http://cdn.maiscript.com/wedding%2F035-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-two {
    margin-top: 10px;
    width: 100%;
    height: 300px;
    background: url('http://cdn.maiscript.com/wedding%2F15FC9F29-1B5B-4BD4-A302-CF9A0FDA7D97_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-3 {
    width: 100%;
    height: 300px;
    margin-top: 20px;
    background: url('http://cdn.maiscript.com/wedding%2FCDDBF88C-57EE-4C2C-AAAF-72EF58906787_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -60px;
}

.bg-img-4 {
    display: inline-block;
    width: 97%;
    height: 100%;
    background: url('http://cdn.maiscript.com/wedding%2F6AC58850-0FF7-4CA4-A7E3-DF4DA628E920_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-11 {
    display: inline-block;
    width: 97%;
    height: 100%;
    background: url('http://cdn.maiscript.com/wedding%2F0BA61956-85C2-404A-A8F1-EBB0BD302069_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -20px 0px;
}

.bg-img-5 {
    width: 97%;
    height: 100%;
    background: url('http://cdn.maiscript.com/wedding%2F4C5D1296-0698-4910-ABB7-6779726ADDE4_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-6 {
    width: 100%;
    height: 200px;
    background: url('http://cdn.maiscript.com/wedding%2FE71DC00F-B343-43FD-9389-A0CF5657DEA6_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -30px;
}

.bg-img-7 {
    width: 100%;
    height: 200px;
    margin-top: 10px;
    background: url('http://cdn.maiscript.com/wedding%2F03FCEF52-C0CB-4E5A-BAB6-1FC23DF30FE2_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -10px;
}

.bg-img-8 {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    background: url('http://cdn.maiscript.com/wedding%2FF3A6C3D6-D805-4D72-A990-B677AFB9AF83_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-9 {
    width: 97%;
    height: 300px;
    background: url('http://cdn.maiscript.com/wedding%2F73379326-03C0-46DF-9DDB-63A284458EF5_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -14px 0px;
}

.bg-img-10 {
    display: inline-block;
    width: 97%;
    height: 300px;
    background: url('http://cdn.maiscript.com/wedding%2F7B318861-21F0-41B0-BF9B-C216D4582B4B_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-12 {
    width: 97%;
    height: 300px;
    background: url('http://cdn.maiscript.com/wedding%2F45274306-693F-40FE-A173-3134B2E97170_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -14px 0px;
}

.bg-img-13 {
    display: inline-block;
    width: 97%;
    height: 300px;
    background: url('http://cdn.maiscript.com/wedding%2F2DE10AC9-EAAF-4631-95AF-06D0C93D7A81_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -26px 0px;
}

.yqh {
    margin-top: 20px;
    font-size: 14px;
}

.yqh p {
    margin: 10px 0px;
}

.love-time {
    padding-top: 30px;
}

.love-time-title {
    font-family: 'my-font';
    color: #2c2c2c;
}

.love-time-sub-title {
    font-family: 'my-font-en';
    margin-top: 6px;
    font-size: 13px;
    color: #2c2c2c;
}

.love-interval {
    padding: 15px 0px;
}

.love-interval p {
    margin: 10px 0px;
    font-size: 14px;
}

.love-interval-time {
    color: #2c2c2c;
    font-size: 12px;
}

.about-img {
    width: 100%;
    height: 300px;
}

.about-img-item {
    width: 50%;
    height: 300px;
    float: left;
}

.about-img-left {
    text-align: left;
}

.about-img-right {
    text-align: right;
}

.about-p {
    margin: 20px 0px;
    font-size: 14px;
    text-align: right;
}

.about-p p {
    margin: 5px 0px;
}

.hr {
    height: 1px;
    width: 100%;
    margin: 20px 0px;
    background-color: rgb(136, 136, 136);
}

.star {
    height: 60px;
    width: 30%;
}

.star img {
    object-fit: contain;
}

.img-mini-card {
    height: 48%;
    width: 100%;
}

.avatar {
    height: 100px;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

.avatar-item {
    margin: 0px 3px;
    display: inline-block;
    width: 100px;
    height: 100%;
    border-radius: 50%;
}

.avatar1 {
    background: url('http://cdn.maiscript.com/wedding%2F1F1CDA61-E52E-4CC3-A8E6-468B1951E624_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -18px 0px;
}

.avatar2 {
    background: url('http://cdn.maiscript.com/wedding%2F0333E2D0-F13D-4970-9B48-1F5666AB4B35_1_105_c.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -20px 0px;
}

.iframe {
    padding: 20px 30px;
    height: 180px;
}

.location {
    width: 100%;
    height: 100%;
    background: url('http://cdn.maiscript.com/wedding%2FWeChat63a12881696bb8e4ad6b9d27467593e8.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #b0917f;
}

.footer {
    padding: 20px 0px 40px 0px;
    font-family: 'my-font';
    color: #b0917f;
    font-size: 18px;
}

.footer-en {
    font-family: 'my-font-en';
    color: #b0917f;
    font-size: 13px;
}

.footer p {
    margin-bottom: 10px;
}