.fineBorder-before, .header .login-btn:before, .entrance-item:before {
  content: '';
  display: block;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%; }

body {
  display: flex;
  flex-direction: column;
  font-family: PingFang SC-Regular, PingFang SC; }

.my-module {
  position: relative;
  flex: 1; }

.header {
  position: relative;
  width: 100%;
  padding-top: 2rem;
  box-sizing: border-box;
  background: url("https://ss.tgnet.com/MProject/image_my_bg_1500x667.png") 0 0/100% auto no-repeat; }
  .header .user-info {
    display: flex; }
  .header .default-head {
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    margin: 0 auto 1.8rem;
    font-size: 0; }
  .header .btn-wrap {
    display: block;
    text-align: center;
    padding-bottom: 4.1rem; }
  .header .register-btn,
  .header .login-btn {
    display: inline-block;
    width: 9rem;
    height: 3.2rem;
    margin: 0 0.9rem;
    font-size: 1.5rem;
    line-height: 3.2rem;
    box-sizing: border-box;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem; }
  .header .register-btn {
    color: #ffffff;
    background: #ffa84c; }
  .header .login-btn {
    color: #683600;
    position: relative; }
    .header .login-btn:before {
      border: 1px solid #683600;
      -moz-border-radius: 0.8rem;
      -webkit-border-radius: 0.8rem;
      -ms-border-radius: 0.8rem;
      -o-border-radius: 0.8rem;
      border-radius: 0.8rem; }
  .header .user-head {
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    margin-right: 1.2rem;
    margin: 0 1.2rem 2.2rem 2.5rem; }
  .header .user-name {
    font-size: 1.5rem;
    line-height: 5.5rem;
    color: #683600;
    font-weight: 600;
    vertical-align: top;
    padding-right: 9.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .header .login-out-btn {
    position: absolute;
    display: inline-block;
    text-align: center;
    right: 2rem;
    top: 3.6rem;
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding: 0 0.8rem;
    color: #683600;
    background: #ffc47b;
    -webkit-border-radius: 2.35rem;
    -moz-border-radius: 2.35rem;
    -ms-border-radius: 2.35rem;
    -o-border-radius: 2.35rem;
    border-radius: 2.35rem; }
  .header .user-state-info {
    padding: 0 1.6rem 0 1.4rem; }
    .header .user-state-info .user-state-info-main {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 1.75rem  2.4rem;
      box-shadow: 0 0.5rem 0.75rem 0 rgba(119, 93, 0, 0.15);
      background: url("https://ss.tgnet.com/MProject/image_member-bg_1380x332.png") 0 0/100% 100% no-repeat; }
    .header .user-state-info .stage-info {
      color: #FFFFFF; }
    .header .user-state-info .stage {
      font-size: 1.8rem;
      line-height: 2.5rem;
      font-weight: 600; }
    .header .user-state-info .expiration-time {
      font: size 1.5rem;
      line-height: 2.1rem;
      padding-top: 0.2rem; }
    .header .user-state-info .go-service {
      font-size: 1.4rem;
      height: 2.4rem;
      line-height: 2.4rem;
      color: #C4AB81;
      background: #FFFFFF;
      padding: 0 0.8rem;
      -webkit-border-radius: 2.4rem;
      -moz-border-radius: 2.4rem;
      -ms-border-radius: 2.4rem;
      -o-border-radius: 2.4rem;
      border-radius: 2.4rem; }

.my-service {
  padding: 2rem 1.6rem 0 1.4rem; }
  .my-service .my-service-main {
    background: #FFFFFF;
    box-shadow: 0 0.2rem 1rem 0 rgba(167, 85, 0, 0.06);
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem; }
  .my-service .my-service-title {
    font-size: 1.5rem;
    line-height: 2.1rem;
    color: #454545;
    font-weight: 600;
    padding: 1.4rem 0 0.5rem 1.8rem;
    box-sizing: border-box; }
  .my-service .my-service-content {
    font-size: 0;
    width: 100%;
    padding: 0  1.75rem 1rem 0.65rem;
    box-sizing: border-box; }
    .my-service .my-service-content a {
      display: inline-block;
      text-align: center;
      padding: 1rem 0;
      width: 33.33%; }
      .my-service .my-service-content a img {
        display: block;
        width: 3.4rem;
        height: 3.4rem;
        margin: 0 auto; }
      .my-service .my-service-content a p {
        font-size: 1.2rem;
        line-height: 1.7rem;
        color: #000000;
        padding-top: 0.3rem; }

.entrance-list {
  padding: 0.7rem 3rem 15rem 2.4rem; }
  .entrance-list li:last-child .entrance-item:before {
    border-bottom: 0; }

.entrance-item {
  display: block;
  position: relative;
  padding: 0 1.6rem 0 2.6rem;
  color: #646464;
  font-size: 1.5rem;
  line-height: 4.7rem;
  background: url("https://ss.tgnet.com/MProject/icon_right_arrow_32@2.png") right center/1.6rem 1.6rem no-repeat; }
  .entrance-item:active {
    background-color: #e5e5e5; }
  .entrance-item:before {
    border-bottom: 1px solid #f2f2f2; }
  .entrance-item i {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0; }
  .entrance-item .member-icon {
    background: url("https://ss.tgnet.com/MProject/icon_member_72.png") 0 0/100% 100% no-repeat; }
  .entrance-item .wechat-group-icon {
    background: url("https://ss.tgnet.com/MProject/icon_wechat_group_72.png") 0 0/100% 100% no-repeat; }
  .entrance-item .course-icon {
    background: url("https://ss.tgnet.com/MProject/icon_course_72.png") 0 0/100% 100% no-repeat; }
  .entrance-item .tel-icon {
    background: url("https://ss.tgnet.com/MProject/icon_tel_72.png") 0 0/100% 100% no-repeat; }
  .entrance-item .customer-service-name {
    position: absolute;
    right: 2rem;
    color: #cccccc; }

.contact-info {
  position: fixed;
  width: 100%;
  padding: 2.5rem 0 10.5rem;
  text-align: center;
  color: #bababa;
  font-size: 1.4rem;
  line-height: 1.6rem;
  left: 0;
  bottom: 0;
  background: #FFFFFF; }
  .contact-info a {
    color: #bababa; }