1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- body{
- width: 100%;
- height: 100%;
- background: #F3F3F3;
- }
- nav {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 9999;
- font-size: 0rem;
- height: 0.44rem;
- width: 100%;
- background-color: #5d7dff;
- }
- nav i {
- display: inline-block;
- width: 0.16rem;
- height: 0.16rem;
- line-height: 0.44rem;
- margin-left: 0.1rem;
- background-image: url(../img/back.png);
- background-repeat: no-repeat;
- background-size: 100% auto;
- }
- nav p {
- display: inline-block;
- width: 90%;
- text-align: center;
- line-height: 0.44rem;
- color: #fff;
- font-size: 0.17rem;
- }
- .list{
- margin-top: 0.74rem;
- }
- .typeList{
- background: #FFFFFF;
- padding: 0.12rem 0.23rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 0.1rem;
- }
- .typeListLeft h4{
- color: #333333;
- font-size: 0.15rem;
- }
- .typeListLeft p{
- color: #666666;
- font-size: 0.12rem;
- margin-top: 0.09rem;
- }
- .typeListRight{
- width: 0.2rem;
- height: 0.2rem;
- background: #D7D7D7;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .hollowCircle{
- width: 0.14rem;
- height: 0.14rem;
- background: #FFFFFF;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .disc{
- width: 0.06rem;
- height: 0.06rem;
- border-radius: 50%;
- background: #fff;
- }
- .nextStep{
- width:2.08rem;
- height: 0.34rem;
- border-radius: 0.17rem;
- margin: auto;
- margin-top: 0.71rem;
- color: #FFFFFF;
- font-size: 0.15rem;
- line-height: 0.34rem;
- text-align: center;
- background: #ccc;
- /*box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7);
- -webkit-box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7);*/
- }
|