.pool-wrap{ margin: 0.8rem auto; } .pool-declare{ font-size: 0.24rem; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #014098; margin-bottom: 0.5rem; text-align: left; padding: 0 0.4rem; } .pool-from-form{ display: flex; justify-content: center; margin: 0.5rem 0; } .pool-from{ display: flex; align-items: center; margin-bottom: 0.29rem; } .pool-from-info{ display: flex; } .pool-from-info-left{ } .pool-from-info-right{ flex-shrink: 0; margin-left: 1rem; width: 1.92rem; height: 2.43rem; background: #FFFFFF; border: 0.01rem solid #CFCFCF; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; position: relative; } .pool-from-info-right input{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .pool-from-info-right p { font-size: var(--font18); font-family: MicrosoftYaHei; color: #333333; } .pool-from-info-right span { width: 0.2rem; height: 0.2rem; border: 1px solid #CFCFCF; border-radius: 50%; font-size: 0.24rem; color: #CFCFCF; margin-top: 0.16rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pool-box{ display: flex; align-items: center; } .pool-text{ width: 1rem; font-size: var(--font18); font-family: MicrosoftYaHei; color: #333333; margin-right: 0.1rem; flex-shrink: 0; line-height: 0.24rem; } .pool-select{ width: 3.76rem; height: 0.39rem; background: #FFFFFF; margin-right: 0.3rem; } .pool-select select{ width: 100%; height: 100%; border: 0.01rem solid #CFCFCF; font-size: var(--font18); font-family: MicrosoftYaHei; color: #333333; padding: 0 0.2rem; } .pool-input{ width: 3.76rem; height: 0.39rem; display: flex; align-items: center; margin-right: 0.3rem; } .pool-input input{ width: 100%; height: 100%; padding: 0 0.15rem; background: #FFFFFF; border: 0.01rem solid #CFCFCF; } .pool-input em{ font-size: var(--font18); font-family: MicrosoftYaHei; color: #333333; flex-shrink: 0; margin-left: 0.12rem; } .pool-textarea{ width: 13.87rem; height: 2.01rem; background: #FFFFFF; } .pool-textarea textarea{ width: 100%; height: 100%; padding: 0.15rem; border: 0.01rem solid #CFCFCF; } .pool-check-box{ display: flex; align-items: center; } .pool-check{ margin-right: 0.3rem; display: flex; align-items: center; cursor: pointer; } .pool-check label{ font-size: var(--font18); font-family: MicrosoftYaHei; color: #333333; margin-left: 0.08rem; cursor: pointer; } .pool-img{ margin-right: 0.3rem; height: 0.39rem; } .pool-img img{ height: 100%; width: auto; } .pool-bt{ border: none; width: 1.62rem; height: 0.4rem; background: #014098; border-radius: 2.2rem; margin-left: 0.45rem; font-size: 0.18rem; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 0.4rem; text-align: center; cursor: pointer; } .pool-box span{ color: red; } @media only screen and (max-width: 1024px) { .pool-declare{ font-size: 0.3rem; } .pool-from-form{ display: block; padding: 0 0.25rem; } .pool-from, .pool-box, .pool-from-info { display: block; flex-direction: column; } .pool-from-info-right{ margin-left: 0; } .pool-text{ width: 100%; font-size: 0.26rem; font-family: MicrosoftYaHei; color: #333333; margin-right: 0rem; line-height: 0.41rem; margin-bottom: 0.2rem; font-weight: bold; } .pool-select, .pool-input { width: 100%; margin-bottom: 0.2rem; height: 0.75rem; background: #FFFFFF; margin-right: 0rem; } .pool-input em{ width: 0.5rem; font-size: 0.26rem; text-align: right; } .pool-textarea{ width: 100%; font-size: 0.24rem; } .pool-input input, .pool-select select , .pool-textarea textarea , .pool-check label { font-size: 0.26rem; } .pool-check-box{ flex-wrap: wrap; } .pool-check{ margin-bottom: 0.2rem; } .pool-bt { display: block; margin: 0 auto; margin-top: 0.2rem; border: none; width: 40%; height: 0.75rem; background: #014098; border-radius: 2.2rem; font-size: 0.26rem; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 0.75rem; text-align: center; cursor: pointer; } .pool-from-info-right{ margin-bottom: 0.25rem; } .pool-from-info-right p{ font-size: 0.26rem; } }