* { margin: 0; padding: 0; } ul li, ol li { list-style: none; } .commonFooter { padding-top: 24px; width: 100%; min-width: 1200px; opacity: 1; position: relative; top: 0; left: 0; z-index: 999; box-sizing: border-box; transition: all .5s ease; font-size: 12px; color: #cbcbcb; background-image: url("https://pic.cfl-china.cn/cfluat/footer/footer_bk.png"); background-size: cover; background-repeat: no-repeat; } .footer_content { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 44px; font-weight: 400; } .footer_left { margin-left: 188px; width: 172px; display: flex; align-items: center; } .footer_logo { width: 100%; height: auto; display: block; } .footer_center { flex: 1; display: flex; justify-content: space-between; } .footer_content_left_item_title { margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #cbcbcb; } .footer_title_link { text-decoration: none; color: #cbcbcb; } .footer_title_link:hover { color: #fff; } .footer_content_left_item_content { display: flex; flex-direction: column; gap: 7px; } .footer_content_left_item_content li { font-size: 12px; color: #cbcbcb; font-weight: 400; } .footer_content_left_item_content a { color: #cbcbcb; text-decoration: none; } .footer_content_left_item_content a:hover { color: #fff; } .bold { font-weight: bold; } .footer_right { width: 360px; display: flex; flex-direction: column; gap: 30px; margin-left: 40px; } .footer_group_title { font-size: 14px; color: #cbcbcb; font-weight: bold; margin-bottom: 15px; } .social_list { list-style: none; padding: 0; margin: 0; display: flex; gap: 16px; flex-wrap: wrap; } .social_item { display: flex; align-items: center; gap: 8px; position: relative; cursor: pointer; } .social_item>a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #aeb6c1; } .social_item>span { display: inline-flex; align-items: center; gap: 8px; color: #aeb6c1; } .social_icon { width: 28px; height: 28px; display: block; } .social_icon_hover { position: absolute; inset: 0; opacity: 0; transition: opacity .2s ease; } .social_item:hover .social_icon_default { opacity: 0; } .social_item:hover .social_icon_hover { opacity: 1; } .friend_list { display: flex; flex-direction: column; gap: 10px; } .friend_item { display: flex; align-items: center; gap: 10px; } .friend_link { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #aeb6c1; } .friend_link>div { display: flex; flex-direction: column; color: #fff; } .friend_name_sub { padding-left: 2px; } .friend_name { font-size: 14px; color: #fff; } .friend_logo { height: 32px; } .footer_content_right_item img { width: 100px; height: 100px; margin-right: 50px; } .footer_content_right_item_des { font-size: 16px; color: #aeb6c1; width: 100px; text-align: center; } .footer_content_right_item a { display: block; cursor: pointer; } .about_us { width: 100%; padding: 22px 0 30px 0; display: flex; justify-content: flex-start; } .about_us_content { margin-left: 400px; width: calc(100% - 800px); } .about_us .title { font-size: 14px; font-weight: bold; color: #cbcbcb; margin-bottom: 10px; } .about_us_text { font-size: 12px; color: #cbcbcb; margin-bottom: 12px; text-align: left; font-weight: 400; } .about_us_text:last-child { margin-bottom: 0; } .footer_bottom { padding: 6px 0; display: flex; align-items: center; font-weight: 400; width: calc(100% - 800px); margin-left: 400px; } .copyright { width: 100%; font-size: 9px; color: #cbcbcb; line-height: 22px; } .privacyList { width: 100%; height: 22px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .privacyList_item { display: block; font-size: 9px; color: #cbcbcb; text-decoration: none; } .line { width: 1px; height: 9px; background-color: #cbcbcb; margin: 0 8px; } @media screen and (max-width: 750px) { .commonFooter { min-width: auto; padding: 4.8rem 2.4rem; background-size: cover; } .footer_content { flex-direction: column; gap: 3rem; align-items: flex-start; } .footer_left { margin-left: 0; width: 21rem; height: 9.8rem; order: 1; } .footer_logo { width: 100%; height: auto; } .footer_center { display: none; } .footer_right { width: 100%; gap: 3.2rem; order: 2; align-items: flex-start; margin: 0; } .footer_group_title { font-size: 2.8rem; margin-bottom: 2.4rem; color: #cbcbcb; text-align: left; } .social_list { justify-content: flex-start; gap: 3.3rem; } .social_item { flex-direction: column; align-items: flex-start; } .social_item>span { gap: 0; } .social_icon { width: auto; height: 6.4rem; } .social_name { font-size: 1rem; color: #aeb6c1; } .friend_list { flex-direction: row; align-items: flex-start; gap: 5.6rem; } .friend_item { margin-top: 0; justify-content: flex-start; gap: 2.7rem; } .friend_link { gap: .7rem; } .friend_item:first-child .friend_logo { height: 6.6rem; } .friend_item:last-child .friend_logo { height: 6.6rem; } .friend_name { font-size: 2.8rem; color: #fff; } .about_us { display: none; } .footer_bottom { width: 100%; margin: 0; padding: 1rem 0; flex-direction: column; gap: 1.6rem; order: 4; text-align: center; border-top: 1px solid #404040; margin-top: 3.2rem; } .copyright { font-size: 2.4rem; line-height: normal; text-align: center; } .privacyList { height: auto; gap: .4rem; justify-content: center; } .privacyList_item { font-size: 2.4rem; } }
.cfl-sponsor[data-v-e78c1b41]{margin:0 auto;padding-top:50px;padding-bottom:40px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#edf3fa 9%,#f8fbfe 86%)}.leagues-container[data-v-e78c1b41]{margin:0 auto;display:flex;flex-direction:column;gap:52px}.league-row[data-v-e78c1b41]{display:flex;align-items:flex-start;gap:22px}.league-banner[data-v-e78c1b41]{display:flex;align-items:center;justify-content:center}.league-logo-img[data-v-e78c1b41]{width:156px;height:69px;object-fit:contain}.sponsor-columns[data-v-e78c1b41]{display:flex;align-items:stretch;justify-content:space-between;gap:24px}.sponsor-col[data-v-e78c1b41]{position:relative;min-width:140px}.sponsor-col+.sponsor-col[data-v-e78c1b41]:before{content:"";position:absolute;left:-12px;top:36px;bottom:8px;width:1px;background:#575757}.col-title[data-v-e78c1b41]{text-align:center}.col-title .zh[data-v-e78c1b41]{font-size:12px;color:#0d0d0d;font-weight:700;font-family:AlimamaShuHeiTi}.col-title .en[data-v-e78c1b41]{margin-top:2px;font-size:6px;color:#9aa0a6;letter-spacing:.02em;font-family:AlimamaShuHeiTi}.col-logos[data-v-e78c1b41]{display:flex;align-items:center;justify-content:center;gap:18px}.logo-wrap[data-v-e78c1b41]{display:flex;align-items:center;justify-content:center}.league-text[data-v-e78c1b41]{display:none}.sponsor-logo[data-v-e78c1b41]{margin-top:4px;height:35px;object-fit:contain;filter:grayscale(0);transition:transform .2s ease,filter .2s ease}@media (max-width: 750px){.cfl-sponsor[data-v-e78c1b41]{max-width:100%;margin:0 auto;padding:3.2rem;background-size:cover !important;background-repeat:no-repeat}.leagues-container[data-v-e78c1b41]{gap:4.8rem}.league-row[data-v-e78c1b41]{flex-direction:column;gap:2.4rem;align-items:stretch}.league-banner[data-v-e78c1b41]{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.2rem;border-radius:.8rem;height:auto}.league-logo-img[data-v-e78c1b41]{width:4.8rem;height:4.8rem;object-fit:cover;flex-shrink:0;border-radius:50%}.league-text[data-v-e78c1b41]{display:block}.league-name[data-v-e78c1b41]{font-size:2.4rem;color:#020202;font-weight:400;font-family:AlimamaShuHeiTi}.league-name-en[data-v-e78c1b41]{font-size:1.6rem;color:#8b8888;font-family:AlimamaShuHeiTi}.sponsor-columns[data-v-e78c1b41]{width:100%;gap:1.8rem;flex-direction:column}.mobile-logos[data-v-e78c1b41]{flex-direction:column}.sponsor-col+.sponsor-col[data-v-e78c1b41]:before{display:none}.col-title[data-v-e78c1b41]{text-align:left;display:none}.col-logos[data-v-e78c1b41]{flex-wrap:wrap;gap:1.6rem;justify-content:left}.sponsor-logo[data-v-e78c1b41]{width:100%;height:100%;object-fit:contain;margin:auto}.logo-wrap[data-v-e78c1b41]{width:calc(25% - 1.2rem);height:6.4rem}}.app{width:100%}