html {
    overflow-x: hidden;
}
.hidden {
    display: none;
}

@font-face {
    font-family: widgets;
    src: url(data:application/vnd.ms-fontobject;base64,iAYAAOQFAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAlBnEHAAAAAAAAAAAAAAAAAAAAAAAAA4AdwBpAGQAZwBlAHQAcwAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgB3AGkAZABnAGUAdABzAAAAAAAAAQAAAAsAgAADADBHU1VCIIslegAAATgAAABUT1MvMjYhO+YAAAGMAAAAVmNtYXDhKaOtAAAB7AAAAXBnbHlmfqOXdQAAA2QAAABEaGVhZFqfpRgAAADgAAAANmhoZWEHIAPsAAAAvAAAACRobXR4A+kAAAAAAeQAAAAIbG9jYQAiAAAAAANcAAAABm1heHABDQAYAAABGAAAACBuYW1lOfFZyQAAA6gAAAIKcG9zdMl9cHoAAAW0AAAALwABAAAD6QAAAAAD6QAAAAADNgABAAAAAAAAAAAAAAAAAAAAAgABAAAAAQAAHMQZlF8PPPUACwPpAAAAAHwlsIAAAAAAfCWwgAAAAAADNgMyAAAACAACAAAAAAAAAAEAAAACAAwAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQAAAAoAMAA+AAJERkxUAA5sYXRuABoABAAAAAAAAAABAAAABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACAABAAYAAAABAAAAAQH1AZAABQAAABQCvAAAAIwAFAK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA4AHgAQPpAAAAWgPpAAAAAAABAAAAAAAAAAAAAAPpAAAAAAAFAAAAAwAAACwAAAAEAAABVAABAAAAAABOAAMAAQAAACwAAwAKAAABVAAEACIAAAAEAAQAAQAA4AH//wAA4AH//wAAAAEABAAAAAEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAABwAAAAAAAAAAQAA4AEAAOABAAAAAQAAAAAAIgAAAAEAAAAAAzYDMgALAAAJATcJARcJAQcJAScBx/71LgEPAQ8u/uwBEC7+8f7wLQH1AQ8u/vABEC7+8f7wLgEQ/vAuAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR53aWRnZXRzUmVndWxhcndpZGdldHN3aWRnZXRzVmVyc2lvbiAxLjB3aWRnZXRzR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AdwBpAGQAZwBlAHQAcwBSAGUAZwB1AGwAYQByAHcAaQBkAGcAZQB0AHMAdwBpAGQAZwBlAHQAcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBpAGQAZwBlAHQAcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBAgEDAAVjbG9zZQAAAA==);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot"),url(data:font/woff2;base64,d09GMgABAAAAAAJgAAsAAAAABeQAAAITAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCCcApEVgE2AiQDCAsGAAQgBYQKBy8bKgXInpo8CWwGcTYCAykAAIigGEv3nklFMWrUhBbY8/gCqTpRXVshA7bjo39zqUo2yvEgAfQLJukcaCzoIfu3/mx1Md7jJSjXFvCQ4dVfgKD0Ji7HPxY/8CR/tLmjempPjrqACgMMdC8LNKHAwkx7m2ZCvcpwHRFDREKGjDH2ikDBtEPjtcv7J1jdKulhbYrGg9kZt5VXsOxJKSmo5ISMcjA+4pc0WonxbXw+3s0EJKSTqGfz/MLC8XtwU/I/jiVFqMfTSGIcSBG7anHdRDRyolCc6gW5OoP36HYlJrL6ov111F4CPZAO3o+VAiTgtaYqob11KVG6cEfkDyztnD3cX6i8VKrsvjSRqL6kq/8sYTm5mEzsgtLfRlR3H7ni9048D/w5BF8EcrcnAo8kzuJ/kMFJGEYsg6X0WoEzdFFUszdGQ/aZWhbFCSSRCpBC2lRaUQ+VkTVEFYxJjhc1vZuIVF6ouC1AAnkEksgnIIX8ptI6fqmMij9Uwb7/Z4oGw7vKepL4QP6jVaFL57IXCrHiHvMku7zjinoKSsii/sH46QsRhy5wh5fcC7Ut4xC4JiNJKTJs0tRpP5cY7uBLxfKIiB4Q70NLCXqf5btekCCqsB7KJTIbuDJ6D1cRxG7TfqDok1eQkneQg2bWQZdR8wVptRga9Hk1YohEuZEfbKQ8zHnjCRMSjhGPAjcROCMpfdJyJAAAAAA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAPUAAsAAAAABeQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFY2ITvmY21hcAAAAYQAAABKAAABcOEpo61nbHlmAAAB0AAAAEMAAABEfqOXdWhlYWQAAAIUAAAALgAAADZan6UYaGhlYQAAAkQAAAAYAAAAJAcgA+xobXR4AAACXAAAAAgAAAAIA+kAAGxvY2EAAAJkAAAABgAAAAYAIgAAbWF4cAAAAmwAAAAeAAAAIAENABhuYW1lAAACjAAAASUAAAIKOfFZyXBvc3QAAAO0AAAAHgAAAC/JfXB6eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8yjiBgZWBgUGEaQ+Q7IHQjA8YDBmZGBiYGFiZGbCCgDTXFAaHB4wPGJlfArlRYBKoEUQAAMgpCnEAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP2rt79zhRiszu/v4ln/1gjocmAlVAAB4nGNgZAACZjNmIwZuBgZORnNORnFORnZORnXG4/++6jHyM/Lr/XvDKKD37+O/D7qMX0HcD1CuHqMAkGBgAADTgRQiAHicY2BkYGAAYpkjQgvi+W2+MnAzvwSKMNSobmhAppnNmI2AFAcDE4gHAAaLCEUAAHicY2BkYGB+ycAAJ80YGBlQARMAOD4CFgAAAAAD6QAAAAAAAAAiAAB4nGNgZGBgYGLgYQDRIBYDAxcQMjD8B/MZAAnDASYAAHicXZBBasJAGIVfNCo1IIXSrkqZVbsoJOrSA+jeRaDLqJMYSTJhMir2BD1BT9BT9AClx+oz/JtmBuZ9//vf/DAD4BY/8HBdHkbteV098ki4T5oI++R74QECPAoP6b8Ij/GKUDjAHd44wfNv6ExQCPfI78J98oewT/4UHuABX8JD+t/CY8T4FQ7w7D2d812mXbPW2bFIrFQisbZNbio1C6firHSlbeL0Tm0uqjllc+dSlVpTqqWpnC4Ko2prDnrrwr1z9SKKUvHDrSlxRo4dMmg4NFhTMxz5rgS20/tfxVRLzWFQQWHGP5p2Mitq1eYS1podhQ0uPBucmJrTdUhZp8wYlKRlO++aLrgNnbrtHehs6YfYt7dqLBBxp518yBQn/QFuDlr+AAAAeJxjYGKAAC4G7ICJkYmRmYE1OSe/OJWBAQAM/AIxAAA=) format("woff"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI2ITvmAAABjAAAAFZjbWFw4SmjrQAAAewAAAFwZ2x5Zn6jl3UAAANkAAAARGhlYWRan6UYAAAA4AAAADZoaGVhByAD7AAAALwAAAAkaG10eAPpAAAAAAHkAAAACGxvY2EAIgAAAAADXAAAAAZtYXhwAQ0AGAAAARgAAAAgbmFtZTnxWckAAAOoAAACCnBvc3TJfXB6AAAFtAAAAC8AAQAAA+kAAAAAA+kAAAAAAzYAAQAAAAAAAAAAAAAAAAAAAAIAAQAAAAEAABzEGZRfDzz1AAsD6QAAAAB8JbCAAAAAAHwlsIAAAAAAAzYDMgAAAAgAAgAAAAAAAAABAAAAAgAMAAEAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEB9QGQAAUAAAAUArwAAACMABQCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOAB4AED6QAAAFoD6QAAAAAAAQAAAAAAAAAAAAAD6QAAAAAABQAAAAMAAAAsAAAABAAAAVQAAQAAAAAATgADAAEAAAAsAAMACgAAAVQABAAiAAAABAAEAAEAAOAB//8AAOAB//8AAAABAAQAAAABAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAcAAAAAAAAAAEAAOABAADgAQAAAAEAAAAAACIAAAABAAAAAAM2AzIACwAACQE3CQEXCQEHCQEnAcf+9S4BDwEPLv7sARAu/vH+8C0B9QEPLv7wARAu/vH+8C4BEP7wLgAAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEed2lkZ2V0c1JlZ3VsYXJ3aWRnZXRzd2lkZ2V0c1ZlcnNpb24gMS4wd2lkZ2V0c0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHcAaQBkAGcAZQB0AHMAUgBlAGcAdQBsAGEAcgB3AGkAZABnAGUAdABzAHcAaQBkAGcAZQB0AHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAaQBkAGcAZQB0AHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAQIBAwAFY2xvc2UAAAA=) format("truetype"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJ3aWRnZXRzIiBob3Jpei1hZHYteD0iMzIiPjxmb250LWZhY2UgZm9udC1mYW1pbHk9IndpZGdldHMiIHVuaXRzLXBlci1lbT0iMTAwMSIgYXNjZW50PSIxMDAxIiBkZXNjZW50PSIwIi8+PGdseXBoIGdseXBoLW5hbWU9ImNsb3NlIiB1bmljb2RlPSLugIEiIGhvcml6LWFkdi14PSIxMDAxIiBkPSJNNDU0LjYxIDUwMC41TDE4Ny42ODcgNzcxLjYxNWw0NS44OSA0NS44OUw1MDQuNjkyIDU0Ni4zOWwyNzEuMTE0IDI3MS4xMTQgNDUuODktNDUuODlMNTQ2LjQyIDUwMC41bDI3MS4xMTQtMjcxLjExNS00NS44OS00NS44OUw1MDAuNTMyIDQ1NC42MSAyMjkuNDE3IDE4My40OTZsLTQ1Ljg5IDQ1Ljg5TDQ1NC42NDIgNTAwLjV6Ii8+PC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg")
}

.ico-close:before {
    font-family: widgets;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E001"
}

.misc-dialog .cover {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1053;
    overflow: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    padding: 40px
}

@media screen and (max-width: 735px) {
    .misc-dialog .cover {
        padding:5vw
    }
}

.misc-dialog .cover.hide-noise {
    background-color: #101920
}

.misc-dialog .cover .hint-card {
    position: relative;
    border-radius: 2px;
    background: #fff;
    min-width: 240px;
    max-width: 1000px;
    overflow: hidden;
    box-shadow: 4px 4px 10px #555
}

.misc-dialog .cover .hint-card .card-header {
    zoom:1;position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 40px
}

.misc-dialog .cover .hint-card .card-header .close-hint {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: block;
    color: #828282;
}
.misc-dialog .cover .hint-card .card-header .close-hint:hover {
    text-decoration: none;
}

.misc-dialog .cover .hint-card .card-header .close-hint .ico {
    display: block;
    font-size: 24px;
    text-align: center;
    line-height: 40px
}

@media screen and (max-width: 735px) {
    .misc-dialog .cover .hint-card .card-header .close-hint {
        color:#101920
    }
}

.misc-dialog .cover .hint-card .card-title {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    text-align: left
}

.misc-dialog .cover .hint-card .card-content {
    position: relative;
    z-index: 3;
    text-align: center
}

@media screen and (max-width: 735px) {
    .misc-dialog .cover .hint-card .card-content.has-padding {
        padding-right:20px;
        margin-right: 0
    }
}

.misc-dialog .cover .hint-card .card-content.center-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.misc-dialog .cover .hint-card .card-footer {
    position: relative;
    z-index: 4;
    background-color: #fff;
    white-space: nowrap;
    text-align: right;
    margin-top: 20px
}

@media screen and (max-width: 735px) {
    .misc-dialog .cover .hint-card .card-footer {
        white-space:normal;
        margin-top: 10px
    }
}

.misc-dialog .cover .hint-card .card-footer .action-container {
    display: inline-block;
    width: 50%
}

.misc-dialog .cover .hint-card .card-footer .action-container:first-child {
    text-align: left
}

.misc-dialog .cover .hint-card .card-footer .action-container:last-child {
    text-align: right
}

@media screen and (max-width: 735px) {
    .misc-dialog .cover .hint-card .card-footer .action-container {
        width:100%;
        text-align: center;
        padding-bottom: 10px
    }

    .misc-dialog .cover .hint-card .card-footer .action-container:last-child {
        padding-bottom: 0
    }

    .misc-dialog .cover .hint-card .card-footer .action-container .one-button {
        width: 100%
    }
}

.misc-dialog .cover .hint-card .card-footer .action-container .one-button {
    min-width: 200px
}

.misc-dialog .cover .hint-card .has-padding {
    padding: 40px
}

.misc-dialog .cover .hint-card .has-padding.card-content {
    padding-top: 40px;
    padding-bottom: 30px
}

@media screen and (max-width: 900px) {
    .misc-dialog .cover .hint-card .has-padding {
        padding:20px;
        margin-right: 0
    }

    .misc-dialog .cover .hint-card .has-padding.card-content {
        padding-top: 40px;
        padding-bottom: 20px
    }
}

.misc-dialog .cover .hint-card.msg {
    width: auto
}

.misc-dialog .cover .hint-card>p {
    margin-bottom: 0
}

.misc-dialog .card-container {
    margin: auto 0
}

.one-video-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
    left: 0;
    top: 0;
    background-color: #000
}

.one-video-container.embedded {
    position: relative;
    z-index: 3
}

.one-video-container.mobile {
    position: fixed;
    z-index: 15000
}

.one-video-container .close-btn {
    position: absolute;
    z-index: 110;
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px
}

.one-video-container .close-btn:after,.one-video-container .close-btn:before {
    content: "";
    display: block;
    background-color: #fff
}

.one-video-container .close-btn:hover:after,.one-video-container .close-btn:hover:before {
    background-color: #fff;
    border-color: #ccc
}

.one-video-container .close-btn:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 0;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -12px
}

.one-video-container .close-btn:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 24px;
    width: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -12px
}

.one-video-container .close-btn:after,.one-video-container .close-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.one-video-container .video-areas {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #000
}

.one-video-container .video-areas>div,.one-video-container .video-areas>iframe {
    width: 100%;
    height: 100%
}


.font-display {
    font-size: 100px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-display {
        font-size:60px
    }
}

@media screen and (max-width: 768px) {
    .font-display {
        font-size:52px
    }
}

.font-headline-4 {
    font-size: 60px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-4 {
        font-size:36px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-4 {
        font-size:32px
    }
}

.font-headline-3 {
    font-size: 48px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-3 {
        font-size:34px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-3 {
        font-size:28px
    }
}

.font-headline-2 {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-2 {
        font-size:32px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-2 {
        font-size:28px
    }
}

.font-headline-1 {
    font-size: 30px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-1 {
        font-size:24px;
        line-height: 1.5
    }
}

@media screen and (max-width: 768px) {
    .font-headline-1 {
        font-size:20px;
        line-height: 1.5
    }
}

.font-title {
    font-size: 24px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-title {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .font-title {
        font-size:20px
    }
}

.font-subheading {
    font-size: 20px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-subheading {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .font-subheading {
        font-size:18px
    }
}

.font-subtitle {
    font-size: 18px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-subtitle {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .font-subtitle {
        font-size:16px
    }
}

.font-body-2 {
    line-height: 1.5;
    font-size: 16px
}

.font-body-1 {
    font-size: 14px;
    line-height: 1.7
}

.font-descriptions {
    font-size: 12px;
    line-height: 1.7
}

.font-body-1,.font-body-2,.font-descriptions,.font-display,.font-headline-1,.font-headline-2,.font-headline-3,.font-headline-4,.font-subheading,.font-subtitle,.font-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1.2
}

.font-medium {
    font-family: Medium-65,Helvetica Neue,Helvetica,Arial,sans-serif
}

.font-regular {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif
}

.font-light {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.font-blod {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.flex {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 735px) {
    .flex-xs {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (max-width: 1067px) {
    .flex-sm {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (min-width: 736px) {
    .flex-not-xs {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (min-width: 1068px) {
    .flex-not-sm {
        display:-webkit-box;
        display: flex
    }
}

.flex-nowarp {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.main-content {
    overflow-x: initial;
}

.landing-container .phone-title {
    padding-bottom: 0;
}

.landing-container .container-text {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 300px
}

.landing-container .container-text:after,.landing-container .container-text:before {
    display: none
}

@media screen and (min-width: 736px) and (max-width:1260px) {
    .landing-container .container-text {
        padding:0 30px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .container-text {
        padding:0 15px
    }
}


.padding-side {
    padding-left: 30px;
    padding-right: 30px
}

.padding-top-1x {
    padding-top: 10px
}

.padding-top-2x {
    padding-top: 20px
}

.padding-top-3x {
    padding-top: 30px
}

.padding-top-4x {
    padding-top: 40px
}

.padding-top-5x {
    padding-top: 50px
}

.padding-top-6x {
    padding-top: 60px
}

.padding-top-7x {
    padding-top: 70px
}

.padding-top-8x {
    padding-top: 80px
}

.padding-top-9x {
    padding-top: 90px
}

.padding-top-10x {
    padding-top: 100px
}

.font-bold {
    font-weight: 700
}

.container-1600 {
    max-width: 1600px;
    margin: 0 auto
}

.section-child {
    padding-top: 200px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width: 735px) {
    .section-child {
        padding-top:86px
    }
}

.text-red {
    color: #eb0028
}

.text-headline-black {
    color: #010101
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-gray {
    color: rgba(0,0,0,.4)
}

.text-orange {
    color: #ff5200
}

@font-face {
    font-family: mclaren;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot"),url(data:font/woff2;base64,d09GMgABAAAAAALYAAsAAAAABjwAAAKLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCCcAqBHIE9ATYCJAMICwYABCAFhAoHMBuSBciemjypmfkwoBAI/nE8ODDx8P1+6bm7/H6AVRSysAAwPmpVZFhCiYyocDWa0HZ89c679hsuyRfSF3VUTnbibzc8ZLpG09eJmj0lyABC/AYYyP/3P5fjG4sP+JsdwlqNSXXUmIN6AZVggc31vDDBKMaG6ZUvaCBeEUimRNTPZUrToLtGEQ0MaaTng6w+aiJPgVYeUVCA+YpQarga/z1XREfuCY+j38df7FFPTjFPN22dplkQ+1tnSvL/AE4CdZPtUEQeY8cJxl5jZkODYGyDlGnUAxyrPvirfhAUR/UJ9tfp2gbQDWPBX6c8aj4Hj7XQLGB/Ugsxu/T9vW+2/x5++Y10+/Fr7+PsZyBUnvry6Huisx1kj97VmXR9/kkPH/UXNL5uXVfOJtyTXrpPHfx21zLT2aVndWkmfrBHymO1sal6qW7Fu+hxL3qX6+X6qfHqWNncO4nfHsdPUsf5//L7ssv7zlTsIbusPi89vXZ/gBig3vvTv+x/w+9WfteaQ3+V7DflXfY/3kbaMBuonDIcDOED5tw//50K3bkOS2Fy9pb6koQ62m7ximdD+T6NspEzJE80IQWiE4oy3VBSNgjJKMvtTLsFDaJQFZrUAJIjzpE8cYcUiLdQ1OUUSpp8gOTA+8nMQIypjEJhpE0ifiNWhBLumkXYFHUN2i22ip61H0eYIoiF9A40N3kHIRzksK7CjK4RpCg6NLAuIYZYBEKMgNXKNb1hYXQVqBgKCoZoJiG8DTSmeUxh1SwEM4l0sBxkZ2HrtrLBaQSjEAgLou2AU6ZNPAeC4EDXielUUGapzQSiUOggo3mTBGEQFsKElCHAaqZxQ0MWzCKBeppD4skFXpdXOkOGQu0AAAA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAQwAAsAAAAABjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFY2KTvmY21hcAAAAYQAAABKAAABcOEpo61nbHlmAAAB0AAAAJwAAACcnhyD+GhlYWQAAAJsAAAAMwAAADZbP6W+aGhlYQAAAqAAAAAcAAAAJAe/A+xobXR4AAACvAAAAAgAAAAIA+n/+WxvY2EAAALEAAAABgAAAAYATgAAbWF4cAAAAswAAAAeAAAAIAENAD9uYW1lAAAC7AAAASEAAAIKJLJEinBvc3QAAAQQAAAAHwAAADDU73F0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8yjiBgZWBgUGEaQ+Q7IHQjA8YDBmZGBiYGFiZGbCCgDTXFAaHB4wPGJlfArlRQJIDSDOC5ADIcQp5AHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP2rt79zhRiszu/v4ln/1gjocmAlVAAAAAf/5//gD3APgADIAABMeARcWFxY2Nz4BNSMUDgEHBicmJyYnJicmNz4CMhYfASMVMzI2NREjFScuASMiDgIOEm1SU2Nu1lFVXEhCfE5RVGteWzY4AwMgH3SdrJw6BZv2BwtJBEWwXG3FjzYBlWGmNjgSFTZHSMVtVZl1Hx8DAjg3W11sVFBOfEJCPQVJDAcBA40EQUhcq9MAAAB4nGNgZGBgAOJ3LbHX4/ltvjJwM78EijDUqG5ogNH/f/7/wXyH+QGQy8HABBIFAIf/DpwAeJxjYGRgYH7JwAAi//8EkncYGBlQARMActcEtAAAAAAD6f/5AAAAAABOAAB4nGNgZGBgYGIwZgDRIBYDAxcQMjD8B/MZAA2SAU0AAHicXZBBbsIwFEQnEEAlEqpUtauq8qpdVEqAJQeAPYtILENwAiiJI8cg0RP0BD1BT9EDVD1WJ9HfgC2N3x+Pv2UDuMcvPLTDw6jTdvTII+E+aSLskx+FBwjwLDyk/yY8xjtC4QAP2LCD59/RmaAQ7pE/hPvkT2Gf/CU8wBO+hYf0f4THiPEnHODVeynTIrG6Wuv8RJBKlljb5mAqNQun4qx0pW3i9E5tL6o553PnMpVZU6qlqZwuCqNqa446deHeuXoRRZn4YWpKlEj5igQWGhXW1Bwnca73rquYatHgAMNKYcY/mt5kVp22uQSO6465LS7UBmfeM6frkLHOmDE8rbDs+rXpgtPQqbu9I52Ufoh9d6rGAhFndpMPmWKnf9I1WlYAAAB4nGNgYoAALgbsgImRiZGZga0otSAnsZKBAQAQuwKpAA==) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJtY2xhcmVuIiBob3Jpei1hZHYteD0iMzIiPjxmb250LWZhY2UgZm9udC1mYW1pbHk9Im1jbGFyZW4iIHVuaXRzLXBlci1lbT0iMTAwMSIgYXNjZW50PSIxMDAxIiBkZXNjZW50PSIwIi8+PGdseXBoIGdseXBoLW5hbWU9InJlcGxheSIgdW5pY29kZT0i7oCBIiBob3Jpei1hZHYteD0iMTAwMSIgZD0iTTEzLjYzOSA0MDQuOTM2QzUwLjA1IDIwOS4yNzIgMjA0LjczNiA1MC4wNSA0MDQuOTM2IDEzLjYzOSA1NTAuNTUtMTMuNjcgNzAwLjcgMjIuNzQgODA5Ljg3MiAxMTguMjc0IDkyMy42MSAyMTMuODQgOTg3LjMzIDM1MC4zMiA5ODcuMzMgNDk1LjkzM0g5MTQuNTRjMC0xMTMuNzM5LTQ1LjUxNS0yMTguNDA2LTEyNy40MDktMjk1Ljc2NFM1OTYuMDMzIDc3LjMyNyA0ODIuMjk0IDgxLjg2M0MyNjMuODkgODYuMzk5IDgxLjg5NCAyNjguNDI0IDc3LjM2IDQ4Ni43OTljLTQuNTM2IDExMy43MzggNDAuOTQ3IDIyMi45NDEgMTE4LjMwNSAzMDQuODM2czE4Ni41NjIgMTI3LjQwOCAzMDAuMyAxMjcuNDA4IDIyMi45NDItNDUuNTE0IDMwMC4zLTEyNy40MDhsNC41MzYtNC41MzZINjQ2LjExNHYtNzIuNzkyaDI0NS43MTRjOS4xMDMgMCAxOC4yMDYgOS4xMDMgMTguMjA2IDE4LjIwNnYyNTkuMzUzaC03Mi43OTFWODUwLjgxOWwtNC41MzYgNC41MzVjLTkwLjk5NyA4Ni40NjItMjEzLjgzOSAxMzYuNTEyLTMzNi43MTIgMTM2LjUxMi0xNDUuNjE0IDAtMjgyLjA5NC02My42ODktMzc3LjY1OC0xNzcuNDU5Uy0xMy42MDcgNTU1LjA1NCAxMy43MDEgNDA0LjkwNHoiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg")
}

.ico-replay:before {
    font-family: mclaren;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "\E001"
}

.landing-container sup {
    font-size: 60%;
    top: -.6em
}

.landing-container video {
    width: 100%
}

.landing-container img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.landing-container .width-300 {
    max-width: 300px
}

.landing-container .view-picture {
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: .6s cubic-bezier(.77,0,.175,1);
    transition: .6s cubic-bezier(.77,0,.175,1);
    position: relative;
    padding-bottom: 10px
}

.landing-container .view-picture:hover {
    color: #eb0028
}

.landing-container .view-picture:hover:after {
    background-color: #eb0028;
    width: 130%
}

.landing-container .view-picture:after,.landing-container .view-picture:hover:after {
    -webkit-transition: .6s cubic-bezier(.77,0,.175,1);
    transition: .6s cubic-bezier(.77,0,.175,1)
}

.landing-container .view-picture:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000
}

.landing-container .enter-kv {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    background-color: #fff;
    z-index: 999
}

.landing-container .enter-kv .kv-phone-info {
    z-index: 999;
    color: #000;
    opacity: 0
}

.landing-container .section-video {
    opacity: 0
}

.landing-container .section-video .video-container {
    position: relative;
    color: #fff;
    background-color: #1d1d1d;
    overflow: hidden;
    margin: 0 40px;
    height: 600px
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .video-container {
        margin:0;
        height: auto
    }
}

.landing-container .section-video .video-container:hover .play-btn-mcl {
    background-color: #eb0028;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.landing-container .section-video .core-image-container .img-box {
    position: relative;
    width: 100%;
    padding-bottom: 600px
}

@media screen and (min-width: 736px) {
    .landing-container .section-video .core-image-container .img-box img {
        width:auto;
        left: 50%;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .core-image-container .img-box {
        padding-bottom:141.79104%
    }
}

.landing-container .section-video .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 100%;
    max-width: 1000px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1200px) {
    .landing-container .section-video .text-content {
        padding:0 40px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .text-content {
        margin-left:0;
        padding-left: 30px;
        padding-right: 30px;
        border-left: none
    }
}

.landing-container .section-video .text-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 8%;
    width: 100%
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .text-top {
        padding-top:30%
    }
}

.landing-container .section-video .text-bottom {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.landing-container .section-video .text-bottom .item {
    padding-bottom: 30px;
    width: 100%
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .text-bottom .padding-top-1x {
        padding-top:0
    }
}

.landing-container .section-video .core-video-play {
    padding-right: 25px
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .core-video-play {
        padding-right:20px
    }
}

.landing-container .section-video .play-btn-mcl {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: background-color,-webkit-transform .5s ease;
    transition: background-color,-webkit-transform .5s ease;
    transition: background-color,transform .5s ease;
    transition: background-color,transform .5s ease,-webkit-transform .5s ease
}

@media screen and (max-width: 735px) {
    .landing-container .section-video .play-btn-mcl {
        width:40px;
        height: 40px
    }
}

.landing-container .section-video .play-btn-mcl:before {
    content: "";
    -webkit-transition: border-color .5s ease;
    transition: border-color .5s ease;
    position: absolute;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 10px 0 10px 15px
}

.landing-container .section-video .core-video-cover {
    position: absolute;
    width: 40%;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1)
}

.landing-container .section-video .active .core-video-cover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.landing-container .font-container {
    margin: auto;
    width: 100%;
    max-width: 1000px
}

.landing-container .font-container .font-headline-4,.landing-container .font-container .mclaren-title {
    width: 72%
}

@media screen and (max-width: 735px) {
    .landing-container .font-container .font-headline-4,.landing-container .font-container .mclaren-title {
        width:100%
    }
}

.landing-container .font-container.display-title-width .font-headline-4 {
    width: 70%
}

@media screen and (max-width: 735px) {
    .landing-container .font-container.display-title-width .font-headline-4 {
        width:100%
    }
}

.landing-container .font-container.warp-title-width .font-headline-4 {
    width: 68%
}

@media screen and (max-width: 735px) {
    .landing-container .font-container.warp-title-width .font-headline-4 {
        width:100%
    }
}

@media screen and (min-width: 736px) {
    .landing-container .section-story .pic-box {
        display:-webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.landing-container .section-story .line-container {
    margin-bottom: 25vh
}

@media screen and (max-width: 735px) {
    .landing-container .section-story .line-container {
        margin-bottom:20vh
    }
}

.landing-container .section-story .pic-container {
    position: relative
}

.landing-container .section-story .pic-left {
    position: relative;
    width: 50%;
    max-width: 600px;
    margin-right: 10px;
    top: 0
}

.landing-container .section-story .pic-left .img-box {
    padding-bottom: 134.45378%
}

@media screen and (max-width: 735px) {
    .landing-container .section-story .pic-left {
        width:80%
    }
}

.landing-container .section-story .pic-right {
    position: relative;
    width: 50%;
    max-width: 600px;
    top: 0
}

.landing-container .section-story .pic-right .img-box {
    padding-bottom: 134.45378%
}

@media screen and (max-width: 735px) {
    .landing-container .section-story .pic-right {
        width:80%;
        right: -20%
    }
}

.landing-container .section-story img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design.section-child {
        padding-top:0;
        margin-top: -25%
    }
}

.landing-container .section-story-design .story-design-pin {
    padding: 15% 0
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .story-design-pin {
        padding:45% 0
    }
}

.landing-container .section-story-design .story-design-pin-inner {
    position: relative;
    padding-bottom: 15%
}

.landing-container .section-story-design .design-title {
    position: absolute;
    font-size: 200px;
    color: #1c1c1c;
    font-weight: 700;
    line-height: 1;
    font-family: MYingHei W7,SlateForOnePlusMedium,Microsoft Yahei,sans-serif;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

@media screen and (max-width: 1200px) {
    .landing-container .section-story-design .design-title {
        font-size:150px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .design-title {
        font-size:65px
    }
}

.landing-container .section-story-design .design-title .bottom,.landing-container .section-story-design .design-title .top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1)
}

.landing-container .section-story-design .design-title.active .top {
    -webkit-transform: translate3d(0,-85%,0);
    transform: translate3d(0,-85%,0)
}

.landing-container .section-story-design .design-phone {
    position: relative;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.landing-container .section-story-design .design-phone.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .design-phone.active .top {
        -webkit-transform:translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0)
    }
}

.landing-container .section-story-design .design-phone.active .bottom {
    -webkit-transform: translate3d(0,-90%,0);
    transform: translate3d(0,-90%,0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) .1s;
    transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .6s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .6s cubic-bezier(.77,0,.175,1) .1s,-webkit-transform .6s cubic-bezier(.77,0,.175,1) .1s
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .design-phone.active .bottom {
        -webkit-transform:translate3d(0,-105%,0);
        transform: translate3d(0,-105%,0)
    }
}

.landing-container .section-story-design .design-phone .top {
    position: relative;
    width: 41.14583%;
    -webkit-transform: translate3d(0,-5%,0);
    transform: translate3d(0,-5%,0);
    left: 18%
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .design-phone .top {
        width:65.33333%;
        -webkit-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        left: 3%
    }
}

.landing-container .section-story-design .design-phone .top .img-box {
    padding-bottom: 65.44304%
}

.landing-container .section-story-design .design-phone .bottom {
    position: absolute;
    width: 46.61458%;
    -webkit-transform: translate3d(30%,-115%,0);
    transform: translate3d(30%,-115%,0);
    right: 18%
}

@media screen and (max-width: 735px) {
    .landing-container .section-story-design .design-phone .bottom {
        width:82.66667%;
        -webkit-transform: translate3d(30%,-130%,0);
        transform: translate3d(30%,-130%,0);
        right: 1%
    }
}

.landing-container .section-story-design .design-phone .bottom .img-box {
    padding-bottom: 36.75978%
}

.landing-container .section-story-design .design-phone img {
    width: 100%
}

.landing-container .section-case {
    overflow: hidden
}

@media screen and (max-width: 735px) {
    .landing-container .section-case {
        margin-top:-20%
    }
}

@media screen and (min-width: 736px) and (max-width:1024px) {
    .landing-container .section-case {
        padding-top:200px
    }
}

.landing-container .section-case .case-container {
    position: relative;
    width: 100%;
    padding: 0 40px
}

@media screen and (max-width: 735px) {
    .landing-container .section-case .case-container {
        padding:0
    }
}

.landing-container .section-case .pic-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 54.34783%
}

@media screen and (max-width: 735px) {
    .landing-container .section-case .pic-container {
        padding-bottom:160%
    }
}

.landing-container .section-case .pic-box {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.landing-container .section-case .pic-box img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.landing-container .section-case .phone-container0 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.landing-container .section-case .phone-container0 .phone-img {
    width: 15%
}

@media screen and (max-width: 735px) {
    .landing-container .section-case .phone-container0 .phone-img {
        width:60%
    }
}

.landing-container .section-case .phone-container0 .img-box {
    position: relative;
    padding-bottom: 206.94444%
}

.landing-container .section-case .cage-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.landing-container .section-case .cage-container .cage-img {
    position: relative;
    width: 15%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@media screen and (max-width: 735px) {
    .landing-container .section-case .cage-container .cage-img {
        width:60%;
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}

.landing-container .section-case .cage-container .img-box {
    position: relative;
    padding-bottom: 206.94444%
}

.landing-container .section-case .case-title {
    margin-bottom: 80px
}

.landing-container .section-case .case-text-container {
    opacity: 0
}

.landing-container .section-case .case-text-container .mclaren-title {
    width: 100%;
    max-width: 380px
}

.landing-container .section-case .isPad .case-text-container .mclaren-title {
    max-width: 340px
}

.landing-container .section-case .isPad .cage-container .cage-img,.landing-container .section-case .isPad .phone-container0 .phone-img {
    width: 24%
}

.landing-container .section-custom .ico-replay {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0) translateZ(0);
    transform: rotate(0) translateZ(0)
}

.landing-container .section-custom .ico-replay:before {
    display: inline-block
}

.landing-container .section-custom .ico-replay.animated {
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease,-webkit-transform 2s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(2turn) translateZ(0);
    transform: rotate(2turn) translateZ(0)
}

.landing-container .section-custom .custom-container {
    margin-top: 80px
}

.landing-container .section-custom .custom-swiper-container {
    position: relative;
    height: 100%;
    overflow: hidden
}

.landing-container .section-custom .top-container {
    background-color: #000
}

.landing-container .section-custom .swiper-box {
    position: relative
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-box {
        padding:20px 20px 80px
    }
}

.landing-container .section-custom .custom-aod-video {
    position: relative;
    padding-bottom: 66.66667%;
    overflow: hidden
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .custom-aod-video {
        padding-bottom:107.52688%
    }
}

.landing-container .section-custom .swiper-button-next,.landing-container .section-custom .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-image: none
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-button-next,.landing-container .section-custom .swiper-button-prev {
        width:60px;
        height: 60px
    }
}

.landing-container .section-custom .swiper-button-next:after,.landing-container .section-custom .swiper-button-prev:after {
    display: none;
}
.landing-container .section-custom .swiper-button-next:before,.landing-container .section-custom .swiper-button-prev:before {
    content: "";
    display: block;
    border-left: 4px solid #d43f00;
    border-top: 4px solid #d43f00;
    opacity: 1;
    -webkit-transition: .25s;
    transition: .25s;
    width: 60px;
    height: 60px;
    position: absolute
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-button-next:before,.landing-container .section-custom .swiper-button-prev:before {
        border-left:2px solid #d43f00;
        border-top: 2px solid #d43f00;
        width: 40px;
        height: 40px;
        top: 10px
    }
}

.landing-container .section-custom .swiper-button-prev {
    left: 110px
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-button-prev {
        left:20px
    }
}

.landing-container .section-custom .swiper-button-prev:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.landing-container .section-custom .swiper-button-next {
    right: 70px
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-button-next {
        right:0
    }
}

.landing-container .section-custom .swiper-button-next:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-slide {
        padding:0
    }
}

.landing-container .section-custom .swiper-pagination-bullet {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 90px;
    padding: 9px 0;
    margin: 0 10px;
    background: transparent;
    -webkit-transition: .25s;
    transition: .25s
}

.landing-container .section-custom .swiper-pagination-bullet:before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff
}

.landing-container .section-custom .swiper-pagination-bullets {
    bottom: 40px
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .swiper-pagination-bullets {
        bottom:10px
    }
}

.landing-container .section-custom .custom-aod-text {
    position: absolute;
    width: 250px;
    z-index: 1;
    top: 9.21053%;
    left: 8.33333%
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .custom-aod-text {
        position:relative;
        width: 100%;
        padding: 20px;
        max-width: 265px;
        left: 0;
        top: 0
    }
}

.landing-container .section-custom .custom-aod-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .custom-aod-video-container {
        width:100%
    }
}

.landing-container .section-custom .custom-aod-video-container canvas {
    width: 100%
}

.landing-container .section-custom .replay-btn {
    cursor: pointer
}

.landing-container .section-custom .bottom-container {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .bottom-container {
        flex-wrap:wrap
    }
}

.landing-container .section-custom .bottom-box {
    width: 50%;
    background-color: #000;
    margin-top: 10px;
    overflow: hidden
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .bottom-box {
        width:100%
    }
}

@media screen and (min-width: 736px) {
    .landing-container .section-custom .time-box {
        margin-right:5px
    }

    .landing-container .section-custom .icon-box {
        margin-left: 5px
    }
}

.landing-container .section-custom .bottom-text {
    position: relative;
    padding: 0 18%;
    height: 180px;
    margin-top: 80px;
    z-index: 2
}

@media screen and (max-width: 735px) {
    .landing-container .section-custom .bottom-text {
        padding:0 10%;
        margin-top: 40px
    }
}

.landing-container .section-custom .box-pic {
    position: relative;
    margin: 0 auto;
    width: 80%;
    z-index: 1
}

.landing-container .section-custom .box-pic .img-box {
    padding-bottom: 100%
}

.landing-container .section-custom .box-pic img {
    position: absolute
}

.landing-container .section-unbox .pic-group {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: -400px auto auto
}

@media screen and (min-width: 736px) and (max-width:1200px) {
    .landing-container .section-unbox .pic-group {
        margin-top:-33%
    }
}

@media screen and (max-width: 1600px) {
    .landing-container .section-unbox .pic-group {
        width:80%
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-unbox .pic-group {
        margin-top:-300px;
        width: 57.6%
    }
}

.landing-container .section-unbox .pic-item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.landing-container .section-unbox .pic-item-1 {
    position: relative;
    z-index: 5
}

.landing-container .section-unbox .pic-item-2 {
    z-index: 4
}

.landing-container .section-unbox .pic-item-3 {
    z-index: 3
}

.landing-container .section-unbox .pic-item-4 {
    z-index: 2
}

.landing-container .section-unbox .pic-item-5 {
    z-index: 1
}

@media screen and (max-width: 735px) {
    .landing-container .section-unbox .pic-item-5 {
        display:none
    }
}

.landing-container .section-unbox .img-box {
    padding-bottom: 40%
}

@media screen and (max-width: 735px) {
    .landing-container .section-unbox .img-box {
        padding-bottom:223.11111%
    }
}

.landing-container .section-unbox .row-item {
    width: 200vw;
    height: 100px;
    white-space: nowrap
}

@media screen and (max-width: 735px) {
    .landing-container .section-unbox .row-item {
        height:50px
    }
}

.landing-container .section-unbox .row-item img {
    position: relative;
    width: 400px;
    height: 80px
}

@media screen and (max-width: 735px) {
    .landing-container .section-unbox .row-item img {
        width:200px;
        height: 40px
    }
}

.landing-container .section-unbox .text-group {
    width: 100%;
    overflow: hidden
}

.landing-container .section-unbox .row-odd {
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.landing-container .section-unbox .unbox-pic-container {
    position: relative;
    margin-top: 80px
}

.landing-container .section-unbox .unbox-pic-inner {
    position: relative
}

.landing-container .section-display {
    margin-bottom: -360px
}

@media screen and (max-width: 735px) {
    .landing-container .section-display {
        margin-bottom:0
    }
}

.landing-container .section-display .line-container {
    margin-top: 80px
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .line-container {
        margin-top:40px
    }
}

.landing-container .section-display .pic-container {
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .pic-container {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.landing-container .section-display .pic-inner {
    position: relative;
    width: 29.41667%;
    padding-top: 62.25%;
    margin: auto;
    -webkit-transform: scale(3);
    transform: scale(3);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

@media screen and (max-height: 900px) {
    .landing-container .section-display .pic-inner {
        width:35vh;
        padding-top: 75vh
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .pic-inner {
        width:50.4%;
        padding-top: 106.66667%;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.landing-container .section-display .pic-box {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    overflow: hidden
}

.landing-container .section-display .img-box {
    padding-bottom: 211.64021%;
    position: relative;
    z-index: 2
}

.landing-container .section-display .video-box {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 100%;
    border-radius: 26px;
    overflow: hidden;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    padding-bottom: 211.64021%
}

.landing-container .section-display .info-container {
    opacity: 0;
    max-width: 1000px;
    margin: auto;
    width: 100%
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .info-container {
        margin-top:40px;
        margin-bottom: 100px;
        padding: 0 15px
    }
}

.landing-container .section-display .info-container .info-item {
    list-style: none;
    padding: 0 0 10%;
}

.landing-container .section-display .info-container .info-item:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .info-container .info-item {
        width:50%
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-display .info-group {
        display:-webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.landing-container .section-display .display-screen {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    top: 1.6%;
    width: 95%;
    height: 97%;
    overflow: hidden;
    z-index: -1;
    border-radius: 15px
}

.landing-container .section-camera .pic-container {
    margin-top: 70px
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .pic-container {
        margin-top:20px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .padding-top-3x {
        padding:20px 30px 0
    }
}

.landing-container .section-camera .top-container {
    max-width: 1600px;
    width: 100%;
    margin: auto
}

@media screen and (min-width: 736px) and (max-width:1599px) {
    .landing-container .section-camera .top-container {
        padding:0 30px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .top-container {
        padding:0
    }
}

.landing-container .section-camera .font-body-1 {
    max-width: 1000px;
    width: 100%;
    margin: auto
}

@media screen and (min-width: 736px) {
    .landing-container .section-camera .bottom-pic-container {
        display:-webkit-box;
        display: flex;
        -webkit-box-pack: left;
        justify-content: left
    }
}

.landing-container .section-camera .bottom-container {
    padding-top: 70px
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .bottom-container {
        padding:0
    }
}

.landing-container .section-camera .top-pic-img {
    position: relative;
    padding-bottom: 40.625%;
    overflow: hidden
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .top-pic-img {
        padding-bottom:133.33333%
    }
}

.landing-container .section-camera .top-pic-img .pic-svg {
    width: 200px;
    bottom: 5%;
    right: 15%
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .top-pic-img .pic-svg {
        width:160px;
        bottom: 20px;
        right: auto;
        left: 30px
    }
}

.landing-container .section-camera .box-pic {
    overflow: hidden
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .box-pic {
        margin-top:40px
    }
}

.landing-container .section-camera .left-box {
    margin-right: 10px;
    width: 66.66667%;
    max-width: 800px
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .left-box {
        width:100%;
        margin-right: 0;
        max-width: 100%
    }
}

.landing-container .section-camera .right-box {
    width: 38.75%;
    max-width: 465px
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .right-box {
        width:100%;
        max-width: 100%
    }
}

.landing-container .section-camera .left-pic {
    position: relative;
    padding-bottom: 87.5%
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .left-pic {
        padding-bottom:66.66667%
    }
}

.landing-container .section-camera .right-pic {
    position: relative;
    padding-bottom: 150.53763%
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .right-pic {
        padding-bottom:133.33333%
    }
}

.landing-container .section-camera .pic-info {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 1000px;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 736px) and (max-width:1200px) {
    .landing-container .section-camera .pic-info {
        display:-webkit-box;
        display: flex;
        justify-content: space-around
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .pic-info {
        padding:0 30px;
        -webkit-transform: translate3d(-50%,-60%,0);
        transform: translate3d(-50%,-60%,0)
    }
}

.landing-container .section-camera .pic-info .line {
    width: 100px;
    height: 4px;
    background-color: #f65f18;
    -webkit-transform: skewX(-60deg);
    transform: skewX(-60deg);
    margin-bottom: 15px
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .pic-info .line {
        width:50px
    }
}

.landing-container .section-camera .pic-info .font-headline-3 {
    margin-bottom: 5px
}

.landing-container .section-camera .pic-info .info-item {
    padding: 35px 0
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .pic-info .info-item {
        padding:25px 0
    }
}

.landing-container .section-camera img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.landing-container .section-camera .bottom-box .padding-top-3x {
    display: none
}

@media screen and (max-width: 735px) {
    .landing-container .section-camera .bottom-box .padding-top-3x {
        display:block
    }
}

.landing-container .section-camera .pic-svg {
    position: absolute;
    bottom: 10px;
    right: 30px;
    width: 160px;
    display: inline-block
}

.landing-container .section-camera .pic-svg svg {
    width: 100%;
    height: 100%
}

.landing-container .section-performance {
    overflow: unset
}

.landing-container .section-performance .pic-container {
    margin: 100px auto
}

.landing-container .section-performance .pic-wrap {
    position: relative;
    width: 62.25%;
    padding-top: 29.75%;
    margin: auto;
    z-index: 5
}

.landing-container .section-performance .pic-wrap .pic-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 100%;
    height: 100%;
    will-change: transform;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.landing-container .section-performance .pic-wrap .pic-box {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0
}

.landing-container .section-performance .pic-wrap .pic-box img {
    z-index: 2
}

.landing-container .section-performance .pic-wrap .video-box {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    padding-bottom: 47%
}

.landing-container .section-performance .pic-wrap .video-box video {
    width: 100%;
    height: 100%
}

.landing-container .section-performance .core-info {
    position: relative;
    opacity: 0
}

.landing-container .section-performance .core-info .core-info-item {
    width: 33.33%
}

@media screen and (max-width: 735px) {
    .landing-container .section-performance .pic-container {
        margin:50px auto
    }

    .landing-container .section-performance .pic-wrap {
        padding-top: 47.28477%;
        width: 100%
    }

    .landing-container .section-performance .core-info {
        text-align: left
    }

    .landing-container .section-performance .core-info .core-info-item {
        width: 50%;
        margin-top: 45px
    }
}

.landing-container .section-performance .performance-screen {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    top: 0;
    width: 98%;
    height: 98%;
    overflow: hidden;
    z-index: -1;
    border-radius: 30px
}

.landing-container .section-warp .warp-pin {
    margin-top: 100px
}

@media screen and (max-width: 735px) {
    .landing-container .section-warp .warp-pin {
        margin-top:50px
    }
}

.landing-container .section-warp .graph-box {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    width: 100%
}

.landing-container .section-warp .graph-container {
    position: relative;
    padding-bottom: 50%;
    width: 50%;
    margin: auto
}

@media screen and (max-width: 735px) {
    .landing-container .section-warp .graph-container {
        padding-bottom:100%;
        width: 100%
    }
}

.landing-container .section-warp .svg-content {
    position: absolute;
    width: 75%;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    height: 75%
}

.landing-container .section-warp .svg-content svg {
    width: 100%
}

.landing-container .section-warp .dial-content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0
}

.landing-container .section-warp .orange-path {
    stroke-dasharray: 340;
    stroke-dashoffset: 317
}

.landing-container .section-warp .orange-path.active {
    stroke-dasharray: 340;
    stroke-dashoffset: 100
}

.landing-container .section-warp .pointer-content {
    position: absolute;
    padding-bottom: 22.8%;
    width: 32.8%;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.landing-container .section-warp .pointer-content img {
    -webkit-transform: rotate(-276deg);
    transform: rotate(-276deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.landing-container .section-warp .text-content {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    z-index: 3;
    text-align: center
}

.landing-container .section-warp .warp-box {
    position: relative;
    width: 25%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0) scale(2);
    transform: translate3d(-50%,0,0) scale(2);
    opacity: 0
}

@media screen and (max-height: 900px) {
    .landing-container .section-warp .warp-box {
        width:35vh
    }
}

@media screen and (max-width: 735px) {
    .landing-container .section-warp .warp-box {
        width:59.2%
    }
}

.landing-container .section-warp .warp-img {
    position: relative;
    z-index: 1;
    padding-bottom: 213.07922%
}

.landing-container .section-warp .warp-img video {
    border-radius: 10px
}

.landing-container .section-warp .warp-screen {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    top: 1.6%;
    width: 94%;
    height: 96%;
    overflow: hidden;
    z-index: -1;
    border-radius: 10px
}

.landing-container .section-warp .warp-screen canvas,.landing-container .section-warp .warp-screen video {
    width: 100%
}

.landing-container .section-warp .warp-phone {
    position: absolute;
    width: 100%;
    top: 0
}

.landing-container .section-warp .warp-plug {
    margin-top: -10.8%;
    padding-bottom: 91.5%;
    z-index: -1;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

@media screen and (max-height: 900px) {
    .landing-container .section-warp .warp-plug {
        padding-bottom:60%
    }
}

.landing-container .section-warp .warp-plug-pic {
    width: 15%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.landing-container .section-warp .info-container {
    position: relative;
    opacity: 0;
    max-width: 1000px;
    margin: auto;
    width: 100%
}

.landing-container .section-warp .info-container.mobile {
    display: none
}

@media screen and (max-width: 735px) {
    .landing-container .section-warp .info-container {
        margin-top:40px;
        padding: 0 15px;
        opacity: 1
    }

    .landing-container .section-warp .info-container.pc {
        opacity: 0
    }

    .landing-container .section-warp .info-container.mobile {
        display: block
    }

    .landing-container .section-warp .info-container.mobile .info-group {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap
    }
}

.landing-container .section-warp .info-container .info-item {
    padding-bottom: 10%
}

@media screen and (max-width: 735px) {
    .landing-container .section-warp .info-container .info-item {
        width:50%
    }
}

.landing-container .section-kv {
    position: relative;
    color: #000;
    width: 100vw
}

.landing-container .section-kv .kv-phone {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s
}

.landing-container .section-kv .kv-phone .pic {
    position: relative;
    padding-bottom: 51.18483%
}

@media screen and (max-width: 735px) {
    .landing-container .section-kv .kv-phone .pic {
        padding-bottom:177.86667%
    }
}

.landing-container .section-kv .kv-phone .pic img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.landing-container .kv-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.landing-container .kv-phone-info {
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 1;
    top: 45%;
    left: 20%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    opacity: 1
}

@media screen and (max-width: 735px) {
    .landing-container .kv-phone-info {
        top:5%;
        left: 0;
        padding: 0 40px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.landing-container .kv-phone-info .phone-logo {
    padding-top: 10px;
    padding-bottom: 60px
}

@media screen and (max-width: 1200px) {
    .landing-container .kv-phone-info .phone-logo {
        padding-bottom:10px
    }
}

@media screen and (max-width: 735px) {
    .landing-container .kv-phone-info .phone-logo {
        padding-top:5px;
        padding-bottom: 30px
    }
}

.landing-container .section-footnote {
    margin-top: -200px
}

@media screen and (max-width: 735px) {
    .landing-container .section-footnote {
        margin-top:-150px
    }
}

.landing-container .swiper-picture {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 100
}

.landing-container .swiper-picture[v-cloak] {
    display: none
}

.landing-container .swiper-picture .swiper-picture-main {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    padding: 20px 40px
}

.landing-container .swiper-picture .swiper-picture-main .swiper-close {
    position: absolute;
    top: 30px;
    right: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 111
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-picture-main .swiper-close {
        top:0;
        right: 0
    }
}

.landing-container .swiper-picture .swiper-picture-main .swiper-close:after,.landing-container .swiper-picture .swiper-picture-main .swiper-close:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 26px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.landing-container .swiper-picture .swiper-picture-main .swiper-close:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-next,.landing-container .swiper-picture .swiper-picture-main .swiper-button-prev {
    background-image: none;
    width: 50px;
    height: 50px;
    background-color: hsla(0,0%,100%,.6);
    border-radius: 50%
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-next:before,.landing-container .swiper-picture .swiper-picture-main .swiper-button-prev:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.3);
    border-right: none;
    border-bottom: none;
    z-index: 1
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-next {
    right: 10%
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-next:before {
    left: -4px;
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-prev {
    left: 10%
}

.landing-container .swiper-picture .swiper-picture-main .swiper-button-prev:before {
    left: 4px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-picture-main {
        padding:110px 15px
    }

    .landing-container .swiper-picture .swiper-picture-main .swiper-button-next,.landing-container .swiper-picture .swiper-picture-main .swiper-button-prev {
        display: none
    }
}

.landing-container .swiper-picture .swiper-container {
    width: 100%;
    max-width: 1840px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-container {
        max-width:340px
    }
}

.landing-container .swiper-picture .swiper-container .swiper-slide {
    position: relative;
    padding: 20px 40px
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-container .swiper-slide {
        padding:0
    }
}

.landing-container .swiper-picture .swiper-container .swiper-slide img {
    position: static;
    width: 100%;
    max-width: 1840px;
    height: auto
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-container .swiper-slide img {
        max-width:340px
    }
}

.landing-container .swiper-picture .swiper-container .swiper-pagination-fraction {
    position: absolute;
    bottom: 100px;
    left: 140px;
    color: #fff;
    width: auto
}

@media screen and (max-width: 735px) {
    .landing-container .swiper-picture .swiper-container .swiper-pagination-fraction {
        bottom:10px;
        left: 20px
    }
}

.swiper-picture-dialog .cover .hint-card {
    max-width: 90vw
}

.swiper-picture-dialog .close-hint.active,.swiper-picture-dialog .close-hint:focus,.swiper-picture-dialog .close-hint:hover {
    color: #fff
}

@media screen and (max-width: 735px) {
    .swiper-picture-dialog .cover .hint-card .card-header .close-hint {
        color:#fff
    }
}

.swiper-picture-container .swiper-button-next,.swiper-picture-container .swiper-button-prev {
    background-image: none;
    width: 50px;
    height: 50px;
    background-color: hsla(0,0%,100%,.6);
    border-radius: 50%
}

.swiper-picture-container .swiper-button-next:after, .swiper-picture-container .swiper-button-prev:after {
    display: none;
}
.swiper-picture-container .swiper-button-next:before,.swiper-picture-container .swiper-button-prev:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.3);
    border-right: none;
    border-bottom: none;
    z-index: 1
}

.swiper-picture-container .swiper-button-next {
    right: 10%
}

.swiper-picture-container .swiper-button-next:before {
    left: -4px;
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.swiper-picture-container .swiper-button-prev {
    left: 10%
}

.swiper-picture-container .swiper-button-prev:before {
    left: 4px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 735px) {
    .swiper-picture-container .swiper-button-next,.swiper-picture-container .swiper-button-prev {
        display:none
    }
}

.swiper-picture-container .swiper-container {
    width: 100%;
    max-width: 1840px
}

@media screen and (max-width: 735px) {
    .swiper-picture-container .swiper-container {
        max-width:340px
    }
}

.swiper-picture-container .swiper-container .swiper-slide {
    position: relative;
    padding-top: 54.34783%
}

@media screen and (max-width: 735px) {
    .swiper-picture-container .swiper-container .swiper-slide {
        padding-top:141.17647%
    }
}

.swiper-picture-container .swiper-container .swiper-slide img {
    position: absolute;
    width: 100%;
    max-width: 1840px;
    height: auto
}

@media screen and (max-width: 735px) {
    .swiper-picture-container .swiper-container .swiper-slide img {
        max-width:340px
    }
}

.swiper-picture-container .swiper-container .swiper-pagination-fraction {
    position: absolute;
    bottom: 100px;
    left: 140px;
    color: #fff;
    width: auto
}

@media screen and (max-width: 735px) {
    .swiper-picture-container .swiper-container .swiper-pagination-fraction {
        bottom:10px;
        left: 20px
    }
}

.mclaren .text-orange {
    color: #ff4000
}

.mclaren-title .line {
    width: 100px;
    height: 4px;
    background-color: #f65f18;
    -webkit-transform: skewX(-60deg);
    transform: skewX(-60deg)
}

.text-black .learn-more:after {
    background-color: #000
}

.text-white .learn-more:after {
    background-color: #fff
}

.font-container {
    color: #000
}

.font-container .learn-more {
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    color: #000
}

.font-container .learn-more,.font-container .learn-more:after {
    -webkit-transition: .6s cubic-bezier(.77,0,.175,1);
    transition: .6s cubic-bezier(.77,0,.175,1)
}

.font-container .learn-more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px
}

.font-container .learn-more:hover {
    color: #eb0028
}

.font-container .learn-more:hover,.font-container .learn-more:hover:after {
    -webkit-transition: .6s cubic-bezier(.77,0,.175,1);
    transition: .6s cubic-bezier(.77,0,.175,1)
}

.font-container .learn-more:hover:after {
    background-color: #eb0028;
    width: 130%
}

@media screen and (max-width: 735px) {
    .font-container {
        padding-left:15px;
        padding-right: 15px
    }

    .font-container .padding-top-2x {
        padding-top: 10px
    }

    .font-container .padding-top-3x {
        padding-top: 20px
    }

    .font-container .padding-top-4x {
        padding-top: 30px
    }

    .font-container .padding-top-8x {
        padding-top: 40px
    }

    .font-container .video .padding-top-1x {
        padding-top: 30px
    }

    .font-container .display .padding-top-4x {
        padding-top: 40px
    }

    .font-container .display .padding-top-1x {
        padding-top: 10px
    }
}

.line-container {
    position: relative
}

.line-container .line {
    display: block;
    background-color: #f65f18;
    position: absolute;
    top: 0;
    width: 0;
    height: 14px;
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1)
}

@media screen and (max-width: 735px) {
    .line-container .line {
        height:8px
    }
}

.line-container .line.left {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    left: 0
}

.line-container .line.right {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    right: 0
}

.line-container.active .line {
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1)
}

.footnote-container {
    display: none;
    color: rgba(0,0,0,.4)
}

@media screen and (max-width: 735px) {
    .footnote-container {
        padding-left:15px;
        padding-right: 15px
    }
}

.footnote-container.show {
    display: block
}

.footnote-container ol {
    padding-left: 1em
}

.footnote-container ol li {
    list-style: decimal
}

.section-warp .info-group {
    padding: 0;
    margin: 0;
    list-style: none;
}
.section-warp .info-group li {
    list-style: none;
}