body{ width: 100%; min-height: 100vh; background: #fc732d; } .banner{ width: 100%; } .phoneInputDiv{ background: #ffffff; width: 3.5rem; margin: auto; padding: 0.15rem; box-sizing: border-box; box-shadow:0px 0.01rem 0.06rem 0px rgba(0,0,0,0.8); margin-top: -0.2rem; position: relative; background: #ff464b; } .phoneInputDiv .phone{ width: 95%; margin: auto; padding: 0.1rem 0.05rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .phoneInputDiv .phone input{ border: none; border: 0.01rem solid #fddd3a; border-radius: 0.05rem; height: 0.4rem; padding-left: 0.1rem; } .phoneInputDiv .phone input#phone{ width: 100%; } .phoneInputDiv .phone .yzmButton{ width:1rem; height: 0.4rem; line-height: 0.4rem; color: #FFFFFF; text-align: center; background:#fbde3a; border-radius: 0.05rem; border: none; margin-left: 0.1rem; font-size: 0.14rem; color: #fe474b; } .phoneInputDiv .getLimitButton { width:2.5rem; height: 0.5rem; border-radius: 0.1rem; line-height: 0.5rem; text-align: center; font-size: 0.18rem; background:#fbde3a; margin: 0.2rem auto; color: #fe474b; } /*选择我们的4个理由*/ .reason{ width: 100%; } .reason .top{ display: flex; align-items: center; justify-content: space-between; color: #FFFFFF; font-size: 0.14rem; margin: 0.3rem 0 0.1rem; } .reason .top .left{ width: 0.5rem; height: 0.02rem; background: #FFFFFF; } .reason ul{ display: flex; flex-wrap: wrap; } .reason ul li{ width: 50%; margin: 0.1rem 0; } .reason ul li img{ width: 85%; margin: auto; } /*最后落款*/ .lastInscribe{ padding: 0.1rem 0 ; text-align: center; } .lastInscribe p{ font-size: 0.12rem; line-height: 0.2rem; color: #FFFFFF; } /*提示*/ .alert-info {position: absolute;top: 2.74rem; right: 0; left: 0;bottom: 0; text-align: center;z-index: 999;} .alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;} #picCode{overflow:hidden;width: 2.7rem; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 110; text-align: center; border-radius: 0.035rem; -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: -o-transform,opacity; transition-property: transform,opacity; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%,0) scale(1); transform: translate3d(-50%, -50%,0) scale(1); color: #333;} #picCode .modal-inner{ background: #fff; padding: 0.25rem 0.1rem 0.1rem;} #picCode .modal-button{ background: #f4f4f4; font-size: 0.16rem; color: #666; text-align: center; } #picCode .modal-button-bold{ background: #fc732d; font-size: 0.16rem; color: #fff;} #picCode img{ width: 2rem; height: 0.6rem; margin: 0 auto 0.15rem;} #picCode input[type='text']{ box-sizing:border-box;width: 2.5rem; height: 0.48rem; padding-left: 0.12rem; border-radius: 0.03rem; font-size: 0.14rem; border: 0.005rem solid #ccc; margin: 0.1rem auto;} #mask,#maskMoney{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 100; visibility: hidden;} .modal-buttons{display: flex;align-items: center;} .modal-button{display: block;width: 50%;height: 0.44rem;line-height: 0.44rem;} #maskMoney .con_money{ width: 3.56rem; height: 3.17rem; background: url(../img/tankuangImg.png) no-repeat; background-size:100% ; position: absolute; left: 0; right: 0; top: 1.2rem; margin: auto; } #maskMoney #goApp{ display: block; width: 1.6rem; height: 0.38rem; background: url(../img/goApp.png) no-repeat; background-size:100% ; border: none; margin: auto; margin-top: 2.35rem; }