html,body,.page{margin:0;padding:0;width:100vw;height:100vh;background-image:url(../img/hongbao_back.png);background-repeat:no-repeat !important;background-size:100% 100% !important;background-color:#f0f0f0}.hong-bao-container{position:absolute;top:0;width:100%;height:80%;min-height:620px;background-image:url(../img/hongbao_img.png);background-repeat:no-repeat !important;background-size:contain;background-position:center bottom}.hong-bao-container .hong-bao-warpper{position:absolute;left:0;bottom:40px;width:100%}.hong-bao-container .hong-bao-warpper .hong-bao-warning{display:block;margin:0 auto;width:70%;max-width:300px}.hong-bao-container .hong-bao-warpper .code-input-container{margin:5px auto 0;padding:0 10px;box-sizing:border-box;display:flex;align-items:center;width:65%;max-width:320px;height:45px;background-color:#ffffff;border-radius:10px;overflow:hidden}.hong-bao-container .hong-bao-warpper .code-input-container .icon{display:flex;width:25px;height:25px;object-fit:contain}.hong-bao-container .hong-bao-warpper .code-input-container .input{flex:1;padding:0 10px;height:100%;font-size:14px;border:0;outline:none}.hong-bao-container .hong-bao-warpper .button-container{margin:5px auto 0;width:65%;max-width:320px;height:55px;background-image:url(../img/button_img.png);background-repeat:no-repeat;background-size:contain;background-position:center }.mask{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.6);z-index:99}.phone-module{display:none;padding:30px 0;position:fixed;top:20vh;left:0;right:0;margin:auto;width:90%;background-color:#ffffff;border-radius:4px;z-index:100}.phone-module .title{text-align:center;font-size:18px;color:#333333;font-weight:bold}.phone-module .form-warpper{margin:30px 0 0;padding:0 38px}.phone-module .form-warpper .input-item:first-child{margin-top:0}.phone-module .form-warpper .input-item{margin-top:10px;padding:0 10px;display:flex;align-items:center;border:1px solid #dddddd;height:40px;border-radius:1000px}.phone-module .form-warpper .input-item .input{flex:1;height:100%;font-size:14px;color:#333333;border:0;background:none;outline:none}.phone-module .form-warpper .input-item .button{height:100%;background:none;font-size:14px;color:cornflowerblue;border:0}.phone-module .form-warpper .sub-button{margin:20px 0 0 0;display:block;width:100%;height:40px;background-color:cornflowerblue;color:#ffffff;font-size:14px;border:0;border-radius:10000px}.success-module{padding:10px 10px 0;position:fixed;top:20vh;left:0;right:0;margin:auto;width:80%;height:160px;background-color:#ffcda5;border-radius:4px;z-index:100;box-sizing:border-box}.success-module .success-content{margin:0;width:100%;height:140px;background-color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f33336}.success-module .success-content .title{margin:0;font-size:20px}.success-module .success-content .text{margin:10px 0 0 0;font-size:16px}.lq-button{position:absolute;left:0;right:0;bottom:80px;margin:auto;display:block;width:85%;height:50px;border-radius:10000px;color:#ffffff;border:0;background-image:linear-gradient(to top, #f33336, #ff8162);box-shadow:0 0 2px 0 rgba(0,0,0,0.2)}.info-container{width:100%}.info-container .info-item{width:100%}.info-container .info-head{padding:15px 20px 10px;width:100%;box-sizing:border-box;display:flex;justify-content:space-between}.info-container .info-head .title{font-size:14px;color:#999999}.info-container .info-head .slot-right{font-size:14px;color:darkgreen}.info-container .info-value{padding:10px 20px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background-color:#ffffff}.info-container .info-value .value{font-size:16px;color:#333333}.nav-col-container{margin-top:60px;display:flex;align-items:center;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background-color:#ffffff}.nav-col-container .col-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:33.33vw;border-right:1px solid #d4d4d4}.nav-col-container .col-item .icon{width:60px;height:60px}.nav-col-container .col-item .title{font-size:14px;color:#333333}.head-title-container{padding:10px 0;width:100%;text-align:center;background-color:cornflowerblue}.head-title-container .title{font-size:18px;color:#ffffff}.search-container{padding:10px;display:flex;align-items:center;justify-content:space-between}.search-container .search-input{padding:0 10px;background-color:#ffffff;border-radius:5px;overflow:hidden;flex:1;display:flex;align-items:center}.search-container .search-input .icon{width:30px;height:30px}.search-container .search-input .input{flex:1;height:40px;border:0;outline:none;font-size:14px;color:#333333}.search-container .search-button{margin-left:10px;width:80px;background-color:cornflowerblue;border-radius:5px;height:40px;border:0;color:#ffffff;font-size:14px}/*# sourceMappingURL=./style.css.map */