.lo-top { height: 2rem; line-height: 1.5rem; text-align: center; } .nav { height: 3rem; line-height: 3rem; text-align: center; margin-top: 0.3rem; } .nav span { color: #B0B0B0; } #pitch { color: #333333; } .login-c { margin-top: 3rem; text-align: center; } .lo-inp { position: relative; width: 88%; margin: 0 auto; margin-top: 1.5rem; } .lo-name { margin-top: 5rem; } .lo-go { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-weight: 400; font-size:22px !important; line-height: 1.42857143; text-align: center; border: 1px solid transparent; border-radius: 4px; margin-top: 5rem; color: #ffffff; font-size: 2rem; height: 4.5rem; background: #dddddd; line-height: 3.5rem; width: 88%; } .head { margin-top: 1.5rem; width: 8rem; height: 8rem; border-radius: 50%; margin: 0 auto; } .Yabobtn { display: inline-block; padding: 6px 12px; background: #00a0e9; color: #ffffff; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; background-image: none; border: 1px solid transparent; border-radius: 4px; position: absolute; z-index: 2; width: 20%; right: 0rem; } .more-pay li { cursor: pointer; float: left; width: 29%; height: 5.8rem; margin-left: 1rem; margin-top: 1.5rem; border: 1px solid #999999; border-radius: 6px; } .p-top { height: 2.75rem; line-height: 2.5rem; text-align: center; } .p-top :nth-child(1) { width: 1.5rem; margin-top: -0.7rem; } .p-top :nth-child(2) { margin-left: 0.5rem; font-size: 2rem; } .p-bot { height: 2.75rem; line-height: 2rem; text-align: center; color: #00a0e9; } .p-bot :nth-child(1) { font-size: 2rem; } .p-bot :nth-child(2) { margin-left: 1rem; font-size: 2rem; } .more-pay .p-active { background: url("../img/p-action.png"); background-size: 100% 100%; border: 1px solid #00a0e9; } .b-btn { margin-top: 5rem; text-align: center; margin: 0 auto; } .b-btn .s-btn { width: 90%; font-size: 22px; height: 4.5rem; margin-bottom: 1.5rem; background: linear-gradient(to right, #00f088, #00a0e9); color: #ffffff; } .b-btn .next-btn { display: inline-block; padding: 6px 12px; background: #ddddd3; font-size: 22px; font-weight: 400; line-height: 1.42857143; text-align: center; border: 1px solid transparent; border-radius: 4px; width: 90%; height: 4.5rem; margin-bottom: 1rem; } #next-go { background: linear-gradient(to right, #00f088, #00a0e9); color: #ffffff; font-size: 22px; } .a-pay .a-btn { position: relative; display: block; height: 65px; line-height: 60px; border-radius: 0; background: #ffffff; margin-bottom: 4px; padding-left: 1rem; } .a-pay span { position: absolute; right: 1rem; color: #cccccc; font-size: 22px; top: 50%; margin-top: -11px; } .g-pay .g-btn { position: relative; display: block; height: 5.2rem; line-height: 5.2rem; margin: 0.9rem 1rem 0.9rem 1rem; border-radius: 8px; background: #ffffff; margin-bottom: 2px; padding-left: 1rem; font-size: 1.5rem; } .g-pay .glyphicon { position: absolute; right: 0.5rem; color: #cccccc; font-size: 18px; top: 50%; margin-top: -11px; } .g-pay .gashb { position: absolute; visibility: hidden; } .a-color { background: #f7f7f7; } .aspan { line-height: 5rem; font-size: 2.5rem; color: #666666; } .gash-more { height: 6rem; border-bottom: 1px solid #e5e5e5; } .gash-more img { margin-right: 0.8rem; } .gash-more .gash-dm { text-align: left; line-height: 6rem; margin-left: 1.8rem; font-weight: 700; font-size: 2rem; color: #444444; } .gash-more .gash-money { display: inline-block; float: right; line-height: 3.25rem; text-align: center; margin-right: 1.8rem; height: 3rem; width: 7.5rem; margin-top: 1.5rem; background: linear-gradient(to right, #00f088, #00a0e9); color: #ffffff; border-radius: 8px; padding: 0 5px 0 5px; } .gash-rid { visibility: hidden; }