body {
  background-color: #ececec; }

.account-setting-panel > .account-setting-control-item {
  padding: 2px;
  min-width: 60px;
  text-align: center;
  transition: all 0.3s; }
  .account-setting-panel > .account-setting-control-item:hover {
    cursor: pointer;
    color: #484848;
    background-color: #f6f6f6; }

.container {
  padding: 20px 20px; }
  .container > .big-title {
    margin-bottom: 15px; }
    .container > .big-title .text {
      font-size: 40px;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-right: 10px; }
    .container > .big-title .account-setting-toggle {
      margin-bottom: 10px; }
  .container .upper-left-part > .title {
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: bolder; }
  .container .upper-left-part > .account-email {
    display: flex;
    justify-content: center; }
    .container .upper-left-part > .account-email > .label {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2px; }
    .container .upper-left-part > .account-email > .lv {
      margin-left: 20px; }
  .container .upper-left-part > .vip-expired-reminder-container {
    padding: 10px;
    margin-top: 10px; }
    .container .upper-left-part > .vip-expired-reminder-container > .line {
      display: flex;
      justify-content: center; }
      .container .upper-left-part > .vip-expired-reminder-container > .line + .line {
        margin-top: 8px; }
      .container .upper-left-part > .vip-expired-reminder-container > .line.main-tip {
        font-weight: bold; }
      .container .upper-left-part > .vip-expired-reminder-container > .line.act-part > .act-control {
        letter-spacing: 1px; }
  .container .upper-right-part > .title {
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: bolder; }
  .container .bottom-part > .title {
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: bolder; }

@media (min-width: 768px) {
  .container {
    padding: 20px 50px; } }
@media (min-width: 992px) {
  .container {
    padding: 20px 100px; } }
@media (min-width: 1200px) {
  .container {
    padding: 20px 50px; } }

