/* 视觉稿宽度为 750, 请设置html的font-size为 37.5px, 以便在布局视口宽度为 375 的页面中自适应 */
.mod { position: relative; height: 47rem; }
.primary { position: relative; }
.layer { width: 100%; }

.txt { margin-top: -0.07rem; text-align: center; text-decoration: none; line-height: 0.4rem; letter-spacing: 0; color: #ffffff; font-size: 0.4rem; }
.block { display: flex; position: absolute; align-items: center; flex-direction: row; top: 16.3rem; left: 12%; height: 3.85rem; }
.wrap { box-shadow: 2px 0px 10px rgba(17.0000008866191,17.0000008866191,17.0000008866191,0.27); box-sizing: border-box; display: flex; align-items: center; flex-direction: row; margin-right: 1.1rem; border-radius: 0.2rem; background-color: rgba(220,19,123,0.50); padding: 0 0.8rem; height: 3.2rem; }
.word { margin-top: -0.07rem; text-align: center; text-decoration: none; line-height: 3.2rem; letter-spacing: 0; color: #ffffff; font-size: 1.4rem; }
.block_1 { box-shadow: 2px 0px 16px rgba(17.0000008866191,17.0000008866191,17.0000008866191,0.2); display: flex; position: absolute; top: 21rem; left: 1.4rem; align-items: flex-start; flex-direction: column; border-radius: 0.24rem; background-color: #ffffff; width: 91%; height: 24rem; overflow: hidden; }
.title { align-self: center; margin-top: 1.3rem; height: 2.51rem; text-align: center; line-height: 2.53rem; color: #333333; font-size: 2rem; }
.group { display: flex; position: relative; align-items: center; align-self: center; flex-direction: row; margin-top: 0.73rem; height: 1.4rem; overflow: hidden; }
.icon { margin-right: 0.17rem; width: 0.8rem; }
.info { width: 18rem; height: 1.4rem; position: relative; overflow: hidden; text-align: center; color: #999999; font-size: 0.9rem; }
.info-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 1.4rem; }
.info-item { display: block; }
.text { display: inline-block; position: relative; margin-top: 1rem; margin-left: 1.16rem; text-align: center; line-height: 1.36rem; color: #666666; font-size: 1.37rem; }
.input-warp { position: relative; align-self: center; margin-top: 1.8rem; border-bottom: 1px solid #e9e9e9; width: 79%; height: 3.03rem; }
.input-warp input { outline: none; border: none; display: inline-block; width: 70%; height: 2rem; font-size: 1.37rem; }
.input-warp2 { margin-top: 1.2rem; }
.color_1 { position: relative; align-self: center; margin-top: 0.15rem; background-color: #e9e9e9; width: 79%; height: 1px; }
.tip { text-align: center; font-size: 0.8rem; color: red; width: 100%; }
.desc { position: relative; align-self: center; margin-top: 1.2rem; height: 1rem; text-align: center; line-height: 1rem; color: #999999; font-size: 1rem; }
.container { box-shadow: 2px 0px 18px rgba(0,67.7042806148529,90.0000022351742,0.55); box-sizing: border-box; display: flex; position: relative; align-items: center; align-self: center; flex-direction: row; margin-top: 1.2rem; border-radius: 0.3rem; background-color: #dc137b; padding: 0 2.5rem; height: 3.2rem; }
.text_1 { text-align: center; text-decoration: none; line-height: 3.2rem; letter-spacing: 0; color: #ffffff; font-size: 1.4rem; }