2025-07-24 09:06:56 +08:00
|
|
|
|
footer{max-width:2560px;width:100%;margin:0 auto;padding:70px 0;background:#141035;padding-bottom:0}footer>.footer_content{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding-bottom:60px}footer>.footer_content>.footer_left>p{font-size:16px;color:#FFFFFF;line-height:22px;margin-top:8px;margin-bottom:34px}footer>.footer_content>.footer_left .infolanguage-nav{position:relative;display:flex;align-items:center;width:204px;height:40px;border-radius:4px 4px 4px 4px;border:1px solid #FFFFFF;padding:0 8px;box-sizing:border-box;color:#FFFFFF;margin:26px 0 39px;cursor:pointer}footer>.footer_content>.footer_left .infolanguage-nav img{transform:rotate(0deg);transition:all .3s}footer>.footer_content>.footer_left .infolanguage-nav:hover .infol-text>img{transform:rotate(180deg)}footer>.footer_content>.footer_left .infolanguage-nav:hover .infol-drop{pointer-events:auto;opacity:1}footer>.footer_content>.footer_left .infolanguage-nav .infol-text{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:400;cursor:pointer}footer>.footer_content>.footer_left .infolanguage-nav .infol-text>img{width:12px;height:auto}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop{pointer-events:none;position:absolute;top:38px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:100%;height:auto;background:#ffffff;border-radius:4px;opacity:0;transition:all .3s;box-shadow:0 0 6px 0 rgba(0,0,0,0.15)}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li{display:flex;align-items:center;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:400;color:#333;cursor:pointer;transition:all .2s;border-bottom:1px solid #f2f7ff;padding-left:20px;box-sizing:border-box;position:relative}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li>a{display:block;width:100%;height:100%}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li.active i{display:inline-block}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li:first-child{border-radius:8px 8px 0 0}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li:last-child{border-radius:0 0 8px 8px}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li>i{width:15px;height:15px;background:url(https://cliproxy.com/static/common/footer/img/lange-select-logo.png) no-repeat center;background-size:cover;position:absolute;right:15px;top:50%;transform:translateY(-50%);display:none}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li:last-child{border:none}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li:hover{background:#f2f7ff;color:#8062EF}footer>.footer_content>.footer_left .infolanguage-nav .infol-drop li img{padding-right:10px;width:26px}footer>.footer_content>.footer_left>div>a{display:flex;align-items:center;margin-bottom:25px;font-size:14px;color:#FFFFFF}footer>.footer_content>.footer_left>div>a>img{margin-right:6px}footer>.footer_content>.footer_right{display:flex;padding-top:25px}footer>.footer_content>.footer_right>div{display:flex;flex-direction:column;width:236px}footer>.footer_content>.footer_right>div>h2{font-weight:bold;font-size:18px;color:#FFFFFF;line-height:24px;margin-bottom:16px}footer>.footer_content>.footer_right>div>a{font-size:14px;color:rgba(255,255,255,0.6);transition:all .3s;margin-bottom:20px}footer>.footer_content>.footer_right>div>a:hover{color:#fff}footer>.footer_bottom{padding:30px 0;max-width:2560px;width:100%;margin:0 auto;color:#FFFFFF;display:flex;justify-content:space-between;align-items:center}footer>.footer_bottom>.footer_contant_bottom{max-width:1200px;width:100%;margin:0 auto}footer>.footer_bottom>.footer_contant_bottom>.friendship_link{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-weight:600;font-size:14px;padding-bottom:20px;line-height:16px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:20px}footer>.footer_bottom>.footer_contant_bottom>.friendship_link>a{color:#FFFFFF}footer>.footer_bottom>.foote
|
