@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  height: 100%;
  background-color: #FFFFFF;
}
page .container {
  height: 100%;
}
.content-box {
  background-color: #FF4F4F;
  height: 220rpx;
  width: 100%;
}
.content-box .user-section {
  width: 200rpx;
  height: 200rpx;
  margin: 0rpx auto;
  position: relative;
}
.content-box .user-section image {
  border: 8rpx solid #FFFFFF;
  position: absolute;
  -webkit-transform: translate(0%, 50%);
          transform: translate(0%, 50%);
  width: 200rpx;
  height: 200rpx;
  border-radius: 100rpx;
}
.list-cell {
  display: flex;
  align-items: baseline;
  padding: 20rpx 30rpx;
  line-height: 60rpx;
  position: relative;
  background: #fff;
  justify-content: center;
  box-shadow: 5rpx 5rpx 10rpx rgba(0, 0, 0, 0.2);
}
.list-cell.log-out-btn {
  margin-top: 100rpx;
}
.list-cell.log-out-btn .cell-tit {
  color: #dd524d;
  text-align: center;
  margin-right: 0;
}
.list-cell .cell-tit {
  flex: 1;
  font-size: 30rpx;
  color: #303133;
  margin-right: 10rpx;
}
.list-cell .cell-tip {
  font-size: 28rpx;
  color: #909399;
}
.list-cell switch {
  -webkit-transform: translateX(16rpx) scale(0.84);
          transform: translateX(16rpx) scale(0.84);
}
.cover-container {
  width: 100%;
  text-align: center;
  padding-top: 120rpx;
}
.cover-container .nickname {
  font-size: 40rpx;
  color: #323232;
}
.cover-container .mobile {
  color: #888888;
  font-size: 30rpx;
  padding-top: 25rpx;
}
.cover-container .login {
  text-align: center;
  width: 100%;
  padding-top: 25rpx;
}
.cover-container .login text {
  font-size: 30rpx;
  color: #FFFFFF;
  border-radius: 50rpx;
  padding: 10rpx 25rpx;
  background-color: #FF4F4F;
}
.cover-container .login1 {
  width: 100%;
  text-align: center;
  margin-top: 25rpx;
}
.cover-container .login1 text {
  color: #FF4F4F;
  font-size: 30rpx;
  padding: 3rpx 25rpx;
  border-radius: 50rpx;
  border: 2rpx solid #FF4F4F;
}
.item-box {
  width: 100%;
  padding: 50rpx 55rpx;
}
.item-box .item-list {
  width: 100%;
  margin-top: 30rpx;
}
.item-box .item-list .list-icon image {
  width: 45rpx;
  height: 45rpx;
  margin-top: 10rpx;
  margin-right: 35rpx;
}
.item-box .item-list .list-icon .text {
  color: #323232;
  font-size: 28rpx;
  font-weight: bold;
}

