1 line
14 KiB
CSS
1 line
14 KiB
CSS
|
.region-banner-wrap{width:100%;height:500px;padding-bottom:0}.region-banner{align-items:center;height:100%;text-align:center}.region-banner div{width:100%}.region-banner h1{color:#fff;font-size:36px;line-height:1.5}.region-banner p{font-size:18px;color:rgba(255,255,255,.8);line-height:1.8}.region-banner a{display:block;margin:0 auto;margin-top:30px;width:120px;height:40px;line-height:40px;border-radius:4px;font-size:16px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(to right, #2f91d4, #1881c9)}.region-banner a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.region-why-wrap{padding-bottom:0}.region-why-box{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.region-why-box .region-why{width:46.5%;margin-bottom:30px;display:flex;padding:2.5% .5% 2.5% 2.5%;border:1px solid #dce2eb;background-image:linear-gradient(93deg, #ffffff 0%, #f9faff 100%);border-radius:4px;transition:all .3s ease-in-out}.region-why-box .region-why .region-why-img{margin-right:20px}.region-why-box .region-why h3{font-size:18px;line-height:2}.region-why-box .region-why p{font-size:var(--font-size);color:#6e7080;margin-top:5px}.region-why-box .region-why:hover{box-shadow:0px 9px 20px 1px rgba(206,217,230,.24)}.region-fun-wrap{background:url("../image/region_fun_bg.png") no-repeat left bottom/100% auto}.region-fun-tab{display:flex;justify-content:center;cursor:pointer}.region-fun-tab li{font-size:18px;margin-top:-10px;line-height:2;color:#282b42;margin-right:98px}.region-fun-tab li span{display:flex;margin-top:5px;justify-content:flex-end;width:100%;height:3px;background-color:#fff}.region-fun-tab li span i{margin-right:4px;width:4px;height:3px;background-color:#fff}.region-fun-tab li.active,.region-fun-tab li:hover{color:#e72735}.region-fun-tab li.active span,.region-fun-tab li:hover span{display:flex;justify-content:flex-end;width:100%;height:3px;background-color:#eb4434}.region-fun-tab li.active span i,.region-fun-tab li:hover span i{margin-right:4px;width:4px;height:3px;background-color:#fff}.region-fun-tab li:last-child{margin-right:0}.region-fun-box{max-width:1180px;background-color:#fff;border:1px solid #d2dcea;margin:0 auto;padding:50px;min-height:525px}.region-fun-box .region-fun{display:flex;justify-content:space-between;transition:all .4s ease-in-out}.region-fun-box .region-fun .region-fun-img{width:55%}.region-fun-box .region-fun .region-fun-img img{width:100%}.region-fun-right{width:40%;overflow:hidden;display:flex;align-items:center}.region-fun-right h5{font-size:18px;line-height:2;color:#000;margin-top:20px}.region-fun-right p{font-size:var(--font-size);line-height:2;color:#6e7080;margin-bottom:20px}.region-fun-right .region-fun-apply{width:100%;overflow:hidden;background:url("../image/tele_mana_right_bg.png") no-repeat right bottom/80%}.region-fun-right .region-fun-apply a{display:block;margin:40px 0;width:110px;height:40px;line-height:40px;text-align:center;font-size:var(--font-size);border-radius:4px;color:#fff;background-color:#1881c9;background:linear-gradient(to right, #2f91d4, #1881c9);transition:all .4s ease-in-out}.region-fun-right .region-fun-apply a:hover{box-shadow:10px 10px 25px 0 rgba(24,129,201,.5)}.price-box{display:flex;justify-content:center;margin:40px auto 0}.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:#e2322c;background-color:#fff;border:1px solid #e2322c;transition:all .3s ease-in-out}.price-box a:hover{box-shadow:3px 15px 15px rgba(0,0,0,.1)}.price-box a:last-child{margin-left:25px;color:#fff;background-color:#1881c9;background:linear-gradient(to right, #2f91d4, #1881c9)}.price-box a:last-child:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.region-fun-more-wrap{margin-top:-20px}.region-fun-more-wrap .title{margin-bottom:40px}.region-fun-more-wrap .region-fun-more{width:24%;color:#fff;text-align:center}.region-fun-more-wrap .region-fun-more h4{font-size:18px;margin-bottom:10px}.region-fun-more-wrap .region-fun-more p{font-size:var(--font-
|