.qbox{min-height: 100vh;background: url(../images/pic_bg.png) no-repeat center;width: 100%;background-size: 100% 100%;padding-bottom: 1.5rem;position: relative;} .qup{width: 100%;} .qdown{width: 100%;position: absolute;left: 0;right: 0;bottom: 0;} .qbox .el-message{min-width: 4rem;} /* 扫码 */ * { padding: 0; margin: 0; } #app .btnBox { display: flex; justify-content: space-around; padding: 0.2rem; } #app .btnBox a{ padding: 0.4rem; color: aliceblue; background-color: #015cf2; display: block; } /* #mumuQrcode canvas{display: none;} */ #mumuQrcode canvas{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} /* 扫码 */ #app{width: 100%;padding: 0 0.3rem;box-sizing: border-box;} .qtitimg{width: 5.39rem;margin: -0.16rem auto 0.36rem;} .qd_txtbox{width: 100%;height: 3.5rem;background: url(../images/txt_bg.png) no-repeat center top;background-size: 100% 100%;padding-top: 0.2rem;margin-bottom: 0.36rem;} .qd_txtt{font-weight: 500;font-style: italic;color: #FFFFFF;line-height: 0.42rem;opacity: 0.84;text-align: center;font-size: 0.32rem;} .qd_txtb{padding: 0 0.3rem 0 0.24rem;margin-top: 0.67rem;} .qd_txtbt{font-size: 0.24rem;font-family: PingFang SC;font-weight: bold;font-style: italic;color: #BD5626; background: linear-gradient(0deg, #B54A1D 0%, #FFB97D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom: 0.42rem;padding-left: 0.28rem;} .qd_txtbtn{font-size: 0.28rem;font-family: PingFang SC;font-weight: bold;color: #BD5626; background: linear-gradient(0deg, #B54A1D 0%, #FFB97D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align: center;} .qd_txtbti{font-size: 0.24rem;font-family: PingFang SC;font-weight: bold;font-style: italic;color: #BD5626; background: linear-gradient(0deg, #353535 0%, #797979 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom: 0.42rem;} .qd_txtbxa{width: 50%;display: flex;align-items: flex-end;justify-content: center;position: relative;} .qd_txtbxa::after{content: "";width: 0.01rem; height:0.4rem; background: #E5E5E5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .qd_txtbxa:first-child::after{display: none;} .qd_txtbxa span{margin-right: 0.06rem;} .qd_txtbxal{width: 0.57rem;height: 0.57rem;margin-right: 0.1rem;flex: 0 0 auto;} .qd_txtbxal img{max-width: 100%;max-height: 100%;} .qd_fun a{width: 25%;margin-bottom: 0.52rem;} .qd_funimg{width: 1.17rem;height: 1.17rem;margin:0 auto 0.13rem;} .qd_funa{width: 6.56rem;margin: 0 auto;} .qd_wel{} .qd_weltit{position: relative;} .qd_weltita{font-size: 0.32rem;font-weight: bold; font-style: italic; color: #FFFFFF; text-shadow: 1px 5px 6px rgba(125, 9, 11, 0.21);position: absolute;left: 0;right: 0;text-align: center;top: 0.16rem;} .qd_weltit img{width: 5.15rem;margin: 0 auto;} .qd_weltxt{font-size: 0.26rem;font-family: PingFang SC;font-weight: 500;font-style: italic;color: #B3471A;} .qd_weltxt span{display: inline-block;width: 0.82rem;border-bottom: 0.01rem solid #E59A59;margin: 0 0.2rem;} .qd_welb{width: 100%;background: #F9EBDF; box-shadow: -1px 7px 9px 0px rgba(131, 46, 15, 0.36);border-radius:0.13rem;padding: 0.04rem 0.16rem;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0.22rem;position: relative;} .qd_welb a{background: #FFFFFF; box-shadow: -1px 7px 9px 0px rgba(131, 46, 15, 0.36);border-radius: 0.13rem;width: 2.96rem; min-height: 1.85rem;margin: 0.13rem 0;position: relative;padding: 0.22rem 0.36rem 0.2rem 0.32rem;box-sizing: border-box;} .qd_welb a::before{content: '';width: 0.13rem; height: 0.52rem;background: #F43637;position: absolute;left: 0;top: 0.67rem;} .qd_welbt{font-size: 0.28rem; font-family: PingFang SC; font-weight: bold; color: #B54D1F;background: linear-gradient(0deg, #B54A1D 21.58203125%, #F3A461 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 0.16rem;min-height: 0.37rem;} .qd_welbox{flex: 1;overflow: hidden;} .qd_welbtx{opacity: 0.89;font-size: 0.2rem;color: #2A2928;min-height: 0.52rem;} .qd_welimg{width: 0.68rem;flex: 0 0 auto;} .qd_welbm{font-size: 0.16rem;font-weight: 400; color: #AAAAAA;display: flex;justify-content: flex-end;align-items: center;margin-top: 0.18rem;} .qd_welbm img{width: 0.24rem;margin-left: 0.09rem;height: 0.18rem;} .qd_fixed{width: 100%;height: 0.93rem; background: #D17642; box-shadow: 0px 0px 0.18rem 0px #B1856C;position: fixed;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size: 0.28rem;color: #FFFFFF;z-index: 2;} .qd_fixedi{width: 0.29rem;height: 0.3rem;margin-right: 0.2rem;} @media (max-width: 310px) { .qd_welb a{ width: 100%; } } /* 使用记录 */ .qduse{min-height: 100vh;background: #FFFFFF;box-sizing: border-box;padding-top:1rem;} .quset{font-size: 0.32rem;font-weight: bold; color: #000000;text-align: center;position: relative;padding: 0 0.4rem;overflow: hidden;white-space: normal;text-overflow: ellipsis;height: 0.8rem;line-height: 0.8rem;position: fixed;left: 0;top: 0;right: 0;background: #FFFFFF;z-index: 10;} .qsback{position: fixed;left: 0.32rem;top: 0.81rem;z-index: 1;} .qsback img{width: 0.39rem;height: 0.39rem;} .qusetimg{width: 0.8rem;height: 0.8rem;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;} .qusetimg img{width: 0.18rem;height: 0.32rem;} .quseup{width: 0.2rem;margin-left: 0.15rem;} .quse_txt{padding: 0 0.56rem;} .quse_icon{font-size: 0.26rem;font-weight: bold; color: #000000;display: flex;align-items: center;} .quse_icon span{width: 0.16rem;height:0.16rem;background: #DF0024;border-radius:0.08rem;margin-right: 0.26rem;display: block;} .quse_txt{display: none;} .quse_txt ul{padding: 0.24rem 0.43rem 0.36rem;position: relative;} .quse_txt ul li{font-size: 0.26rem;color: #666666;display:flex; padding:0.08rem 0;} .quse_txt ul:before{content: "";border-right: 0.01rem solid #CDCDCD;height: 100%;position: absolute;left:0.08rem;top: 0;} .qusetime.act .quse_txt{display: block;} .qusetime.act .quseup{transform: rotate(180deg);} .qusetime .quse_txt:last-child ul:before{display: none;} /* 详情 */ .qd_medal{display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;left: 0.13rem;top: 0.46rem;width: 1rem;} .qd_medal img{width: 0.66rem;margin-bottom: 0.02rem;} .qd_medalt{color: #D37641;font-size: 0.16rem;font-style: italic;font-weight: bold;} .qd_medalx{color: #1b1b1b;font-size: 0.16rem;} .qd_medab{background: #FFFFFF; box-shadow: -1px 7px 9px 0px rgba(131, 46, 15, 0.36); border-radius: 0.13rem;position: relative;padding-bottom: 0.45rem;width: 100%;box-sizing: border-box;min-height: 2.2rem;} .qd_medab ul{padding-top: 0.46rem;margin-bottom: 0.1rem;} .qd_medab li{position: relative;padding: 0 0.4rem 0.3rem 1.27rem;} .qd_medab li:before{width: 0.13rem; height:0.52rem; background: #F43637;content: "";position: absolute;left: 0;top: 0;} .qd_medab li p{font-size: 0.24rem; color: #464545;line-height: 0.4rem;} .qd_medab ul li:last-child{padding-bottom: 0;} /* 扫码页面 */ .qscan{height: 100vh;background: linear-gradient(60deg, #F4B271, #D57640);box-sizing: border-box;display: flex;flex-direction: column; } .qscan .qscant{flex: 0 0 auto; font-size: 0.32rem;font-weight: bold;color: #FFFFFF;text-align: center;position: relative;padding: 0 0.4rem;overflow: hidden;white-space: normal;text-overflow: ellipsis;height: 0.8rem; line-height: 0.8rem;} .qsmain{flex: 1;overflow: auto;padding-top: 0.85rem !important;display: flex;flex-direction: column;} .qsbox{background: #FFFFFF;border-radius: 0.13rem;position: relative;padding-top: 0.72rem;padding-bottom: 0.4rem;} .qsboxtimg{width: 1.03rem;height: 1.03rem;position: absolute;left: 50%;top: -0.42rem;transform: translateX(-50%);} .qsfoot{flex: 0 0 auto;display: flex;align-items: center;padding-bottom: 0.2rem;} .qsfoota{width: 50%;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0.2rem 0;} .qsfootb{width: 0.67rem;height: 0.67rem;margin-bottom: 0.13rem;} .qscode{width: 3.08rem;height: 3.08rem;margin: 0 auto 0.42rem;background: url(../images/scodebg.png) no-repeat center top;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;position: relative;} .qscodeimg img{width: 2.67rem;height: 2.67rem;} .qscodeimg canvas{width: 2.67rem !important;height: 2.67rem !important;opacity: 0;} #myTime{min-height:0.62rem ;} .qscodetit{font-size: 0.3rem;color: #000000;position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;} .qslines{background: linear-gradient(60deg, #eea667, #dd864d);} .qsline{position: relative;justify-content: space-between;padding: 0 0.53rem;background: url(../images/picline.png) no-repeat center top;background-size: 100% 100%;width: 100%;box-sizing: border-box;min-height: 0.33rem;} /* .qsline::before{width: 0.4rem;height: 0.4rem;content: '';position: absolute;left: -0.2rem;top: 50%;background: #F4B271;border-radius: 50%;clip: rect(0px 0.4rem 0.4rem 0.2rem);margin-top: -0.2rem;} .qsline::after{width: 0.4rem;height: 0.4rem;content: '';position:absolute; right:-0.2rem;top: 50%;background: #D57640 ;border-radius: 50%;clip: rect(0px 0.2rem 0.4rem 0px);;margin-top: -0.2rem;} */ .qslinea{width: 1.73rem;height: 0.01rem;background-color: #AAAAAA;} .qslooka{width: 0.32rem;height: 0.22rem;margin-right: 0.15rem;} .qslook{display: flex;justify-content: flex-end;padding-right: 0.58rem;align-items: center;margin-top: 0.2rem;} .nobox{padding-top: 1rem;} .noimg{width: 5rem;margin: 0 auto;} /* 政策指南 */ .qpolicy{height: 100vh; background: #f5f5f5;box-sizing: border-box;overflow: scroll;} .policylist{background: #FFFFFF;border-bottom: 0.01rem solid #E5E5E5;padding: 0.32rem 0.4rem 0.3rem;} .poloding{font-size: 0.26rem;color: #666666;text-align: center;padding: 0.2rem 0;} .policylist p{font-size: 0.24rem;} .policyd p{font-size: 0.26rem;} /* 选择 类别 */ .qdcate.qduse{background: #f5f5f5;} .qdcate #app{padding:0.16rem 0.32rem 0.2rem;} /* .qcate{} */ .qcateli{width:100%;background: #FFFFFF;border-radius: 0.14rem;margin-bottom:0.24rem;} .qcatelit{padding: 0.2rem 0.3rem 0.24rem 0.28rem;border-bottom: 0.01rem solid #E5E5E5;} .qcatelitl{width: 0.26rem;height: 0.26rem;margin-left: 0.2rem;} .qcatelitr{width: 0.16rem;height: 0.26rem;margin-left: 0.2rem;} .qcatelif{padding: 0.24rem 0.3rem 0.24rem 0.22rem;} .qcatelif span{padding-right:0.1rem;} .qcatelif span:last-child{padding: 0 0 0 0.1rem;} .qcatelif .flex0{min-width:1.6rem ;} .bgbox{position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0, 0, 0, 0.5);z-index: 20;} .pawfixed{width:5.34rem;background: #FFFFFF;border-radius: 0.06rem;position: fixed;left: 50%;z-index: 22;top: 50%;margin-left: -2.67rem;box-sizing: border-box;padding-top: 0.24rem;top: 50%;margin-top: -1.8rem;} .pawfixedbtns{display: flex;align-items: center;border-top: 0.02rem solid #DDDDDD;} .pawfixedbtn{flex: 1;height: 0.8rem;display: flex;align-items: center;justify-content: center;font-size: 0.26rem;box-sizing: border-box;} .pawfixedbtn.btn1{color: #0074FF;} .pawfixedbtn.btn2{color: #E80000;border-left: 0.02rem solid #DDDDDD;} .pawfixedtit{font-size: 0.22rem;color: #666666;width: 3.56rem;margin:0 auto 0.4rem;} .pawfixedtit span{color: #DF0024;margin-right: 0.12rem;} .pawfixedin{margin-top: 0.4rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.36rem;} .pawfixedin input{width: 0.46rem;border: none;border-bottom: 0.01rem solid #E5E5E5;padding: 0.12rem 0;margin:0 0.08rem ;text-align: center;} .pawfixedin input.act{border-bottom: 0.01rem solid #DF0024;} /* .pawfixedin{margin-top: 0.4rem;margin-bottom: 0.36rem;position: relative;} .pawfixedin input{position: absolute;left: 0;right: 0;bottom: 0;top: 0;opacity: 0;} .pwd-wrap{display: flex;align-items: center;justify-content: center;} .pawfixedin li{width: 0.46rem;border: none;border-bottom: 0.01rem solid #E5E5E5;margin:0 0.08rem ;text-align: center;font-size: 0.34rem;font-weight: bold; color: #000000;height: 0.7rem;box-sizing: border-box;line-height: 0.7rem;} .pawfixedin li:focus{border-bottom: 0.01rem solid #DF0024;} */