body {
    background: #fff;
}
body .message-tip {
    position: fixed;
    z-index: 999;
    top: 10%;
    left: 50%;
    display: none;
    padding: 4px 16px;
    font-size: 12px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    transform: translateX(-50%);

    align-items: center;
    justify-content: center;
}
body .message-tip img {
    width: 20px;
    margin-right: 10px;
}
.pc {
    display: none;
    overflow: auto;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.pc img {
    display: block;
    width: 100%;
}
.pc .one-img {
    height: calc(932 / 1440 * 100vw);
    max-height: 932px;
}
.pc .two-img {
    height: calc(1412 / 1440 * 100vw);
    max-height: 1412px;
}
.pc .three-img {
    height: calc(788 / 1440 * 100vw);
    max-height: 788px;
}
.pc .four-img {
    height: calc(563 / 1440 * 100vw);
    max-height: 563px;
}
.pc .five-img {
    height: calc(911 / 1440 * 100vw);
    max-height: 911px;
}
.pc .six-img {
    height: calc(967 / 1440 * 100vw);
    max-height: 967px;
}
.pc .seven-img {
    height: calc(1514 / 1440 * 100vw);
    max-height: 1514px;
}
.pc .eight-img {
    height: calc(947 / 1440 * 100vw);
    max-height: 947px;
}
.pc .nine-img {
    height: calc(783 / 1440 * 100vw);
    max-height: 783px;
}
.pc .ten-img {
    height: calc(831 / 1440 * 100vw);
    max-height: 831px;
}
.pc .tip-img {
    position: fixed;
    z-index: 999;
    top: 11%;
    right: 2%;
    width: 120px;
    height: calc(120 / 213 * 100vw);
    max-height: 213px;
    cursor: pointer;
}
.pc .tip-img div {
    position: absolute;
    right: 0;
    left: 0;
}
.pc .tip-img .top {
    top: 81%;
    bottom: 0;
}
.pc .tip-img .bottom {
    top: 0;
    bottom: 19%;
}
.pc .tip-img img {
    display: block;
}
.pc .iframe {
    display: block;
    width: 70%;
    height: calc(563 / 1440 * 100vw);
    max-height: 563px;
    margin: 0 auto;
}
.pc .position-wrapper {
    position: relative;
}
.pc .position-wrapper .phone {
    position: absolute;
    top: 49%;
    left: 39%;
    display: block;
    width: 16%;
}
.pc .form-table {
    position: relative;
}
.pc .form-table .table {
    position: absolute;
    z-index: 888;
    top: 20.5%;
    right: 18%;
    width: 20.5%;
    height: 72%;
}
.pc .form-table .table input {
    display: block;
    width: 100%;
    height: 7%;
    margin-bottom: 10%;
    text-indent: 7px;
    border-radius: 4px;
    background: #fff;
}
.pc .form-table .table textarea {
    box-sizing: border-box;
    width: 100%;
    height: 27%;
    padding: 7px;
    border-radius: 4px;
    background: #fff;
    resize: none;
}
.pc .form-table .table button {
    overflow: hidden;
    width: 100%;
    height: 10%;
    margin-top: 6%;
    border: none;
    font-size: 20px;
    color: #fff;
    border-radius: 28px;
    outline: none;
    background: #4493f9;
    cursor: pointer;
}
.pc .form-table .table button.disabled {
    color: #ccc;
    background: #eee;
    cursor: not-allowed;
}
.pc .form-table .table button.disabled:hover {
    background: #eee;
}
.pc .form-table .table button.disabled:active {
    background: #eee;
}
.pc .form-table .table button:hover {
    background: #61a6ff;
}
.pc .form-table .table button:active {
    background: #2847d4;
}
.mobile {
    display: none;
    width: 100vw;
}
.mobile img {
    display: block;
    width: 100%;
}
.mobile .one-img {
    height: calc(2360 / 1242 * 100vw);
}
.mobile .two-img {
    height: calc(1214 / 1242 * 100vw);
}
.mobile .three-img {
    height: calc(1058 / 1242 * 100vw);
}
.mobile .four-img {
    height: calc(700 / 1242 * 100vw);
}
.mobile .five-img {
    height: calc(1135 / 1242 * 100vw);
}
.mobile .six-img {
    height: calc(1351 / 1242 * 100vw);
}
.mobile .seven-img {
    height: calc(1583 / 1242 * 100vw);
}
.mobile .eight-img {
    height: calc(1124 / 1242 * 100vw);
}
.mobile .nine-img {
    height: calc(1562 / 1242 * 100vw);
}
.mobile .ten-img {
    height: calc(1925 / 1242 * 100vw);
}
.mobile .eleven-img {
    height: calc(1603 / 1242 * 100vw);
}
.mobile .tip-img {
    position: fixed;
    z-index: 999;
    top: 58%;
    right: 2%;
    width: 14%;
    cursor: pointer;
}
.mobile .tip-img div {
    position: absolute;
    right: 0;
    left: 0;
}
.mobile .tip-img .top {
    top: 74%;
    bottom: 0;
}
.mobile .tip-img .bottom {
    top: 0;
    bottom: 26%;
}
.mobile .tip-img img {
    display: block;
}
.mobile .iframe {
    width: 100vw;
    height: calc(700 / 1242 * 100vw);
    max-height: 700px;
}
.mobile .position-wrapper {
    position: relative;
}
.mobile .position-wrapper .gif-wrapper {
    position: absolute;
    top: 41%;
    left: 23%;
    display: block;
    overflow: hidden;
    width: 54%;
    height: 28%;
    transform: translate3d(0, 0, 0);
}
.mobile .position-wrapper .gif-wrapper .phone {
    display: block;
    width: 40%;
    margin-top: 3%;
    margin-left: 29%;
}
.mobile .form-table {
    position: relative;
}
.mobile .form-table .table {
    position: absolute;
    z-index: 888;
    top: 20.5%;
    left: 39.5%;
    width: 56.5%;
    height: 53%;
}
.mobile .form-table .table input {
    display: block;
    width: 100%;
    height: 14%;
    margin-bottom: 5%;
    text-indent: 7px;
    border-radius: 4px;
    background: #fff;
}
.mobile .form-table .table textarea {
    box-sizing: border-box;
    width: 100%;
    height: 14%;
    padding: 7px;
    border-radius: 4px;
    background: #fff;
    resize: none;
}
.mobile .form-table button {
    position: absolute;
    bottom: 7%;
    left: 50%;
    overflow: hidden;
    width: 52%;
    height: 10%;
    border: none;
    font-size: 20px;
    color: #fff;
    border-radius: 28px;
    outline: none;
    background: #4493f9;
    transform: translateX(-50%);
    cursor: pointer;
}
.mobile .form-table button.disabled {
    color: #ccc;
    background: #eee;
    cursor: not-allowed;
}
.mobile .form-table button.disabled:hover {
    background: #eee;
}
.mobile .form-table button.disabled:active {
    background: #eee;
}
.mobile .form-table button:hover {
    background: #61a6ff;
}
.mobile .form-table button:active {
    background: #2847d4;
}