.bg { width: 10rem; margin: 0 auto; } body { background: #f8f1f1 ; } .queryTop { color: #2f2c42 ; font-size: 0.43rem; line-height: 1.2rem; height: 1.2rem; text-indent: 0.5rem; border-top: 0.2rem solid #ffffff; } .queryTime-box { position: relative; height: 2.8rem; border-bottom: 0.2rem solid #ffffff; } .queryTime { height: 2.8rem; margin-left: 0.5rem; line-height: 2.3rem; margin-top: -0.5rem; font-size: 0.35rem; color: #2f2c42 ; } .queryTime .query-time1 { display: inline-block; width: 2.35rem; height: 0.85rem; background: #ffffff; border-radius: 0.1rem; font-size: 0.35rem; line-height: 0.85rem; color: #979ea5 ; text-align: center; border: 0.015rem solid #ffffff; } .queryTime .query-time2 { display: inline-block; width: 2.35rem; height: 0.85rem; background: #ffffff; border-radius: 0.1rem; font-size: 0.35rem; line-height: 0.85rem; color: #979ea5 ; text-align: center; border: 0.015rem solid #ffffff; } .queryTime .query-btn { background: -webkit-linear-gradient(bottom right, #fd527f, #ff8889); width: 1.6rem; height: 0.72rem; font-size: 0.35rem; color: #ffffff; border-radius: 0.5rem; margin-left: 0.2rem; } .query-tips { font-size: 0.32rem; color: #4D4D4D; position: absolute; bottom: 0.4rem; left: 0.5rem; } .query-text { width: 10rem; height: 2rem; margin-top: 0.22rem; border-bottom: 0.2rem solid #ffffff; } .query-text p { text-indent: 0.5rem; height: 0.9rem; line-height: 0.9rem; color: #979ea5 ; font-size: 0.43rem; } .query-box li { position: relative; width: 10rem; height: 1.47rem; border-bottom: 0.1rem solid #0A0A0A; text-align: center; line-height: 1.47rem; } .query-box li .li-day { display: inline-block; width: 2rem; font-size: 0.4rem; color: #CCCCCC; position: absolute; left: 0; } .query-box li .li-day .li-icon { color: #333333; font-size: 0.41rem; position: absolute; right: 0; font-weight: 700; } .query-box li .li-time { position: absolute; display: inline-block; width: 3.5rem; left: 2rem; font-size: 0.4rem; color: #ffffff; } .query-box li .li-ok { position: absolute; display: inline-block; width: 4.5rem; left: 5.5rem; font-size: 0.4rem; color: #ffffff; } .queryName { font-weight: 700; } .item-line { display: inline-block; } input::-webkit-input-placeholder { color: #979ea5 ; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #979ea5 ; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #979ea5 ; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #979ea5 ; }