body{ width: 100%; min-height: 100vh; background: #ffffff; } .container{ width: 100%;height: 100%; } .container .bgImg{ width: 100%; } .phoneInputDiv{ width: 3.4rem; margin: auto; padding: 0.1rem 0; box-sizing: border-box; /*position: absolute; top: 4.1rem; left: 0; right: 0;*/ margin: auto; /*background: #FFFFFF;*/ border-radius: 0.1rem; } .phoneInputDiv .phone{ width: 95%; margin: auto; padding: 0.05rem 0.05rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-top: 0.08rem; } .phoneInputDiv .phone input{ border: none; border: 0.02rem solid #4d76e0; border-radius: 0.1rem; height: 0.37rem; padding-left: 0.1rem; } .phoneInputDiv .phone input#phone{ width: 100%; } .phoneInputDiv .phone .yzmButton{ width:1rem; height: 0.37rem; line-height: 0.37rem; color: #FFFFFF; text-align: center; background:#4d76e0; border-radius: 0.1rem; border: none; margin-left: 0.1rem; font-size: 0.14rem; } .phoneInputDiv .getLimitButton { width:3.1rem; height: 0.37rem; border-radius: 0.1rem; line-height: 0.37rem; text-align: center; font-size: 0.18rem; background:#4d76e0; margin: 0.08rem auto; color: #FFFFFF; letter-spacing:0.2em; } /*提示*/ .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: #4d76e0; 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;} .quota h3{ font-size: 0.22rem; margin-top: 0.135rem; text-align: center; margin-bottom: 0.075rem; color: #989898; } .quota .price{ font-size: 0.59rem; color: #5279e2; text-align: center; margin-bottom: 0.05rem; } .quota .price em{ font-size: 0.36rem; } .quota .quotaHint{ color: #989898; font-size: 0.16rem; text-align: center; } .registerBottom{ font-size: 0.1rem; color: #CCCCCC; line-height: 0.2rem; text-align: center; padding-bottom: 0.2rem; }