info.less 2.49 KB
Newer Older
godwithdh's avatar
godwithdh committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134
#_info{
    height:100%;
    .step_1{
      ._container{
        text-align: center;
        margin-top:50px;
        #phone_icon{
          font-size: 200px; 
          color: #bcbcbc;
        }
      }
      .title{
        text-align: center;
        h2{
          font-weight: bold;
          color:black;
        }
        h4{
          margin-top:20px;
          color:gray;
        }
      }
    }
    .step_2,.step_3{
      .input{
        position: relative;
        top:0;
      }
      input{
        background: white;
        width:100%;
        height:80px;
        font-size:30px;
        color:black;
      }
      .sendCode{
        position: absolute;
        right:0;
        width:150px;
        margin-right:15px;
        bottom:10px;
        height:60px;
        line-height: 60px;
        border:2px solid #1E9FFF;
        text-align: center;
        border-radius:10px;
        color:#1E9FFF;
      }
      ._title{
        position: absolute;
        left:0;
        bottom:0px;
        font-size:30px;
        color:black;
        height:80px;
        width:200px;
        font-weight: bold;
        display:flex;
        align-items: center;
        justify-content: center;
      }
    }
    .step_1,.step_2,.step_3,.unbundl,._info{
      .btn{
        margin-top:60px;
        button{
          background-color: #1E9FFF;
          height: 80px;
          width: 600px;
          font-size:30px;
        }
      }
    }
    .margin_top_20{
      margin-top:20px;
    }
    .margin_top_40{
      margin-top:40px;
    }
    .margin_top_2{
      margin-top:2px;
    }
    .padding_right_180{
      padding-right:180px;
    }
    .padding_left_120{
      padding-left:120px;
    }
    .padding_left_200{
      padding-left:200px;
    }
    #_phone_icon{
      position: absolute;
      bottom:0px;
      font-size: 50px;
      height:80px;
      width:120px;
      text-align: center;
      color: #bcbcbc;
    }
    .unbundle{
      ._img{
        width:50%;
        height:50%;
        margin-top:20px;
      }
      h2{
        margin-top:20px;
      }
    }
    ._info{
      .v-list{
        padding:0;
      }
      .v-list__tile{
        height:80px;
        box-sizing: border-box;
        border-bottom:3px solid #eff4fd;
      }
      .v-list__tile__title{
        padding-left:20px;
          font-size: 25px;

      }
      .title > .v-avatar{
        width:150px !important;
        height:inherit !important;
        justify-content: flex-start;
        span{
          font-size: 25px;
        }
      }
    }
  }