1 line
14 KiB
CSS
1 line
14 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/product_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}nav .nav-wrap .box .nav-apply-box{display:flex}nav .nav-wrap .box .nav-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)}nav .nav-wrap .box .nav-apply-box a:first-child{margin-right:20px}nav .nav-wrap .box .nav-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.product-info-box{display:flex;justify-content:space-around}.product-info-box .product-info .product-info-img{display:flex;justify-content:center;align-items:center;text-align:center;height:52px;margin:0 auto 20px}.product-info-box .product-info .product-info-img img{max-height:52px}.product-info-box .product-info h3{font-size:18px;text-align:center;color:#333;margin-bottom:10px}.product-info-box .product-info p{font-size:var(--font-size);line-height:1.7;color:#282b42;text-align:center}.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:#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)}.gover-con-wrap{padding-bottom:0px;background:none}.gray{background-color:#f4f7fa}.gover-con-box{max-width:1060px;margin-top:60px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;transition:all .3s ease-in-out}.gover-con-box .gover-con-img{width:48%;display:flex;align-items:center}.gover-con-box .gover-con-line{width:45px;height:2px;background-color:#ff5858;margin-bottom:20px}.gover-con-box .gover-con-text{width:-moz-fit-content;width:fit-content;max-width:43%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.gover-con-box .gover-con-text h3{font-size:22px;font-weight:bold;color:#000;margin-bottom:20px}.gover-con-box .gover-con-text p{font-size:16px;line-height:1.7;color:#282b42;margin-bottom:20px}.call-mana-wrap .call-mana-box{width:100%;overflow:hidden;margin-bottom:30px}.call-mana-wrap .product-mana-box{max-width:1180px;margin:0 auto;box-shadow:0px 13px 51px 0px rgba(215,224,240,.42);padding-bottom:40px}.call-mana-wrap .product-mana-box .call-mana{padding-top:40px}.call-mana-wrap .product-mana-box .call-mana-tab{background-color:#f2f6fa;border-bottom:1px solid #e4eef9}.call-mana-wrap .product-mana-box .call-mana-tab li{margin-top:0;border:none;line-height:3}.call-mana-wrap .product-mana-box .call-mana-tab li:after{display:none}.call-mana-wrap .product-mana-box .call-mana-tab li:hover{color:#e72735}.call-mana-wrap .product-mana-box .call-mana-tab li.active{color:#e72735}.call-mana
|