.cardCode_con{ width: 100vw; background-color: white; margin: 0; overflow: hidden; border-bottom: 2vw solid #f3f3f3; } .cardcode{ width: 100%; text-align: center; margin: 10px auto 0; } .userimg{ display: block; width: 10vw; height: 10vw; margin: 5vw auto; border-radius: 50%; } .tips{ font-size: 12px; color: #999; line-height: 12px; text-align: center; } .template_con{ margin: 2vw auto 0; width: 70vw; height: 15vw; display: flex; justify-content: space-between; align-items: center; } .temp_money{ font-size: 12px; color: #999999; } .temp_money>span{ padding-left: 5vw; font-size: 18px; color: black !important; } .onlinepay{ padding: 1vw 4.5vw; border: 1px solid #EF4F4F; line-height: 14px; color: #EF4F4F; border-radius: 10vw; } .estm_con{ width: 100vw; height: auto; } .estm_title{ width: 100%; height: 13vw; border-bottom: 2px solid #f3f3f3; display: flex; justify-content: space-between; align-items: center; } .estm_title>div:nth-child(1){ margin-left: 20px; } .estm_title>div>img{ width: 8vw; height: 8vw; } .estm_title>div>span{ color: black; font-size: 13px; padding-left: 2vw; } .reload{ background-color: #f79767; border-radius: 5px; margin-right: 20px; color: white; padding: 1.1vw 4vw; } .reload:active{ transform: scale(0.95); } .estm_listcon{ width: calc(100% - 40px); padding: 0 20px; } .estm_list{ width: 100%; min-height: 12vw; padding-top: 1.5vw; display: flex; justify-content: space-between; font-size: 12px; border-top: 1px solid #f3f3f3; color: #999999; } .estm_list>div{ line-height: 5vw; display: flex; flex-direction: column; } .estm_list:nth-child(1){ border-top: none; } .estm_list_left{ margin-left: 5px; } .estm_list_left>div:nth-child(1){ color: black; margin-top: 1.5vw; } .estm_list_left>div:nth-child(2){ width: 52vw; } .estm_list_right{ line-height: 5vw; margin-top: 1.5vw; }