Files
proxy_web_site/static/css/socialMedia.min.css

1 line
11 KiB
CSS
Raw Permalink Normal View History

2025-07-12 15:34:14 +08:00
.socialMediaHeader{margin:0 auto;background:linear-gradient(180deg, rgba(226,218,255,0) 0%, #E2DAFF 100%);padding-top:180px;padding-bottom:60px;box-sizing:border-box}.socialMediaHeader>.container{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;justify-content:space-between}.socialMediaHeader>.container>.text{max-width:510px;width:100%}.socialMediaHeader>.container>.text>h1{font-weight:bold;font-size:50px;color:#030057;line-height:60px;margin-bottom:16px}.socialMediaHeader>.container>.text>p{font-size:16px;color:rgba(3,0,87,0.5);line-height:24px;margin-bottom:60px}.socialMediaHeader>.container>.text>div{display:flex;align-items:center;column-gap:16px}.socialMediaHeader>.container>.text>div>a{display:flex;align-items:center;justify-content:center;padding:0 32px;max-width:max-content;height:48px;background:#FFFFFF;border-radius:45px 45px 45px 45px;column-gap:8px;transition:all .3s}.socialMediaHeader>.container>.text>div>a:hover{opacity:.8}.socialMediaHeader>.container>.text>div>a.blue{background:#5629FF;font-weight:bold;font-size:16px;color:#FFFFFF;padding:0 8px;padding-left:12px}.socialMediaCharacteristic{width:100%;background:#F9F9FF;padding:80px 0}.socialMediaCharacteristic>h1{text-align:center;font-weight:bold;font-size:40px;color:#030057;line-height:48px;margin-bottom:40px}.socialMediaCharacteristic>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;max-width:1200px;width:100%;margin:0 auto}.socialMediaCharacteristic>div>div{width:385px;height:240px;background:#FFFFFF;border-radius:8px 8px 8px 8px;padding:20px;box-sizing:border-box}.socialMediaCharacteristic>div>div>img{width:60px;height:60px;margin-bottom:20px}.socialMediaCharacteristic>div>div>h2{font-weight:500;font-size:20px;color:#030057;line-height:24px;margin-bottom:10px}.socialMediaCharacteristic>div>div>p{font-size:16px;color:rgba(3,0,87,0.4);line-height:24px}.socialMediaVideo{max-width:1200px;width:100%;margin:0 auto;justify-content:center;padding:80px 0;display:flex;align-items:center;column-gap:42px;flex-wrap:wrap}.socialMediaVideo>img{width:400px}.socialMediaVideo>div{max-width:600px;width:100%}.socialMediaVideo>div>h1{font-weight:500;font-size:32px;color:#030057;line-height:38px}.socialMediaVideo>div>p{font-size:16px;color:rgba(3,0,87,0.4);line-height:24px;margin-top:15px}.pricing_show{max-width:2560px;width:100%;background:#141035;padding:80px 0;box-sizing:border-box}.pricing_show>h1{font-family:DMSans-Bold;font-weight:bold;font-size:40px;line-height:48px;margin:0 auto;text-align:center;margin-bottom:12px;width:726px;color:#FFFFFF}@media (max-width:1200px){.pricing_show>h1{width:100%;text-align:center;padding:0 20px;font-size:26px;box-sizing:border-box}}.pricing_show>ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,0.5);line-height:20px;column-gap:34px;row-gap:14px}@media (max-width:1200px){.pricing_show>ul{justify-content:center}}.pricing_show>ul>li{display:flex;align-items:center;column-gap:8px}.pricing_show>.pricing_show_contant{max-width:1000px;width:100%;margin:0 auto;margin-top:60px;display:flex;flex-direction:column;row-gap:20px}.pricing_show>.pricing_show_contant>.pricing_show_contant_item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px}.pricing_show>.pricing_show_contant>.pricing_show_contant_item>div{width:318px;height:301px;background:#262149;border-radius:8px 8px 8px 8px;border-top:3px solid #1263FF;padding:24px;box-sizing:border-box}.pricing_show>.pricing_show_contant>.pricing_show_contant_item>div>img{width:40px;height:40px;margin-bottom:24px}.pricing_show>.pricing_show_contant>.pricing_show_contant_item>div>h2{font-weight:bold;font-size:16px;color:#FFFFFF;line-height:17px;margin-bottom:8px}.pricing_show>.pricing_show_contant>.pricing_show_contant_item>div>p:nth-of-type(1){font-size:14px;color:rgba(255,255,255,0.5);line-height:15px;margin-bottom:24px}.pricing_show>.pricing_show_contant>.pricing_show_contant_item>div>p:nth-of-type(2){font-size:14px;col