body{ width: 100%; min-height: 100vh; background: #efefef; } .banner{ width: 100%; } .priceInfoDiv{ background: #ffffff; width: 3.5rem; margin: auto; padding: 0.15rem; box-sizing: border-box; box-shadow:0px 0.01rem 0.06rem 0px #ccc; margin-top: -0.2rem; position: relative; } .priceInfoDiv .priceInfo{ display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: 0.12rem; line-height: 0.15rem; color: rgba(0,0,0,0.6); font-weight: bold; } .priceInfoDiv .priceInfo div span:nth-of-type(2){ color: #383838; padding-top: 0.1rem; display: block; font-size: 0.18rem; font-weight: bold; } .progress{ position: relative; margin-top: 0.2rem; } .progress img{ width: 100%; height: 0.11rem; } .progress .circle{ display: block; width: 0.17rem; height: 0.17rem; background: #f5f5f5; border-radius: 50%; position: absolute; top: -0.03rem; right: -0.02rem; box-shadow:0px 0.01rem 0.06rem 0px rgba(255,103,0,0.5); } .progress .progressPrice{ display: flex; align-items: center; justify-content: space-between; font-size: 0.14rem; margin-top: 0.05rem; font-weight: bold; } /*content02 input*/ .phoneInputDiv,.advantageTitleDiv,.caseAnalyzeDiv,.loanOrganizationDiv{ margin-top: 0.1rem; padding: 0.2rem 0; } .phoneInputDiv .phone{ width: 95%; margin: auto; border-bottom: 0.01rem solid #f0f0f0; 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 #a59995; border-radius: 0.02rem; box-shadow:0rem 0px 0.02rem 0.02rem inset #ccc; -moz-box-shadow:0rem 0px 0.02rem 0.02rem inset #ccc; -webkit-box-shadow:0rem 0px 0.02rem 0.02rem inset #ccc; height: 0.4rem; padding-left: 0.1rem; } .phoneInputDiv .phone input#phone{ width: 100%; } .phoneInputDiv .phone .yzmButton{ width:1rem; height: 0.4rem; border-radius: 0.4rem; line-height: 0.4rem; color: #FFFFFF; text-align: center; background:linear-gradient(90deg,rgba(255,141,36,1) 0%,rgba(255,208,36,1) 100%); border: none; } .phoneInputDiv .getLimitButton { width:2.5rem; height: 0.5rem; border-radius: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.18rem; color: #FFFFFF; background:linear-gradient(90deg,rgba(255,141,36,1) 0%,rgba(255,208,36,1) 100%); margin: 0.2rem auto; } .phoneInputDiv .hint{ text-align: center; font-size: 0.14rem; color: #a7a3a3; } /*小花猪优势*/ .advantageTitleDiv .advantageTitle img,.caseAnalyzeDiv .caseAnalyzeTitle img{ width: 2rem; margin: auto; margin-bottom: 0.2rem; } .advantageTitleDiv ul img{ width: 90%; margin: auto; margin: 0.1rem auto; } /*案例分析*/ .caseAnalyzeDiv .hint{ text-align: center; font-size: 0.14rem; color: #333; } .caseAnalyzeDiv ul{ display: flex; justify-content: center; margin-top: 0.2rem; } .caseAnalyzeDiv ul li{ text-align: center; } .caseAnalyzeDiv ul li:nth-of-type(2){ font-size: 0.4rem; color: #fd8e3b; margin: 0.2rem; } .caseAnalyzeDiv ul li img{ width: 1.1rem; margin: auto; } .caseAnalyzeDiv ul li img:nth-of-type(1){ width: 0.9rem; margin-bottom: 0.1rem; } /*放款机构*/ .loanOrganizationDiv .loanOrganizationTitle img{ width: 80%; margin: auto; } .loanOrganizationDiv ul{ display: flex; align-items: center; margin-top: 0.1rem; } .loanOrganizationDiv ul li{ width: 50%; display: flex; align-items: center; justify-content: center; } .loanOrganizationDiv ul li img{ width: 0.5rem; margin-right: 0.1rem; } /*最后落款*/ .lastInscribe{ padding: 0.3rem 0 ; text-align: center; } .lastInscribe p{ font-size: 0.12rem; line-height: 0.2rem; color: #ababab; } .lastInscribe p:nth-of-type(1){ font-size: 0.14rem; } /*提示*/ .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: #FE6E00; 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; }