/* pages/my.wxss */
.user {
  height: 150rpx;
  margin-bottom: 200rpx;
  position: relative;
  background: #fff;
}

.user-header {
  height: 150px;
  width: 100%;
  display: flex;
  background-color: rgba(52, 120, 247);
  border-radius: 15rpx;
}

.user-header .user-header-cont {
  width: 95%;
  margin: 60rpx auto;
  height: 200rpx;
  display: flex;
  align-items: center;
}

.user-header .user-header-cont .user-header-avatar {
  display: block;
  margin-left: 30rpx;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  border: 5rpx solid #f8f8f8;
  overflow: hidden;
}

.user-header .user-header-cont .user-header-msg {
  display: block;
  width: 350rpx;
  height: 130rpx;
  overflow: hidden;
  margin-left: 20rpx;
}

.user-header .user-header-cont .user-header-icon {
  width: 100rpx;
  height: 130rpx;
  display: flex;
  justify-content: center;
  align-items: center;

}

.user-header .user-header-cont .user-header-msg .user-header-text {
  height: 135rpx;
  width: 100%;
  line-height: 135rpx;
  font-size: 34rpx;
  color: #fff;
}

.content {
  position: relative;
  top: 0rpx;
  border-radius: 15rpx;
  z-index: 999;
  width: 95%;
  margin: 0 auto;
  height: 100%;
  box-shadow: 0px 0px 15rpx #e2e2e2;
  padding: 0 20rpx;
  box-sizing: border-box;
  background: #fff;
}

.content :last-child {
  border-bottom: none;
}

.item {
  height: 120rpx;
  width: 100%;
  line-height: 120rpx;
  border-bottom: 3rpx solid #f8f8f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.name {
  height: 120rpx;
  width: 350rpx;
  font-size: 33rpx;
  color: #666;
}

.icon2 {
  height: 100rpx;
  width: 100rpx;
  background-color: rgba(230, 241, 255);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon {
  height: 120rpx;
  width: 80rpx;
  text-align: center;
  color: #e2e2e2;
  font-size: 35rpx;
}

.menu1 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAOlJREFUaEPtmMENgzAQBA0l0ANKb0kTaSL0huiBEiCvIEvBQuu9w7K1vBA6L/bMARZdqPzoKp9/0AJKG5QBGSAJqIVIgPTwpIFhWvZf+vocT+viGnomFwGpOWgB3uSvukAP8V0GUveRARkgCaiFSID0cBmgEZIB7RoYPvP7+Iy/Hsd5DCyuyQLZ93vYtn+IJ9fXxBy0mcsinzEI307f0ULAQuAWArKLlrb7FiqKFbi5DACwXEplwAUrECoDACyX0nYN6NeiccPgm7naf+4aA3SLa/chdkNmHCwDxkDhOBmAkRkPkAFjoHDcF4iaVjEOihJ9AAAAAElFTkSuQmCC);
  background-size: 100%;
}

.menu2 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABBhJREFUaEPtmV1sFFUUx/9nCumLQXZo/MDIi3sXEpqG0DQBTcCP4MeTPAjRxCdIwL1blMRSHtCECD4ANfGjOysmGN804IM+ELBEgQeFpNE0TRtlZwlJjaiE3pW+Fe0cM9PZsm3mY7m7O02TnafZ2XvuPb9zzr33P3MJS/yiJe4/WgCLnUHtDJj5a4eZjK0EPF0PBAOXiJ3LKrf2sE4/+gCWPQZgvc6gATbjSopOnb5CAYIirKSYa29aNrsDVj/TcSCon8ozt7+4DIUDBER4MQD8oIRmKAogMsIpy75Yb/1XMuZGuSzFM0EZjMu0NoBbYiDjlQbMg3Gw83XYJG4agE6969i0AOpdZXSiXm2TaAZW5osbDIM2EmgtM3cB2OA7M0JEowy+5jj8yz+5zEitYIkBpKzSAQK/A2BFjHNTDDpalukTtUAkAmDm7SEQtvkODTHxsEE0TMvbh73N6N/pHoe5h5h6ADzvtWNcUDkxex9xNR2getcE4wOVE32RDuXtARDerrSJm2NNBTALpQ/B/JbnjIMnVa+4Uu28u9m5vxduUuagvRkGfvLaEn2ksun9YdBNAzAteweA0+7AM21I39krri90ImrwB0/aT7TNoOTb7FRSnElsJ05Zv3UR2i4AeIgZuXJOWDqDp/K2JEIewC3GzLayXDd6P0HwEqiTOtMq7QH4JIAhJcULOn1UbEzL/m52YtNeJdOfJQKQsoofE2gfwANKZg7UB1A8AVAfgz8py8ybiQCYVul7gJ9lotfK2fRX9QCkCqVXiflLgH5QMv1cQgD23279g2mNyqV/jwMAsFlJcTVwnuRLj4N4wp0HSoqHkwL4E8AjRnv7Y7d3r7kZBjD/nYEGsIKPqNfFVHX7jlMTq53p6T8A/KWkeDQpgHMAXiQD2yffEN9GbVwrB4tbDANnAXoAwA1ifm8yl/miYrPqU/tldvANgPNKipcSAVhVKB1j5n4mfr+czbj6J/ZK5Yv9RHTMb3hGSbHTvU8VikeJ6RARHZ/Mpg8mAmAW7F1gnIpbRhc602H92j3Dy94lwt0KwNwyStitsuLzRAA82Ux02VOeNeif0El+TxdNOcxbg2R206SEL5+Pe84F6KC4mqrWQwzqD5PXTQNwHayW0WF6KAhkng6KkdVNBfAg/A9c7n2ULqqAVOkf79GiyumKU/NkNTAE8CiT8TM5+NEDM/AUsdMNkPuaOfsSEyOj5/qO+QKoJeaCysKX14PeDh193QLQGyafE1mFwvybldnLNjGcToKxHmD/gy2NMZxxgjHG+O9qkGwOXamSykDcqqP7f9Mnsa5jtdq1AOKWuVojqduulYFWBnRrx7fTLqFGnsDUyeCdk4Wd4EQe8jXoBKZe/yNPcLSPWev1qlH2LYBGRVK3nyWfgf8BTJq3TyTs0YkAAAAASUVORK5CYII=);
  background-size: 100%;
}

.menu3 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABHlJREFUaEPtWU9oHFUY/31vVypGSjImaotCbXbcYsCKggUFjWILHixFrAiSg17SzDZRQdqTbXpV0JJ0J/Yinjx0V8Q/eBAkigoFD6LQaDOxTQs9aPdPbURoknmfvHVnHdfZmbebmXWFzmnhfe+93+/7/74lxPAZM85mSbg/hqMaR6wzzvw+ZV6OOpOiBKLWB+1zWQn3fQAjUbLtrBPwcdky90bt2RCBofxSxiUuAtipLmLgi6gLddYJGFVnVS3zsSj5jgn0z53fJtgtAvzAX9hBYHmskstOR10atm7kz06DxNFECRj5pTtBsgjQgwCvMegbpbUkCAzYzjwRLVcmMi8EEW/bAoMnF7ZI9wblNg8B9AcJGpNSTiZKIEQ5bRG4/R1naPUaimA8AuCqAMZKlvlRTUsRFqi5hu9r5WrNLhR1tjaBzW+eMdI3bioA/DjAFZY8Vj2Y/VRhirpEyXjAvGBvFaCJEFB5Hikugmg3iH4houfLB4Y/9xTa0wRue+P7vrW+mwoAngRwiVk8V80Nf+13h1YE+medUU9OCDmqsotnAXZxzFu7Mmk20m+sFsjMOJuqaRQYeArABWK5v5zLftucDVoR8LtNWOqsWGbDleMjMD2fHrj1jgIB+wj4WcJ9umrt+CEISE8SMOacAhjPAFhg4Neo4hSUhZQ2mcSj3t6aTEDF9gd0LBbQNf2/SIVU4q5mIb8WiOWXUdqvrZO4UrHM461k/zMCOg2VDsH/PQEdkv6C5zVzUTUmsBK32xHqgtORizWIdVtaHWC6MtcJBPmhrvbikOuaBVSfI1KYD3vEGLajXmqRX+ythE4QG7azH8ApAAVy5ZHyZPanZqQ9S6BFpT4tVtw9pcM7Vjwi/m40zAyxd6NhFjBs5zSAXbWehnEZhKsEDAO0XLEyd0X6S4RAojFwy4nFXSxIEQARvV6eyBxWv2+ecYbShBG/JhvJoBmwEAwp/1F//M/LRAkYtvMygLfqmAqcEq9Wx4cvtux/ei2IjROLuyHoMx/g3wh4bzXVd2RlfGupmYhqA3RcKrF2OqgSD9rOXgkcAvDw3+C4wkjvq1rbv9IBHCZjzDlHwZhOvBcayC8eIqKXAGz1ABFoqmxlZjeUhbpFQIEcPLm8Ra5fG/ce6yB61z9B68k6oHK7P9v0z/24TXD6fF3rxyuW+YpngZ4jUPf/DwGsgPkTJpQIlAWwp5ZapXyifDDbmBd1Eg/JptH65DgQWAyT6Ubt8E2nY3/QDNjn7hXk7pSMF+tThoJA6rWStf1sLGm0W0Hc6IfCJhGdFLKuEXjbuQeufBYpcapywFwIcqvmiXSrmOhaK9FJULa7J9EgbhdMJ/LXCQSlsk402eme2C2gPVrsFHHQvrjqQJyY2j1rQ92oumzAXvoA4P52L45LXllepVfDdr4DcB8zctWcaTefr/0nX1zA2jmnMbpRmwRGguqNFgHdl1U74HRk/X+ItJqS6xHIO3kiWDqXxi3D4NmqdfdUq3O1CKiHy/rqmmqbu/ql0tIpT2QvhV36J/pxe22jGqjQAAAAAElFTkSuQmCC);
  background-size: 100%;
}

.menu4 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAa5JREFUaEPtWL1KA0EYnG/PB9BorxASH8BGsDlrO19Ay8CZzj5JLdhIrrYXbIRYqqViLZgEtLMxPy+Q/UICBi9Ed+/2NseF3Xa/ndmZ2WV/CDlvlPP5wwnIOkGXgEvA0IHIElq/6vhijU7AfGqIm/pwAu7AfNsLyte/wSMCCs33OkjUUmdPD3AIgYN+pfT2AxkVEHY4PS5LSCwb/WC37gRY8lcN6xJQe2S34r8ENsLOg112c3Ri+fTnJjaHXz7Cat2FpgdZDpo7BzINyZ0DmdoPwCXgEjB0QHsJsWxIKR6T0Akh/QUPoxtibo0kfc7u8h5qBPixOHQFyBEOh9VSIgHTp6mH6L1qjngy6YV1KjW6Aia7PdcJqIzIrF87gcxmqCCOIeAeLF+0dQhveynfMboCWIijQaXY0hYAoBB2PwDeiTMmdq22AEYwCEqhLsFW2N2T4Ffd+sR1ugISE9ge6ATYdliF7xJQOWS7f8UTaF8AdG7bRBN8krzfOys/z26082CbzfaxJKqakNgYS8xfwvMuvyvFyFmzWh9bNpyzjekSsO2wCt8loHLIdn/uExgDkSUhQDkkMnAAAAAASUVORK5CYII=);
  background-size: 100%;
}

.menu5 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAx9JREFUaEPtWT1s01AQ/s5ECCRAtdsiwRSJOqgVSPx06wAVIwsMsMAAEmoVR8zARJlAjFR1miLUhQHRoRJipmWABQRTQfRR6FREUZxkgaHUhwwJcl27fnWdOKmSKXrv3r3vu3v37vyO0OI/anH8aBNI2oNSHugYFaeTAFq+rs+G7bshAc2cLzDTeSJ0hymqxzwzfhDxtGVkhoP0BxLQTMH1ABVVp2Xovlh9BzvHxF0m3Iy6WT3WEeNeMaff8ur2JaCZ80WAtHoAia6TLcvIdIYScAJW2YGZgI2mwPaH6CAkVpLSB+CCn6S9ikFvYK/zQBABv8UScCKJbAaDFAEGZkuGPhgJTcRFqilmCFhzfUf3ANt3rNzhERks6ujCUSXFl8Hcy8BJAHsBfAP4O5NilrI9T2T0aGOfRkDKbbds3QlI3l6PLEO/Fkai4QT8NgxMPsz3i7nMjY1INJSANi76YGMuzKrueSI6U8z2vAha01ACqimmCTjnBeOUAs5YQCny2jL0gaYgoJmiAmDfGjDVwE9Pft1V+bVyhUB5D9iyZehq4gT2PBDdO1NY9gCZswz9iHtMM8V7AMfcY6vgQxUj88WPRMOOUFCp7c2YmikeAlhz+9iEE+Ws7hBb92sYAZnA7ciL4wrjnVvWiY/dqUp6abj/Z1MTqJYFz6oJ7T9WZpilnJ5LPAY28kDX+EK/bdtvfGSmLEO/2DR5wA+Iai6cJdjPo4B31iQaA12FxQP26spbAAc9BEItX5NPlICaF5eI8dgvL8gEfeIe8K2LNlHRtgms+6SMYD0m5ZT7uBDbL2W/KRL3gOw5b+prdKskEr2F/h6B/OdJZk47/4lo0cr2XN0MqUQJtG+hpDNxy3ugI/8xrXDqlauUWLLp90A527soGwfxxgAgXcPIAgyT00zx1PvEGP1dCEBLPy3WrOU8MToZNcx6W5l3Mrj3SbGmT8oDjrA6JpaT6soEkXc+QUs5fb93Pqg/UABoaCuWjH8tT/i1mrZni6lmvX+PtTyUXLeGLWKa8Gst1TBu7zZr/Oc4fo1SHoh/2/g0tgnEZ8tomv4Aib6UT3oAmroAAAAASUVORK5CYII=);
  background-size: 100%;
}

.menu6 {
  height: 70rpx;
  width: 70rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABVRJREFUaEPtWV1oHFUU/s7dtKVQbXa2Imi7Tc3OlmKrgqIvESpCEdoolVZoHwRBEnc2PvTNqmAf1Ep9UNrOhAYUFKVgSwXbUt9aqIKCQn/Qkp2txtjiQ5OZxPqg0Z0jM7uTzM7OZGcms5pCF5aF2XPO/b5z7j333m8It/iHbnH8uE3AraCkVtcwuF8QNjIoD+I8GHnASdKvAK45X7auZZD55Ea5UE2j+guqwCqt+jCDt1jAFgI2xwHEwDkBOiEYZxZCJhEBG7gFawCggTigw2yJ6MCMqL17c3D9RNx4sQlIWuVIMHAaY7I+BcQZIjYFLTFXLGVzesZahhnkkanlQZQXjE0M7Aawshksj4LogFGSP/ST6B6+0jNV2jAWRC4WAUmrnAeozxuIgJPM+Ngoy8fjZE/S9J0A3K/HlU/UsOzFaWWtaT+UNJ3tXybRb5Z6T/nHiExA0vRfAGdROh8buEViJChoHCK5w1efZGG9DeBRj98FYt5ds+hukcFZhwBwzlTkJxIRcLPgOjNjr1mW34kDdD7bVR/cuKP219R+Asoeu9+tGp5ZMAFJq1wE6IHZzFvWs5ND6z9PC7w3Tk6tPs/EHwXFTlQBSdM/a8xTJ6ahyJGnXFKCYSRiE/B3GwF6ZEIpfJ8UWBy/nFodYuJDXp9YBOp9nr+bnfOgQVMpjMQBkcS2+5C+WQhrbkMk8cYchhiL2Jt9u9tMKvLTcQB1q5WHiOg9Zt4zVS5eiOLrT5rfJ3IFWrIf0n/nAyVp1Z8B7gFozFAK66IQcLLfaJkh9u8birynbRuV1NF9aJQuSfbtAbxtN87Cd5LHtf7W7HeNmuXeo0HEWrqKpOnfAHjM2TyYd5vlYqDj/BWo757/RedqIrBSq9yXAV1tjH3dUOTVUcrvt0lagSRjNRHIaZWXGXSwEShwzkUZ5H8koGsMlJzpQ9RnlgpfRwG8aCogadVTAG91AAncb7wk/3hrERjWL4GxycGfWXLPxGDPb4uJgN0hjfL6fV5MTWtA0vQp96Jx5/Ku5WMvrPtzsRDIafoXDPT7N7SOE2iXAGbcyLDomxjqrYTZ3qX+sKJGS282/p82FLnbtW0m0IEp1I6A0zBCLiuur3RQX40uR9mwb1KXjZI8d7z3DpDaIvbs5u0J0JjF1vb5zkzZ4epGYr5cj0WnDaWwLbACOS2dNtoedDyLrDraRyTO1wuA4UlFVgIJZFVdIYJa3wf4LbNUfD3eUJ2xzg5X3iSm1xxcjLJZlrXgNaBW14B4vFGqyCfJzsCeizp3unUymzfKhfp6aMh+TeNnNf3srMrG2BlXLkmbjKTqO0A4FrbYW06jOU3fy4AtczjSSdzLTNoE3P7fwPPqpCLv947RQiCNC01aJLLDV7cRWyfdeEH38kCVYaFXyrQIeLMP8IihFAf9sQMJtFQhZSErCsGsqr9ChNnpEqaKhOo8flmFOiho+QnlDo9uZyFOzD0Pzn5gF/IG84u5ce63UbIcZtMsZfJXhlJ8PMy2rdLmF3U7KXAFSCvjhiKvnS8ZbQnYzi3ibgeErqxWHSDwES/YKBWPRKBOwifypiSv261SsDVgn/U9c/6SoRQfjDINIxNoVKJJ7HU3O4v5aFz5JatWdgmiXc3AHcjHDEV+Lgr4tos4KEj4KyZctwdnouPeV0x2jD9mKGvx31lmyhLzjobifW9r/PBuk3gRBzmm/ZLP3qQExEgS9TvWFPKTmZUCSTzlqnlRSw/gW7D1paDMySTA3XEWRMAL1lb1uoCtAG3wvei2T4XjYBon2Ed1vvIPcHpaKf4Ug2yoaWoE0gCTJMZtAkmylqbPvwQTc0+fNQVOAAAAAElFTkSuQmCC);
  background-size: 100%;
}