#mart-cashier {
  position: relative; }
  #mart-cashier .cashier-info {
    margin-left: 230px;
    margin-bottom: 40px;
    padding-bottom: 50px;
    background: #ffffff;
    min-height: 40rem;
    box-shadow: 0 1px 2px rgba(183, 195, 192, 0.95);
    font-size: 14px;
    color: #333; }
    #mart-cashier .cashier-info .cashier-account {
      max-width: 750px;
      width: 100%;
      height: 160px;
      background-color: #F7FAF8;
      padding: 45px 90px;
      box-sizing: border-box;
      box-shadow: 0px -1px 0px 0px #E7E7E7, 0px 1px 0px 0px #ffffff inset;
      -webkit-box-shadow: 0px -1px 0px 0px #E7E7E7, 0px 1px 0px 0px #ffffff inset;
      -moz-box-shadow: 0px -1px 0px 0px #E7E7E7, 0px 1px 0px 0px #ffffff inset; }
      #mart-cashier .cashier-info .cashier-account .account-detail {
        display: block;
        height: 100%;
        width: 100%;
        line-height: 35px; }
        #mart-cashier .cashier-info .cashier-account .account-detail .account-total {
          display: inline-block;
          height: 100%;
          width: 150px;
          float: left;
          margin-left: 30px;
          border-right: 1px solid #474b48; }
        #mart-cashier .cashier-info .cashier-account .account-detail .account-left {
          display: inline-block;
          height: 100%;
          width: 150px;
          float: left;
          margin-left: 30px; }
        #mart-cashier .cashier-info .cashier-account .account-detail .for-cash {
          display: inline-block;
          line-height: 70px; }
        #mart-cashier .cashier-info .cashier-account .account-detail .withdraw {
          cursor: pointer; }
      #mart-cashier .cashier-info .cashier-account input[name=withdraw], #mart-cashier .cashier-info .cashier-account input[name=verify_code] {
        height: 40px;
        width: 100px;
        padding: 0 12px;
        line-height: 1.42857143;
        color: #555;
        background-color: #f5f5f5;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        background-image: none;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        font-size: 14px;
        box-sizing: border-box; }
      #mart-cashier .cashier-info .cashier-account span.send-verify-code-error-message {
        color: red; }
    #mart-cashier .cashier-info .cashier-record {
      font-size: 12px;
      width: 100%;
      padding: 45px 90px;
      max-width: 750px;
      box-sizing: border-box; }
      #mart-cashier .cashier-info .cashier-record .record-table {
        width: 100%;
        border-collapse: collapse; }
        #mart-cashier .cashier-info .cashier-record .record-table .record-header {
          height: 20px;
          line-height: 15px;
          width: 100%; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-header a {
            float: right; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-header a.switcher {
            color: #4289DB; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-header .record-title {
            float: left; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-header .spacer {
            float: right; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-header .header-break {
            display: inline-block;
            width: 1px;
            height: 14px;
            background-color: #61c279;
            margin: 0;
            padding: 0;
            border: 0;
            float: right; }
        #mart-cashier .cashier-info .cashier-record .record-table .record-row {
          width: 100%;
          height: 60px;
          border-top: 1px solid #F2F2F2;
          border-bottom: 1px solid #F2F2F2; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-row .create-time {
            color: #474B48; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-row .type {
            color: #474B48; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-row .price {
            font-size: 16px; }
          #mart-cashier .cashier-info .cashier-record .record-table .record-row .balance, #mart-cashier .cashier-info .cashier-record .record-table .record-row .remark {
            color: #808080; }
        #mart-cashier .cashier-info .cashier-record .record-table th, #mart-cashier .cashier-info .cashier-record .record-table td {
          text-align: center; }

@media only screen and (max-width: 1000px) {
  #mart-cashier .info .cashier-account {
    padding: 45px; } }

@media only screen and (max-width: 550px) {
  #mart-cashier .cashier-info .cashier-account {
    padding: 35px 25px;
    height: 140px; }
    #mart-cashier .cashier-info .cashier-account .account-total {
      width: 100px !important; }
    #mart-cashier .cashier-info .cashier-account .account-left {
      width: 100px !important; }
  #mart-cashier .cashier-info .cashier-record {
    padding: 45px 25px; }
    #mart-cashier .cashier-info .cashier-record .record-table .record-row .create-time {
      width: 150px; } }