| 1 |
- .outSideBox{display:flex;justify-content:center;align-items:center}.inSideBox{width:100%;height:100%}@keyframes auto-down-animate{0%{opacity:0;top:0}50%{opacity:1;top:.8125rem}to{opacity:0;top:1.6875rem}}@-moz-keyframes auto-down-animate{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(1turn)}}@-webkit-keyframes auto-down-animate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(1turn)}}@-o-keyframes auto-down-animate{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(1turn)}}@keyframes out-glow{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}@-moz-keyframes out-glow{0%{opacity:0;-moz-transform:scale(0)}50%{opacity:1}to{opacity:0;-moz-transform:scale(1.5)}}@-webkit-keyframes out-glow{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5)}}@-o-keyframes out-glow{0%{opacity:0;-o-transform:scale(0)}50%{opacity:1}to{opacity:0;-o-transform:scale(1.5)}}input,textarea{font-family:"system-ui"}input::placeholder,textarea::placeholder{font-family:"system-ui"}span{line-height:1em}*{scrollbar-width:.5rem}::-webkit-scrollbar{background:#fff;border-radius:0;width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#aaa}.index-wrap{user-select:none}.index-wrap .banner{width:calc(100vw - .5rem);min-width:62.5rem;height:calc(30vw - .15rem)}.index-wrap .banner .banner-container,.index-wrap .banner .banner-container .el-carousel__container{height:100%}.index-wrap .banner img{width:100%;height:100%;object-fit:cover}.index-wrap .content{width:calc(80vw - .4rem);min-width:56.25rem;margin:6.25rem auto 0}.index-wrap .content .search{width:100%;height:4.5rem;background:linear-gradient(270deg,#32e2e2,#3b59f8,#ff9991);border-radius:4.5rem;display:flex;justify-content:center;align-items:center}.index-wrap .content .search .search-content{width:calc(100% - .25rem);height:4.25rem;background-color:#fff;border-radius:4.25rem;display:flex;justify-content:flex-end;align-items:center;position:relative}.index-wrap .content .search .search-content .search-btn{background:linear-gradient(90deg,#38bbe8,#32e2e2);height:3.75rem;width:7.5rem;text-align:center;line-height:3.75rem;color:#fff;font-size:1.125rem;border-radius:3.75rem;margin:.25rem}.index-wrap .content .search .search-content .hot{position:absolute;right:9.375rem;font-size:.875rem;font-weight:400;color:#ff7b15;display:flex;align-items:center;user-select:none}.index-wrap .content .search .search-content .hot img{width:1.125rem;height:1.125rem}.index-wrap .content .card-box{width:calc(80vw - .4rem);min-width:56.25rem;display:flex;flex-wrap:wrap;justify-content:space-between}.index-wrap .content .card-box .card{margin:.625rem 0;border-radius:.9375rem;background-size:100% 100%}.index-wrap .content .card-box .card .card-title{font-size:2rem;display:inline}.index-wrap .content .card-box .card-3{min-width:56.25rem;width:calc(80vw - .4rem);min-height:25rem;height:calc(30vw - .15rem);display:flex;justify-content:center;align-items:center}.index-wrap .content .card-box .card-3 .card-app{width:calc(56vw - .28rem);min-width:46.875rem;height:calc(24vw - .12rem);min-height:18.75rem;display:flex;justify-content:space-between;align-items:center}.index-wrap .content .card-box .card-3 .card-app .card-app-info{min-width:25rem;height:100%;width:55%;display:flex;flex-direction:column;justify-content:center}.index-wrap .content .card-box .card-3 .card-app .card-app-info .card-app-info-app{font-size:1rem;font-weight:400;color:#666;line-height:1.25rem;margin-top:1.875rem}.index-wrap .content .card-box .card-3 .card-app .card-app-qrcode{height:100%;min-height:18.75rem;width:35%;min-width:15rem;border-radius:.9375rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.index-wrap .content .card-box .card-3 .card-app .card-app-qrcode .card-app-qrcode-title{font-size:1.875rem;margin-bottom:1.25rem}.index-wrap .content .card-box .card-3 .card-app .card-app-qrcode .card-app-qrcode-img{min-height:12.5rem;height:calc(14.4vw - .072rem);min-width:12.5rem;width:calc(14.4vw - .072rem)}.index-wrap .content .card-box .card-3 .card-wenda{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search{width:calc(38.4vw - .192rem);min-width:31.25rem;height:calc(19.2vw - .096rem);min-height:18.75rem;position:absolute;right:5%;top:15%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-title{font-size:2.5rem}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-tips{font-size:1.25rem;font-weight:400;color:#666}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-ipt{width:100%;height:20%}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-ipt .card-wenda-search-ipt-content{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-ipt .card-wenda-search-ipt-content input{border:none;outline:none;height:calc(100% - .125rem);width:65%;background:transparent;font-size:1.5rem}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-ipt .card-wenda-search-ipt-content input::-webkit-input-placeholder{font-size:1.5rem}.index-wrap .content .card-box .card-3 .card-wenda .card-wenda-search .card-wenda-search-ipt .card-wenda-search-ipt-content button{border:none;outline:none;height:calc(100% + .125rem);width:27%;background:linear-gradient(90deg,#38bbe8,#32e2e2);color:#fff;border-top-right-radius:3.125rem;border-bottom-right-radius:3.125rem;font-size:1.5rem}.index-wrap .content .card-box .card-1{min-width:17.5rem;width:calc(24vw - .12rem);min-height:25rem;height:calc(30vw - .15rem);position:relative}.index-wrap .content .card-box .card-1 .card-content{padding-top:15%;height:75%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.index-wrap .content .card-box .card-1 .card-content .card-content-icon{min-width:6.25rem;min-height:6.25rem;width:calc(7.2vw - .036rem)}.index-wrap .content .card-box .card-1 .card-content .card-content-line{min-width:7.5rem;width:calc(9.6vw - .048rem);min-height:1.125rem;width:calc(1.44vw - .0072rem)}.index-wrap .content .card-box .card-1 .card-content .card-content-jumpBtn{min-width:7.5rem;width:calc(9.6vw - .048rem);min-height:1.875rem;height:calc(2.4vw - .012rem)}.index-wrap .content .card-box .card-1 .card-content .card-content-jumpBtn .card-content-jumpBtn-content{width:60%;height:100%;margin:0 auto;display:flex;justify-content:space-around;align-items:center;font-size:1.125rem}.index-wrap .content .card-box .card-1 .card-content .card-content-jumpBtn .card-content-jumpBtn-content span{transform:translateY(.125rem)}.index-wrap .content .card-box .card-1 .card-content .card-content-jumpBtn .card-content-jumpBtn-content img{height:.75rem;width:.75rem;transform:translateY(.0625rem)}@media (min-width:2560px){.card-1,.card-3{width:30%;height:20vw}.banner img{height:30vw}}
|
