1 line
18 KiB
CSS
1 line
18 KiB
CSS
|
a{color:#333}img{max-width:100%}.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)}nav .nav-wrap{background:url("../image/ssc_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;color:#fff}nav .nav-wrap .box p{font-size:18px;line-height:1.7;color:#fff;opacity:.8}.chan-chall-box{display:flex;justify-content:space-between}.chan-chall-box .chan-chall{display:flex;width:31%;padding:50px 20px;border-radius:4px;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-right{flex:1;margin-left:15px}.chan-chall .chan-chall-right h3{font-size:20px;line-height:3}.chan-chall .chan-chall-right h3 i{font-size:22px;margin-right:5px;line-height:3;color:#6e7080}.chan-chall .chan-chall-right p{font-size:16px;color:#6e7080}.chan-chall:hover{transform:translateY(-8px)}.chan-pro-wrap .chan-pro-img{max-width:900px;margin:0 auto}.chan-pro-wrap .button-apply-box a{display:block;width:165px;height:40px;line-height:37px;text-align:center;color:#f82e3a;border:1.5px solid #f82e3a;transition:all .3s ease-in-out;border-radius:4px;margin:20px 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)}.ssc-pro-wrap .chan-pro-img{max-width:1100px}.tele-swiper-wrap{padding-bottom:60px}.tele-swiper-wrap .price-box{display:flex;justify-content:center;margin-top:-10px}.tele-swiper-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}.tele-swiper-wrap .price-box a:hover{box-shadow:3px 15px 15px rgba(0,0,0,.1)}.tele-swiper-wrap .price-box a:first-child{margin-right:25px;color:#fff;background-color:#1881c9;background:linear-gradient(to right, #2f91d4, #1881c9)}.tele-swiper-wrap .price-box a:first-child:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.tele-swiper-tab-wrap{display:flex;justify-content:center;margin:-11px auto 0;overflow:hidden;border-bottom:1px solid #f0f0f0}.tele-swiper-tab-wrap li{font-size:18px;line-height:40px;color:#282b42;margin-right:120px;position:relative;border-bottom:2px solid #e41c1c;transition:all .5s ease-in-out;cursor:pointer}.tele-swiper-tab-wrap li span{position:absolute;left:0;bottom:-2px;display:block;height:8px;width:100%;z-index:20;background-color:#f4f7fa;transition:all .3s ease-in-out}.tele-swiper-tab-wrap li:last-child{margin-right:0}.tele-swiper-tab-wrap li:after{content:"";position:absolute;left:50%;margin-left:-4px;bottom:-5px;width:8px;height:8px;border-top:2px solid #e41c1c;border-left:2px solid #e41c1c;background-color:#f4f7fa;z-index:10;transform:rotate(45deg)}.tele-swiper-tab-wrap li:hover,.tele-swiper-tab-wrap .active{color:#e41c1c;transform:translateX(0);border-bottom:2px solid #e41c1c}.tele-swiper-tab-wrap li:hover span{transform:translateX(100%)}.tele-swiper-tab-wrap .active span{transform:translateX(100%)}.tele-swiper-container{width:100%;overflow:hidden}.tele-swiper-container .
|