1 line
6.8 KiB
CSS
1 line
6.8 KiB
CSS
.first-wrap .first{padding:0 12px}.apply-btn-box{display:flex;margin:0 auto;justify-content:center}.apply-btn-box a{display:block;width:140px;height:40px;line-height:38px;color:#fd4047;background-color:#fff;border:1px solid #fd4047;text-align:center;font-size:var(--font-size);border-radius:4px;transition:all .3s ease-in-out}.apply-btn-box a:first-child:hover{color:#fd4343;border:1px solid #fd4343;box-shadow:0 10px 15px 0 rgba(238,77,45,.2)}.apply-btn-box a:nth-child(2){margin-left:25px;color:#fff;border:1px solid #fd4343;background:linear-gradient(90deg, #2f91d4 0%, #1881c9 100%)}.apply-btn-box a:nth-child(2):hover{box-shadow:0 10px 15px 0 rgba(238,77,45,.2)}.banner-wrap{width:100%;height:500px;background:url("../image/scrm_banner_bg.jpg") no-repeat left top/cover}.banner-wrap .banner-box{height:100%;display:flex;flex-direction:column;justify-content:center;background:url("../image/scrm_banner.png") no-repeat right bottom/50% auto}.banner-wrap .banner-box h1{font-size:36px;color:#fff}.banner-wrap .banner-box p{font-size:18px;line-height:1.7;letter-spacing:1px;color:#fff;opacity:.8}.banner-wrap .banner-box .banner-apply{display:block;width:200px;height:50px;line-height:50px;margin-top:30px;border-radius:10px;font-size:18px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(90deg, #2f91d4 0%, #1881c9 100%)}.banner-wrap .banner-box .banner-apply:hover{box-shadow:0 10px 15px 0 rgba(238,77,45,.2)}.pain-wrap{background:url("../image/scrm_pain_bg.png") no-repeat left top/cover}.pain-wrap .pain-box{max-width:1060px;display:flex;justify-content:space-between}.pain{width:31%;padding:30px;box-shadow:0px 4px 16px 1px rgba(42,57,98,.2);border-radius:10px;transition:all .3s ease-in-out;border:1px solid #d5d9eb;background-color:#fff}.pain:hover{transform:translateY(-8px)}.pain .pain-img{width:45px;margin:20px auto}.pain h3{text-align:center;font-size:18px;margin-bottom:10px}.pain h3 span{color:#fd3941}.pain p{line-height:1.7}.sence-wrap .sence-box{max-width:1120px}.sence-wrap .sence-img{margin-bottom:40px}.custom-wrap{padding-bottom:60px;background:none}.gray{background-color:#f4f7fa}.custom-box{max-width:1060px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;transition:all .3s ease-in-out}.custom-box .custom-box-img{width:48%;display:flex;align-items:center}.custom-box .custom-box-text{width:-moz-fit-content;width:fit-content;max-width:43%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.custom-box .custom-box-text h3{font-size:22px;font-weight:bold;color:#000;margin-bottom:20px}.custom-box .custom-box-text h4{font-size:16px;line-height:1.5;font-weight:bold;margin-bottom:10px;color:#333}.custom-box .custom-box-text p{font-size:var(--font-size);line-height:1.7;color:#282b42;margin-bottom:20px}.fun-wrap{background:url("../image/scrm_fun_bg.png") no-repeat left top/cover}.fun-wrap .fun-box{max-width:1040px;margin-bottom:40px;border:1px solid #d6def0;background-color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;box-shadow:0px 5px 9px 1px rgba(76,87,124,.2)}.fun-wrap .fun-box .fun{width:25%;padding:25px 0;text-align:center;border-right:1px solid #d6def0;border-bottom:1px solid #d6def0;transition:all .3s ease-in-out}.fun-wrap .fun-box .fun:nth-child(4n+4){border-right:none}.fun-wrap .fun-box .fun:nth-child(n+9){border-bottom:none}.fun-wrap .fun-box .fun:hover{z-index:5;box-shadow:0px 5px 9px 1px rgba(76,87,124,.2)}.fun-wrap .fun-box .fun .fun-img{width:40px;margin:0 auto 15px}.fun-wrap .fun-box .fun h4{font-size:16px;font-weight:bold;margin-bottom:8px}.fun-wrap .fun-box .fun p{font-size:var(--font-size);color:#282b42}.case-wrap{position:relative;overflow:hidden}.case-wrap .case-tab-box{max-width:1060px;margin-bottom:100px}.case-wrap .case-tab-box .case-tab{display:flex;align-items:center;cursor:pointer;width:200px;height:40px;padding-left:40px;color:#fff;transition:all .3s ease-in-out;background-color:rgba(255,255,255,.2);border-radius:12px 12px 12px 12px}.case-wrap .case-tab-box .case-tab:not(:last-child){margin-bottom:20px}.case-wrap .case-tab-box .case-tab:hover{background-color:rgba(255,255,255,.4)}.case-wrap .case-tab-box .case-tab img{width:20px;height:20px;margin-right:20px}.case-wrap .case-tab-box .case-tab p{opacity:.8}.case-wrap .case-tab-box .active{background-color:rgba(255,255,255,.4)}.case-wrap .apply-btn-box a:first-child{background-color:rgba(0,0,0,0);color:#fff;border:1px solid #fff}.case-box{width:100%;height:100%;padding-top:180px;display:flex;justify-content:center;z-index:-1;position:absolute;top:0;left:0;background:url("../image/scrm_case_bg1.png") no-repeat left top/cover}.case-box:nth-child(4){background:url("../image/scrm_case_bg2.png") no-repeat left top/cover}.case-box:nth-child(5){background:url("../image/scrm_case_bg3.png") no-repeat left top/cover}.case-box:nth-child(6){background:url("../image/scrm_case_bg4.png") no-repeat left top/cover}.case-box:nth-child(7){background:url("../image/scrm_case_bg5.png") no-repeat left top/cover}.case-box .case-item-box{display:flex;justify-content:space-between;width:650px;margin-left:300px;color:#fff;opacity:.8}.case-box .case-item-box .case-img{width:45px;margin-right:40px}.case-box .case-right{flex:1}.case-box .case-right .case-right-top{padding-bottom:30px;border-bottom:1px solid #fff}.case-box .case-right .case-right-top h4{font-size:16px;font-weight:bold;margin-bottom:10px}.case-box .case-right .case-right-top p{font-size:var(--font-size);line-height:1.7}.case-box .case-right .case-right-text{padding-top:30px}.case-box .case-right .case-right-text h4{font-size:16px;font-weight:bold;margin-bottom:10px}.case-box .case-right .case-right-text p{font-size:var(--font-size);line-height:1.7}.fuwu-box{max-width:1060px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.fuwu-box .fuwu{width:48%;padding:30px 60px 30px 30px;display:flex;align-items:center;background-color:#fff;border:1px solid #d8e1ef;box-shadow:0px 10px 14px 1px rgba(74,89,116,.16);transition:all .3s ease-in-out}.fuwu-box .fuwu:hover{transform:translateY(-8px)}.fuwu-box .fuwu:not(:nth-child(n+3)){margin-bottom:40px}.fuwu-box .fuwu .fuwu-img{width:40px;min-width:40px;margin-right:40px}.fuwu-box .fuwu h4{font-size:16px;font-weight:bold;margin-bottom:10px}.fuwu-box .fuwu p{font-size:var(--font-size);line-height:1.7}.bottom-apply-wrap{width:100%;height:300px;display:flex;padding-bottom:0;justify-content:center;align-items:center;background:url("../image/scrm_apply_bg.png") no-repeat left top/cover}.bottom-apply-wrap h4{color:#fff;font-size:28px;text-align:center;font-weight:500;margin-bottom:40px}.bottom-apply-wrap a{display:block;width:210px;height:40px;line-height:40px;font-size:18px;font-weight:500;margin:0 auto;text-align:center;color:#ff4646;background:#fff;box-shadow:0px 10px 12px 1px rgba(129,32,32,.25);border-radius:20px;opacity:1}/*# sourceMappingURL=scrm.css.map */ |