// 手机端
@media screen and(min-width: 320px) and(max-width:768px) {
  .active {
  font-size: 14px;
  color: #e2001a;
  cursor: pointer;
}
.unactive {
  font-size: 14px;
  color: #444444;
  cursor: pointer;
}
  .rc-layout-container {


    width: 100%;
    .rc-main {
    .rc-usermaina{
      width: 100%;
      height: 100%;
    }
      .rc-headera {
        display: flex;
        justify-content: space-between;
        height: 64px;
        align-items: center;
      }
      .rc-userheader{
        display: none;
      }

      .rc-center {
        width: 100%;
        height: 245px;
        margin-top: 8px;
        .rc-usermain {
            .pc-bottom{
              display: none;
            }

          display: flex;
          .rc-image {
              border: 1px solid #D8D8D8;
    margin-top: 17px;
;
            img {
              width: 96px;
              height: 96px;
              display: block;

            }
          }

          .rc-right {

            .rc-userbottomm{
              display: none;
            }
            display: flex;
            flex-direction: column;
            width: 100%;
            margin-left: 16px;
            justify-content: center;
            em
            {
                font-style: normal;
                display: block;
                font-size: 16px;
                margin-top: 18px;
                font-weight: bold;
        
color: #E1001A;
            }
          }
          .rc-userright {
            display: flex;
            flex-direction: column;
            color: #666666;
            font-size: 14px;
            span{
                display: block;
                margin-top: 16px;
            }
          }
          .rc-userbottom {
            display: flex;
            justify-content: space-between;
            margin-top: 8px;
            span{
                color: #666666;
                font-size: 14px;
            }
            i{
                font-style: normal;
                color: #E1001A;
                font-size: 18px;
                font-weight: bold;
            }
          }
        }

        .rc-bottom {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 24px;
          span {
            display: block;
            width: 130px;
            display: flex;
            align-items: center;
            line-height: 40px;
            text-align: center;
            color: #e2001a;
            height: 40px;
            border: 2px solid #e2001a;
         justify-content: center;
            border-radius: 30px;
            font-weight: bold;
          }
          span:last-child{
              margin-left: 15px;
          }
        }
      }

      .rc-title {
        height: 52px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d8d8d8;
        justify-content: space-between;
        span{
            font-size: 14px;
           color: #999999;
           margin-left: 8px;
        }
        em{
            font-style: normal;
            font-size: 14px;

color: #333333;
        }
        i{
            font-style: normal;
            font-size: 14px;

color: #333333;
        }
        .rc-usertitle strong{
          display: none;
        }
      }
    }
  }
}
//    /* 最小768px最大1920 *pc端/
@media screen and (min-width: 768px) and (max-width: 1920px) {
  .active {
  font-size: 18px;
  color: #e2001a;
  cursor: pointer;
  // margin-left: 40px;
}
.unactive {
  font-size: 18px;
  color: #444444;
  cursor: pointer;
  // margin-left: 80px;
}
 .rc-layout-container {
    .rc-main {
      .rc-headera {
        display: flex;
        height: 64px;
        align-items: center;
        border: 1px solid #D7D7D7;
        border-radius: 3px 3px 0px 0px;
        font-size: 18px;
        span:first-child{
         margin-left: 40px;
        }
        span{
          margin-left: 80px;
        }
      }

      .rc-userheader{
        width: 100%;
        height: 64px;
        background: #F6F6F6;
        border: 1px solid #D7D7D7;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
      span:first-child{
        margin-left: 173px;
      }
         span:last-child{
        margin-right: 87px;
      }
      }

      .rc-center {
        width: 100%;
        height: 220px;
        border: 1px solid #D7D7D7;
        .rc-usermain {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 164px;
          .rc-usercenter{
            width: 25%;
            em{
              font-size: 18px;
            }
          }
          .rc-image {
              border: 1px solid #D8D8D8;
               margin-left: 40px;
   
            img {
              width: 96px;
              height: 96px;
              display: block;

            }
          }

          .rc-right {
            .rc-userbottom{
              display: none;
            }
            display: flex;
           
            width: 100%;
            margin-left: 16px;

            em
            {
                font-style: normal;
               font-weight: bold;
                font-size: 16px;
                margin-top: 18px;
        
color: #E1001A;
            }
          }
          .rc-userright {
            display: flex;
            flex-direction: column;
            color: #666666;
            font-size: 16px;
            span{
                display: block;
                margin-top: 6px;
            }
          }
          .rc-userbottomm {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 58%;
            font-size: 20px;
             color: #E1001A;
             font-weight: bold;
            i{
                font-style: normal;
               
               
            }
          }

             .pc-bottom {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          margin-right: 40px;
      
          span {
            display: block;
            width: 130px;
            cursor: pointer;
            display: flex;
            align-items: center;
            line-height: 40px;
            font-weight: bold;
            text-align: center;
            color: #e2001a;
            height: 40px;
            border: 2px solid #e2001a;
         justify-content: center;
            border-radius: 30px;
          }
          span:last-child{
              margin-top: 15px;
          }
        }
        }

        .rc-bottom {
         display: none;
        }
      }

      .rc-title {
        height: 55px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d8d8d8;
        justify-content: space-between;
        span{
            font-size: 16px;
           color: #999999;
           margin-left: 8px;
        }
        strong{
          font-style: normal;
          font-size: 16px;
          color: #444444;
        }
        em{
            font-style: normal;
            font-size: 16px;

color: #333333;
        }
        i{
            font-style: normal;
            font-size: 16px;
            margin-left: 40px;

color: #333333;
        }
        .rc-usertitle{
          margin-right: 73px;
          display: flex;
          align-items: center;
          em{
            display: block;
            margin-left: 8px;
          }
        }
      }
    }
  }
}