1 line
9.0 KiB
CSS
1 line
9.0 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(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/quality_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:102px;height:34px;line-height:32px;border-radius:4px;font-size:16px;text-align:center;color:#fff;background:linear-gradient(90deg, #2f91d4 0%, #1881c9 100%);transition:all .3s ease-in-out}nav .nav-wrap .box .nav-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}nav .nav-wrap .box .nav-apply-box a:nth-child(2){margin-left:20px;color:#333;background:#fff;border:1px solid #c5cdef}nav .nav-wrap .box .nav-apply-box a:nth-child(2):hover{box-shadow:3px 15px 15px rgba(255,255,255,.8)}.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:center}.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-chall-box{display:flex;align-items:flex-start;justify-content:space-between}.chan-chall-box .chan-chall{width:49%;padding:40px 20px 0;border-radius:4px;background:#fff url("../image/ssc_chan_bg.png") no-repeat bottom left/100% 100%;cursor:default;transition:all .3s ease-in-out}.chan-chall-box .chan-chall-active{background-size:cover}.chan-chall-box .chan-chall-active h4{color:#e72735;padding-bottom:0}.chan-chall-box .chan-chall-active h4 i{color:#e72735;transform:rotate(180deg)}.chan-chall{margin-left:15px}.chan-chall:hover{transform:translateY(-8px);box-shadow:0px 5px 40px 0px rgba(47,72,88,.07),0px 5px 40px 0px rgba(47,72,88,.07)}.chan-chall h3{font-size:20px;line-height:3}.chan-chall h3 img{height:32px;vertical-align:baseline}.chan-chall p{font-size:16px;line-height:2;color:#6e7080;padding-left:40px}.chan-chall .quality-line{width:92%;margin:25px auto;height:1px;border-top:1px dashed #cacbea}.chan-chall h4{width:92%;margin:0 auto;display:flex;font-size:18px;cursor:pointer;padding-bottom:30px;justify-content:space-between;transition:all .3s ease-in-out}.chan-chall h4 i{font-size:18px;color:#282b42;transition:all .3s ease-in-out}.chan-chall .quality-now-content{max-height:0;width:92%;margin:10px auto 0;overflow:hidden;color:#282b42;line-height:1.7;transition:all .3s ease-in-out}.chan-chall .quality-active{max-height:120px;padding-bottom:30px}.quality-use-box{display:flex;justify-content:space-between;border-radius:4px;border:1px solid #d9e5f7}.quality-use-box .quality-use{width:35%;padding:40px 0 50px 25px;background-color:#fff;border-right:1px solid #d9e5f7;background:url("../image/quality_use1.png") no-repeat 90% 90%/65px 65px,linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);cursor:default;transition:all .3s ease-in-out}.quality-use-box .quality-use:hover{box-shadow:0px 5px 20px 0px rgba(47,72,88,.07)}.quality-use-box .quality-use:nth-child(2){background:url("../image/quality_use2.png") no-repeat 90% 90%/65px 65px,linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%)}.quality-use-box .quality-use h3{font-size:16px;font-weight:bold}.quality-use-box .quality-use h3 img{max-height:30px;vertical-align:middle;margin-right:5px}.quality-use-box .quality-use h4{color:#6e7080;margin:20px 0}.quality-use-box .quality-use p{line-height:2}.quality-use
|