gswz/SFHY/static/css/analysis.css

1 line
10 KiB
CSS
Raw Normal View History

2024-02-28 14:35:44 +08:00
a{color:#333}.button-apply{display:block;width:-moz-fit-content;width:fit-content;height:40px;line-height:40px;margin:0 auto;padding:0 25px;font-size:var(--font-size);border-radius:4px;text-align:center;color:#fff;background:linear-gradient(90deg, #2f91d4 0%, #1881c9 100%);transition:all .3s ease-in-out}.button-apply:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}nav .nav-wrap{background:url("../image/analysis_banner_bg.png") no-repeat center bottom/cover;height:400px}nav .nav-wrap .box{display:flex;align-items:center;height:100%;background:none}nav .nav-wrap .box h1{font-size:36px;line-height:1}nav .nav-wrap .box p{font-size:18px;opacity:.8;line-height:1.7;margin-top:10px}nav .nav-wrap .box .nav-apply-box{display:flex;margin-top:30px}nav .nav-wrap .box .nav-apply-box a{display:block;width:160px;height:45px;line-height:45px;border-radius:4px;font-size:16px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(to right, #2f91d4, #1881c9)}nav .nav-wrap .box .nav-apply-box a:first-child{margin-right:20px}nav .nav-wrap .box .nav-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.call-menu-wrap{width:100%;height:45px;background-color:#fff;border-bottom:1px solid #eceff5;position:sticky;z-index:11;top:67px;left:0}.call-menu-wrap .call-menu-box{display:flex;justify-content:flex-start}.call-menu-wrap .call-menu-box a{display:block;height:45px;line-height:45px;margin-right:100px;font-size:16px}.call-menu-wrap .call-menu-box a:last-child{margin-right:0}.call-menu-wrap .call-menu-box a:hover{color:#ee1d0f}.call-menu-wrap .call-menu-box a.active{color:#ee1d0f;border-bottom:1px solid #ee1d0f}.menuFixed{box-shadow:0px 15px 10px -15px rgba(6,30,46,.15)}.chan-chanll{width:49%;padding:15px 30px 10px 30px;border-radius:6px;background:linear-gradient(131deg, #f0f5fd 0%, #f4f7fc 100%, #f4f7fc 100%);cursor:default;border:1px solid rgba(0,0,0,0);transition:all .3s ease-in-out}.chan-chanll:not(:nth-child(n+3)){margin-bottom:25px}.chan-chanll:hover{transform:translateY(-8px);border:1px solid #e35a5a;box-shadow:0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07)}.chan-chanll:hover img{opacity:1}.chan-chanll h3{font-size:18px;line-height:1.7}.chan-chanll p{font-size:var(--font-size);line-height:1.7;color:#6e7080;margin-top:5px;margin-bottom:15px}.chan-chanll img{width:110px;opacity:.6;transition:all .3s ease-in-out}.analysis-main-box{display:flex;justify-content:space-between;border-radius:4px;margin-bottom:20px}.analysis-main-box .analysis-main-left{width:35%;padding:0;text-align:right;cursor:default;transition:all .3s ease-in-out}.analysis-main-box .analysis-main-img{margin-top:30px;margin-left:-30px;position:relative;z-index:9}.analysis-main-box .analysis-main-right{width:35%;margin-left:-60px;text-align:left}.analysis-main-box .active{background-color:#485581;color:#fff}.analysis-main-box .active p{color:#fff;opacity:.8}.analysis-main{width:380px;padding:15px 40px;background-color:#f5f7fd;border-radius:10px;margin:0 0 18px auto;transition:all .3s ease-in-out}.analysis-main:nth-child(1){margin-right:-40px}.analysis-main:nth-child(4){margin-right:-40px}.analysis-main:hover{background-color:#485581;color:#fff}.analysis-main:hover p{color:#fff;opacity:.8}.analysis-main h3{font-size:16px;font-weight:bold;margin-bottom:5px}.analysis-main p{font-size:13px;color:#6e7080;line-height:1.7}.analysis-main-right .analysis-main:nth-child(1){margin-left:0;margin-right:0}.analysis-main-right .analysis-main:nth-child(4){margin-left:0;margin-right:0}.analysis-plat-box{max-width:1020px}.analysis-plat-box .analysis-plat-left{width:20%;padding-left:5%}.analysis-plat-box .analysis-plat-left h3{font-size:16px;font-weight:bold;line-height:110px}.analysis-plat-box .analysis-plat-right{flex:1;background:url("../image/analysis_plat.png") no-repeat center center/cover}.analysis-plat-box .analysis-plat-right .analysis-plat{display:flex;align-items:flex-end;height:110px;padding-bottom:14px;padding-left:48px}.analysis-plat-box .analysis-plat-right .analysis-plat:nth-child(4){padding-bottom:45px}.analysis