* {margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;box-sizing: border-box;}html, body {background: #fff;}.fx-c {display: flex;align-items: center;justify-content: center;}a{text-decoration: none;color:inherit }h1 {margin: 0px;font-size: 32px;font-weight: 800;margin-bottom: 24px;}.text-red {color: #FF4D4DF2;}.page-top {position: fixed;width: 100%;height: 55px;padding: 0 16px;top: 0;left: 0;box-sizing: border-box;background: #fff;color: #000;display: flex;align-items: center;justify-content: space-between;z-index: 100;}.page-top .hd-r{display: flex;align-items: center;gap: 10px;}.language-menu {padding: 5px 15px;border: 1px solid #000;font-size: 14px;color: #000;gap: 8px;}.language-sub-menu{top: 60px;right:100px;}ul {list-style: none;}.page-top .logo, .page-top .logo img {height: 25px;display: block;}.page-top a {color: #000;font-size: 14px;text-decoration: none;}.page-top #menu {margin-left: 10px;cursor: pointer;font-size: 16px;display:none;}.page-top .arrow-down {width: 10px;height: 10px;display: inline-block;background: url(./arrow-down.svg) center no-repeat;}.page-top .top-nav-links{display:flex;align-items: center;list-style: none;gap: 20px;flex:1;font-size:14px;margin-left:20px;font-weight: bold;}.page-top .top-nav-links > * {cursor: pointer;}.page-top .btn-login{display: flex;align-items: center;justify-content: center;height:30px;padding:0 15px;color:#fff;background:linear-gradient(135deg, #F99E47 0%, #FF3463 100%);border-radius: 100px;cursor: pointer;font-size:14px;}.page-top .sub-menu {display: none;top: 0;left: 0;border-radius: 2px;padding: 100px 10px ;background:#fff url(/images/livcam-logo-black.png) 24px 30px no-repeat;background-size: auto 40px;}.page-top .sub-menu .sm-logo{padding: 20px;}.page-top .sub-menu .sm-cancel{position:absolute;right: 20px;top: 20px;}.page-top .sub-menu .sm-cancel svg{width:20px;}.page-top .sub-menu a {display: block;color: #000;line-height: 48px;font-size: 16px;margin: 5px 15px;border-bottom:solid 1px #f2f2f2;}.page-top .sub-menu a:hover {background: #f7f9fc;}main{padding-top: 55px;}.user-call {width: 300px;height: 60px;padding: 0 15px;box-sizing: border-box;color: #fff;background: #000;border-radius: 100px;cursor: pointer;font-weight: bold;text-align: center;-webkit-animation: callIconAni 2s infinite;animation: callIconAni 2s infinite;font-size: 20px;}.large-area {height: 300px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #FF5004FF url(../images/alt-banner-pc.jpg) top center no-repeat;background-size: cover;}.section-container {width: 1000px;margin: 34px auto;}.nav-list__ul {display: grid;list-style: none;width: 100%;grid-template-columns: repeat(4, 1fr);padding: 0;margin: 0;justify-content: space-between;gap: 20px 20px;}.nav-list__ul .nav-item {list-style: none;background: #FFE7E7;border-radius: 2px;line-height: 24px;}.nav-list__ul .item-a {text-decoration: none;color: #170a2e;font-size: 20px;text-align: center;font-weight: 600;padding: 15px 5px;height: 100%;box-sizing: border-box;}.home__footer {padding: 60px 0;background: #fff;border-top: 1px solid #eaeaea;}.home__footer .section-container {width: 1000px;margin: 0 auto;text-align: center;}.footer__nav a {color: #000000fa;text-decoration: none;}.footer__nav .nav-list li {display: inline-block;position: relative;line-height: 26px;}.footer__nav li+li {margin-left: 30px;}.footer__copyright {margin-top: 15px;color: #6c6c6c;font-size: 12px;padding: 0 15px;}.diversion-list {margin-bottom: 20px;}.diversion-list a {color: #313131f2;cursor: pointer;font-size: 14px;}.diversion-page {background: #fff;color: #000;font-size: 16px;font-family: auto;}.diversion-page .section-title {font-size: 40px;font-weight: 800;line-height: 50px;}.text-c {text-align: center;}.section-img img {width: 100%;}.diversion-page .header {width: 100%;margin: 0 auto;position: absolute;z-index: 2;}.diversion-page .header .top-box {height: 67px;background: #FFFFFF;display: flex;justify-content: space-between;align-items: center;padding: 0 13px;box-sizing: border-box;}.diversion-page .header .logo {height: 39px;}.diversion-page .header .logo img {height: 100%;}.diversion-page .header .menu {flex: 1;justify-content: flex-start;list-style: none;margin-left: 20px;}.diversion-page .header .menu li {text-align: center;line-height: 1;transition: opacity .4s;white-space: nowrap;cursor: pointer;font-size: 22px;padding: 0 15px;}.diversion-page .header .menu li a {color: #0000007d;text-decoration: none;}.diversion-page .header .login-btn {background: linear-gradient(111deg, #F99E47 0%, #FF3463 100%);border-radius: 32px;overflow: hidden;color: #fff;}.diversion-page .header .login-btn span {padding: 8px 14px;min-width: 100px;text-align: center;cursor: pointer;}.diversion-page .header .login-btn span+span {background: #141328;}.num-box {width: 960px;height: 140px;background: #FFF1EE;border-radius: 20px;}.user-span {position: relative;padding: 0 30px;text-align: center;width: 33%;}.user-span+.user-span::before {content: '';position: absolute;left: 0;top: 18px;width: 2px;height: 59px;background: #00000017;}.user-span .numbs {font-size: 36px;font-weight: bold;line-height: 53px;}.user-span .txt {font-size: 14px;font-weight: 400;line-height: 32px;}.user-span .fb {font-size: 24px;font-weight: bold;}.diversion-page .large-con .section-title {margin-bottom: 30px;}.diversion-page .large-con p {font-size: 16px;line-height: 26px;}.diversion-page .large-con p+p {margin-top: 16px;}.diversion-page .large-con .user-call {margin: 30px auto 0;}.diversion-page .section1 {padding: 140px 0 0;background: linear-gradient(152deg, #F99E47 0%, #FA8E4B 15%, #FF3463 100%);color: #fff;}.section1 .section-container {width: 960px;margin: 0 auto;display: flex;position: relative;align-items: center;flex-direction: column;}.section1 .section-img {font-size: 0;margin-top: 60px;margin-bottom: -270px;}.diversion-page .section2 {padding: 310px 0 42px;}.diversion-page .section3 {padding: 67px 0 0;}.section3 .section-container {width: 767px;margin: 0 auto;}.section3 .page-two-content {display: flex;justify-content: center;align-items: center;text-align: left;align-items: stretch;}.section3 .page-two-content .two {margin: 0 -100px 0 -80px;}.page-two-content .content {}.page-two-content h3 {font-size: 28px;font-weight: bold;margin-bottom: 24px;line-height: 1.2;}.section3 .page-two-content .one, .section3 .page-two-content .three {display: flex;flex-direction: column;justify-content: space-evenly;}.section3 .page-two-content .one {z-index: 2;}.section3 .page-two-content .three .content {padding-bottom: 40px;}.diversion-page .section4 {padding: 150px 0 0;background: url(../images/s4-bg.png) top center no-repeat;background-size: contain;}.section4 .section-container {width: 1024px;margin: 0 auto;display: flex;flex-flow: row wrap;align-items: center;justify-content: center;}.section4 .content-item {display: flex;justify-content: space-between;align-items: center;width: 100%;margin-bottom: 180px;}.section4 .content-item>.content-desc {width: 560px;flex-grow: 0;}.section4 .content-img {width: 330px;flex-grow: 0;order: 1;}.content-item:nth-child(even) .content-img {order: 0;}.section4 .content-img img {width: 100%;}.content-desc>.content-title {font-size: 26px;font-weight: 800;line-height: 36px;margin-bottom: 20px;}.content-desc>.content-desc {line-height: 1.4;}.content-desc>.content-desc p {margin-bottom: 8px;}.content-desc>.content-desc ol {padding-left: 20px;margin: 20px 0;list-style-type: none;}.content-desc>.content-desc ol li {margin: 5px 0;position: relative;}.content-desc>.content-desc ol li::before {content: "";position: absolute;width: 16px;height: 16px;left: -25px;top: 4px;background: url(../images/heart.svg) center;background-size: contain;}.diversion-page .section5 {padding: 100px 0;background: #FFF1EE;}.section5 .section-container {width: 960px;margin: 0 auto;}.content-list {display: grid;margin-top: 87px;grid-template-columns: repeat(3, 1fr);grid-gap: 16px;font-size: 27px;font-weight: bold;}.content-list-item {width: 310px;height: 298px;padding: 10px 20px;background: #fff;border-radius: 24px;box-sizing: border-box;text-align: center;}.content-list-item .item-con {margin-top: 5px;font-size: 14px;line-height: 20px;font-weight: normal;margin-bottom: 10px;}.content-list-item .item-top {margin-top: -54px;display: flex;justify-content: center;font-size: 0;}.content-list-item .item-top-star {margin-top: 10px;font-size: 0;text-align: center;width: 100%;}.content-list-item .item-top-img {width: 88px;height: 88px;border-radius: 50%;overflow: hidden;font-size: 0;}.content-list-item .item-top img {width: 100%;}.content-list-item .item-top p {font-weight: 600;font-size: 20px;line-height: 28px;margin-bottom: 10px;margin-left: 17px;}.diversion-page .section6 {background: linear-gradient(152deg, #F99E47 0%, #FA8E4B 15%, #FF3463 100%);padding: 76px 0;color: #fff;}.section6 .section-container {width: 892px;margin: 0 auto;}.section6 .qa-list {margin-top: 65px;}.section6 .qa-item {background: rgba(255, 255, 255, 0.12);border-radius: 14px;border: 1px solid #ffffff4a;padding: 20px 34px;box-sizing: border-box;margin-bottom: 14px;cursor: pointer;position: relative;display: flex;flex-direction: column;justify-content: center;transition: 0.3s ease-in-out;}.section6 .qa-item .qa-item-tit {font-size: 20px;font-weight: 800;line-height: 28px;}.section6 .qa-item .qa-item-answer {display: none;margin-top: 6px;}.section6 .qa-item.qa-active {height: auto;background: #fff;color: #000;}.section6 .qa-item .qa-item-arrow {width: 28px;height: 16px;background: url(https://h5.livcam.me/static/images/web/livcam/arrow-down.png) center/cover no-repeat;position: absolute;right: 22px;top: 27px;display: inline-block;}.section6 .qa-item.qa-active .qa-item-answer {display: block;}.section6 .qa-item.qa-active .qa-item-arrow {display: none;}.diversion-page .section7 {padding: 60px 0 35px;background: #FFF1EE;}.section7 .section-container {width: 800px;margin: 0 auto;text-align: center;}.diversion-page .section7 .large-con .user-call {background: linear-gradient(152deg, #F99E47 0%, #FA8E4B 15%, #FF3463 100%);}.section7 .section-img {}.section7 .section-img img {margin-top: 50px;}.diversion-page .diversion-list a {font-size: 14px;color: #313131f2;}.page-footer {background: #222222;color: #fff;font-size: 14px;padding: 30px 20px;}.social-list{padding: 20px 0;text-align: center;}.social-list a{text-decoration: none;}.social-list .the-list svg{width:32px;margin:0 5px;}.page-footer .copy-info {margin-top: 10px;color: #707070FF;text-align: center;font-size: 12px;}.page-footer .ft-more {display:inline-flex;align-items: center;gap:4px;cursor: pointer;color:#ffa148;}.page-footer .ft-more svg{width:12px;height:12px;transition: all .2s;}.page-footer .ft-more.open svg{transform: rotate(-180deg);}.page-footer .nav-list {list-style: none;text-align: center;padding-left: 0;padding-bottom: 0;max-width: 1100px;margin:0 auto;width:100%;}.page-footer .nav-top-list{margin-bottom:5px;}.page-footer .nav-list li {display: inline-block;position: relative;line-height: 26px;}.page-footer .nav-list li + li {margin-left: 18px;}.page-footer .nav-list li::after{content: '｜';position: absolute;right: -18px;top: 0;opacity: .4;}.page-footer .nav-list li:last-of-type:after{content: '';}.page-footer .nav-list li a{color: #fff;text-decoration: none;}.page-footer .nav-list.sub{display: none;}@media screen and (max-width: 680px) {.language-menu{color:#fff;top:60px;}.menu-down{margin:0;}.language-menu svg path{fill: #fff }.language-sub-menu{top:55px;width: 100%;}.page-footer .nav-list li{display:block;line-height:32px;opacity: .8;}.page-footer .nav-list li + li{margin:0;}.page-footer .nav-list li::after{display: none;}.page-footer .nav-list.sub{margin-top: 20px;}.hidden-xs-only {display: none !important }.section-container {width: 100% !important;}.page-top #menu {font-size: 0;margin-left: auto;}.page-top .top-nav-links{display: none;}.page-top #menu{display:block;}.page-top .logo{display: flex;flex-direction: row;align-items: center;gap:10px;}.page-top .arrow-down {width: 30px;height: 30px;display: inline-block;background: url(../../style/list.svg) center no-repeat;}.page-top .sub-menu {position: fixed;height:100%;width: 100%;}.large-area {height: 160px;background-image: url(../images/alt-banner-m.jpg);}.large-area h1 {font-size: 18px;margin-bottom: 12px;}.user-call {width: 186px;height: 40px;font-size: 14px;}.nav-list__ul {grid-template-columns: repeat(2, 1fr);gap: 10px;padding: 0 10px;box-sizing: border-box;}.nav-list__ul .item-a {font-size: 14px;}.nav-item {}.footer__nav .nav-list li {display: block;position: relative;line-height: 36px;margin-left: 0;}.home__footer {padding-bottom: 60px;}.diversion-page .large-con p {font-size: 14px;line-height: 22px;}.diversion-page .header {padding: 0;}.diversion-page .header .top-box {border-radius: 0;height: 57px;}.diversion-page .section1 {padding-top: 70px;}.diversion-page .section2 {padding: 100px 0 20px;}.diversion-page .section3 {padding: 20px;}.diversion-page .section4 {padding-top: 10px;background-position-y: 326px;background-size: auto;background-image: url(../images/s4-bg-m.png);}.diversion-page .section5 {padding: 35px;}.content-list-item .item-top-star img {width: 150px;}.content-list-item {font-size: 16px;}.diversion-page .section6 {}.diversion-page .section7 {padding: 0 20px;}.diversion-page .section-title {font-size: 22px;line-height: 28px;margin-bottom: 14px;}.content-desc>.content-title {font-size: 22px;line-height: 28px;}.section1 .section-img {margin-top: 20px;margin-bottom: -90px;padding: 0 10px;}.section2 .section-container {padding: 0 20px;margin: 0;}.num-box {width: 100%;height: 60px;border-radius: 7px;}.user-span {padding: 0 12px;}.user-span+.user-span::before {content: '';position: absolute;left: 0;top: 8px;width: 1px;height: 27px;}.user-span .numbs {font-size: 16px;line-height: 24px;}.user-span .txt {font-size: 10px;line-height: 14px;}.large-con {padding: 0;}.section4 .content-item {flex-direction: column;padding: 0 20px;text-align: left;box-sizing: border-box;margin-bottom: 35px;}.section4 .content-item>.content-desc {width: 100%;order: 1;}.section4 .content-img {width: 230px;margin-bottom: 30px;}.content-item:nth-child(even) .content-img {order: 1;}.content-list {grid-template-columns: 1fr;justify-items: center;gap: 60px;}.content-list-item {width: 100%;height: auto;padding-bottom: 20px;}.content-list-item .item-top {margin-top: -44px;}.content-list-item .item-top-img {width: 68px;height: 68px;}.diversion-list li:not(.show-in-mini) {display: none;}}


.site-footer{
    background:#222;
    padding:42px 0 0;
    color:#fff;
    .sf-con{
        max-width: 1200px;
        margin:0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap:60px;
        box-sizing: border-box;
        padding:0 20px 30px;
        .osf.last{
            max-width: 300px;
        }
        h3{
            font-size: 20px;
            margin-bottom:20px;
        }
        ul{
            list-style: none;
            padding:0;
            li{
                font-size:14px;
                padding-bottom:10px;
            }
            a{
              color:inherit;
                text-decoration: none;
                opacity: .6;

            }
            a:hover{
                opacity: 1;
            }
        }
    }
    .copyright{
        padding: 20px;
        background:#00000050;
        text-align: center;
        font-size:12px;
        opacity: .6;
        margin:0;
    }
}



@media screen and (max-width: 680px) {
   .site-footer{
    padding: 10px 0 0;
    .sf-con{
        max-width: 100%;
        box-sizing: border-box;
        padding:0 20px 10px;
        flex-wrap: wrap;
        gap:0;
        justify-content: space-between;
        h3{
            font-size: 16px;
            margin:0 0 10px;
        }
        .osf{
            width: 48%;
            margin-bottom:20px;

            &.last{
                max-width: auto;
            }
        }

        ul{
            list-style: none;
            padding:0;
            li{
                font-size: 12px;
                padding-bottom:6px;
            }
        }
    }
    .copyright{
        padding: 20px 10px;
        font-size:9px
    }
  }
}