1 line
20 KiB
CSS
1 line
20 KiB
CSS
|
a{color:#333}.button-apply{display:block;width:110px;height:40px;line-height:40px;font-size:var(--font-size);border-radius:4px;text-align:center;color:#fff;background:linear-gradient(to right, #2f91d4, #1881c9);transition:all .3s ease-in-out}.button-apply:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.banner-wrap{background:url("../image/cem_banner_bg.png") no-repeat center bottom/cover;height:400px}.banner-wrap .box{display:flex;align-items:center;height:100%;background:none}.banner-wrap .box h1{font-size:36px;color:#fff}.banner-wrap .box p{font-size:18px;line-height:1.7;color:#fff;opacity:.8}.banner-wrap .box .banner-apply-box{display:flex}.banner-wrap .box .banner-apply-box a{display:block;margin-top:30px;width:160px;height:40px;line-height:40px;background-color:#ff5a67;border-radius:4px;width:160px;font-size:16px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(to right, #2f91d4, #1881c9)}.banner-wrap .box .banner-apply-box a:nth-child(2){margin-left:20px}.banner-wrap .box .banner-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.chan-chall-box{display:flex;justify-content:space-between}.chan-chall-box .chan-chall{display:flex;width:32%;padding:35px 0 40px 15px;border-radius:8px;background-color:#fff;background:url("../image/ssc_chan_bg.png") no-repeat center top/100% 100%;box-shadow:0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07);cursor:default;transition:all .3s ease-in-out}.chan-chall .chan-chall-img{width:45px}.chan-chall .chan-chall-img img{width:100%}.chan-chall .chan-chall-right{flex:1;margin-left:8px}.chan-chall .chan-chall-right h3{font-size:20px;margin-bottom:10px}.chan-chall .chan-chall-right p{font-size:var(--font-size);line-height:2;color:#6e7080}.chan-chall:hover{transform:translateY(-8px)}.chan-pro-wrap .chan-pro-img{max-width:1200px;margin:0 auto}.chan-pro-wrap .button-apply-box a{display:block;width:165px;height:40px;line-height:37px;text-align:center;color:#fff;background:linear-gradient(-81deg, #ef4444 0%, #f69090 100%);transition:all .3s ease-in-out;border-radius:4px;margin:40px auto 0}.chan-pro-wrap .button-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.chan-pro-wrap .price-box{display:flex;justify-content:center;margin-top:40px}.chan-pro-wrap .price-box a{display:block;width:110px;height:40px;line-height:40px;text-align:center;font-size:var(--font-size);border-radius:4px;color:#636363;background-color:#f0f0f0;transition:all .3s ease-in-out}.chan-pro-wrap .price-box a:hover{box-shadow:3px 15px 15px rgba(0,0,0,.1)}.chan-pro-wrap .price-box a:first-child{margin-right:25px;color:#fff;background-color:#1881c9;background:linear-gradient(to right, #2f91d4, #1881c9)}.chan-pro-wrap .price-box a:first-child:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.call-mana-wrap .call-mana-box{width:100%;overflow:hidden}.call-mana-wrap .price-box{display:flex;justify-content:center;margin-top:40px}.call-mana-wrap .price-box a{display:block;padding:0 30px;height:40px;line-height:40px;text-align:center;font-size:var(--font-size);border-radius:4px;color:#636363;background-color:#fff;color:#fff;background-color:#1881c9;background:linear-gradient(90deg, #2f91d4 0%, #1881c9 100%);transition:all .3s ease-in-out}.call-mana-wrap .price-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.call-mana-wrap .price-box a:first-child{margin-right:25px;color:#333;border:1px solid #c9d4ea;background:#fff}.call-mana-wrap .price-box a:first-child:hover{box-shadow:0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07)}@keyframes widthAnimate{0%{width:0}100%{width:100%}}.call-mana-tab{display:flex;align-items:center;max-width:1180px;height:70px;line-height:70px;margin:0 auto;justify-content:space-evenly;cursor:pointer;background-color:#f7f8fa;border-bottom:1px solid #d3d9e4}.call-mana-tab li{position:relative;font-size:18px;line-height:68px;padding:0 30px;color:#282b42;border-bottom:2px solid rgba(0,0,0,0);transition:color .3s ease-in-out}.call-mana-tab li span{display:block;position:absolute;bottom:-2px;left:0;he
|