@media (max-width: 767px) { .footerBox .footerLeft .logoBox { height: 120px; margin-left: auto; margin-right: auto; justify-content: center; display: flex; } .footerBox .footerLeft .logoBox .text{ font-size: 30px; margin-left: 15px; } .footerBox .footerLeft .copyrightBox { display: none; } .footerBox .footerRight .sitemapColumn .top { display: flex; justify-content: space-between; align-items: center; margin-top: 27px; } .footerBox .footerRight .sitemapColumn .fa { color: #FFFFFF; } .backToTop .fa { padding-left: 8px; } .backToTop .top-text { display: block; } .cookieBox { height: 330px !important; } .cookieBox .cookie { height: 330px !important; } .cookieBox .cookie .btnsBox { margin-top: 15px; } .cookieBox .cookie .btnsBox .acceptBtn, .cookieBox .cookie .btnsBox .manageBtn { margin: 0 auto; } .cookieBox .cookie .desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } } @media (min-width: 768px) { .footerBox .footerLeft .logoBox { width: 180px; height: 95px; } .footerBox .footerLeft .logoBox .text{ font-size: 30px; } .footerBox .footerRight .sitemapColumn { border-right: 1px solid #555555; display: flex; justify-content: center; margin-top: 27px; min-height: 363px; } .footerBox .footerRight .sitemapColumn .rlist { display: block !important; } .footerBox .footerRight .sitemapColumn .specialControl { margin-top: 27px; } .footerBox .footerRight .sitemapColumn .top { height: 27px; } .copyrightBoxH5 { display: none; } .cookieBox .cookie .containerBox { display: flex; justify-content: space-between; } .cookieBox .cookie .btnsBox { margin-left: 15px; } .cookieBox .cookie .desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } } @media (min-width: 992px) { .footerBox .footerLeft .logoBox { width: 252px; height: 120px; } .footerBox .footerLeft .logoBox .text{ font-size: 48px; } } @media (min-width: 1366px) { .footerLeft { padding-left: 75px; } } @media (min-width: 1800px){ .footerBox .footerLeft .logoBox{ display: flex; } .footerBox .footerLeft .logoBox .text{ margin-left: 20px; } } .footerBox { width: 100%; background: #333333; overflow: hidden; padding-bottom: 27px; } .footerBox .footerLeft .logoBox { margin-top: 27px; align-items: center; } .footerBox .footerLeft .logoBox .img { width: auto; height: 100%; } .footerBox .footerLeft .logoBox .text{ color: #FFFFFF; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } .footerBox .footerLeft .copyrightBox { margin-top: 140px; } .footerBox .footerLeft .copyrightBox .text { font-size: 14px; color: #FFFFFF; } .footerBox .footerLeft .copyrightBox .text a{ color: #FFFFFF; cursor: pointer; text-decoration: none; } .footerBox .footerLeft .copyrightBox .address { margin: 18px 0; } .footerBox .footerLeft .copyrightBox .licence{ margin: 18px 0 0 0; /* cursor: pointer; */ } .footerBox .footerLeft .copyrightBox .licence a{ cursor: auto; } /* .footerBox .footerLeft .copyrightBox .licence:hover{ text-decoration: underline; } */ .footerBox .footerLeft .copyrightBox .img { margin: 0 3px; vertical-align: middle; } .footerBox .footerRight { overflow: hidden; } .footerBox .footerRight .sitemapColumn .accordionControl { font-size: 14px; color: #fff; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } .footerBox .footerRight .sitemapColumn .accordionControl .aboutLink{ color: #ffffff; text-decoration: none; } .footerBox .footerRight .sitemapColumn .accordionControl .aboutLink:hover{ text-decoration: underline; } .footerBox .footerRight .sitemapColumn .rlist { font-size: 14px; color: #FFFFFF; margin-top: 14px; } .footerBox .footerRight .sitemapColumn .rlist .list { padding: 4px 0; } .footerBox .footerRight .sitemapColumn .rlist .list .link { color: #FFFFFF; font-size: 14px; cursor: pointer; } .footerBox .footerRight .sitemapColumn:last-of-type { border: none; } .footerBox .copyrightBoxH5 { margin-top: 15px; padding: 0 30px; } .footerBox .copyrightBoxH5 .text { font-size: 14px; color: #FFFFFF; } .footerBox .copyrightBoxH5 .text a{ cursor: pointer; color: #FFFFFF; text-decoration: none; } .footerBox .copyrightBoxH5 .address { margin: 18px 0; } .footerBox .copyrightBoxH5 .img { margin: 0 3px; vertical-align: middle; } .footerBox .copyrightBoxH5 .licence{ margin: 18px 0 0 0; /* cursor: pointer; */ } .footerBox .seeMore:hover{ text-decoration: underline; } .clearfix:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .backToTop { cursor: pointer; border-radius: 8px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.24); font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; padding: 14px; background: #fff; color: #1a1a1f; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 10px; position: fixed; right: 0; bottom: 0; visibility: hidden; opacity: 0; z-index: 12; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .backToTop .top-text { font-size: 12px; } .backToTop .fa { font-weight: bold; margin-right: 5px; } .backToTop:hover { opacity: 1; } .backToTop:hover .fa { animation: faTransform 0.8s infinite; -webkit-animation: faTransform 0.8s infinite; } .back-to-top__is-visible { visibility: visible; opacity: 1; } .back-to-top__fade-out { opacity: 0.5; } .cookieBox { height: 165px; } .cookieBox .cookie { width: 100%; height: 165px; position: fixed; bottom: 0; left: 0; right: 0; background: #333333; z-index: 11; padding: 35px 0 0; } .cookieBox .cookie .desc { font-size: 16px; color: #FFFFFF; line-height: 24px; } .cookieBox .cookie .btnsBox .acceptBtn { width: 200px; text-align: center; background: #ffffff; box-shadow: 2px 3px 5px rgba(215, 215, 215, 0.35); border-radius: 10px; font-size: 14px; color: #333333; font-weight: bold; padding: 10px 0; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; cursor: pointer; } .cookieBox .cookie .btnsBox .acceptBtn:hover { animation: shake 0.38s; -webkit-animation: shake 0.38s; } .cookieBox .cookie .btnsBox .manageBtn { width: 200px; text-align: center; background: #004480; box-shadow: 2px 3px 5px rgba(170, 170, 170, 0.35); border-radius: 10px; font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 10px 0; cursor: pointer; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; margin-top: 15px; } .cookieBox .cookie .btnsBox .manageBtn:hover { animation: shake 0.38s; -webkit-animation: shake 0.38s; } .cookieBox .cookie .desc .goPolicy{ color: #0763D3; text-decoration: underline; cursor: pointer; } @keyframes faTransform { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } }