app/pages/my/index1/index.wxss

/* pages/my/myStudy/myStudy.wxss */
@import '../../common.wxss';

@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1559096289773');
  /* IE9 */
  src: url('iconfont.eot?t=1559096289773#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKcAAsAAAAABkwAAAJQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApUYwE2AiQDCAsGAAQgBYRtBzEbigXInpo8KUIbQwhFQm+LQTgb4uG/Nfb3zQ4mEomiWb3hpxOpJIiNkol80RL2/9baLKaROpjtabqEWcLryp8Vnx3UElXMuocCHQ+FR+RdAozrFwWRT9w7/RPog8wHlONeNNakSV1AXRxIAe6FUWSFEnjD2AUv8DGBWoOqcJtNHd0oTWavCsSTpggorRCRZZavFiobDmbxrkJ1ek0vkLfo+/FfOKpJKgp2085No4xqfnWKipdy2kVAiBLQ8QoUmIdk4qAxsyVRMC5RbSbJKHSs+uDXsgzc4qgOwf46u7Ye9EPlM6k89aPmEzzWRO2Q3kk/jGj318vkpaOTi43NPIVc7D4vlsN5fCp9vL///i3eOzl5F4lGIlzjKI/7+wtRDYSydNGDOASnrb9D17mL/9V1GXyq/4pCZdkwH1K9F2/wN1QD+7KhsV0pa6rG4aT9LC21alHCgVY/U60dpy6Eah0TfFUGMhSqjZOZnUeFOguoVG0FteY0H6/ThkoUuQazFgBCs1skjT5QaPZKZvYbFTr9oVJzFKh1FG0X1pmM+4wNCgIDGYsjWJMcm7gelhHXd4IyYAo0r4n4XqC+FschPljON4MNdIkt/qASZoxgQh0LN4HnwDQd7FJHB4nxKmNuLBAgTW/iJcdCGTZQQMAAGSYagWkkDhsJRjMZlc93AooBJgHt6Kkr9gKUT5seC+EFB5DNRntQz6O84hukCGMYAiMohwVrAvOAyeTA3OZ5OiBheOqElCsm4AwiQ4389mbr745BLduWwplZqHrWhBFNHEAIAAA=') format('woff2'),
    url('iconfont.woff?t=1559096289773') format('woff'),
    url('iconfont.ttf?t=1559096289773') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1559096289773#iconfont') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiayibu:before {
  content: "\e644";
  color: #DEDFE2;
}

page {
  background-color: #fefefe;
}

.mycontent {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 222;
}

.mybg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(539rpx + 24px);
  opacity: 1;
  z-index: -1;
  /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */
  background: #45ACAA;
  border-radius: 0 0 50% 50%/0 0 10% 10% ;
}

.diy-top {
  width: 100%;
  height: 100%;
  background: #45ACAA;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.diy-top .diy-menu {
  font-size: 35rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  letter-spacing: -1rpx;
}


.wd-top {
  width: 100%;
  border-bottom: 1px solid #e7e4e4;
  /* background-color: pink; */
}

.wd-top-l {
  width: 70%;
}

.user-info {
  margin: 40rpx auto 0rpx;
  width: 90%;
}

.wd-top-r {
  width: 35%;
  text-align: right;
}

.wd-top-r text {
  color: #a6a6a6;
  margin-left: 5rpx;
  font-size: 28rpx;
}

.wd-top-c {
  height: 110rpx;
  background: -webkit-linear-gradient(left, #ddc8a9, #e2d1b3, #ece1c5);
  background: -o-linear-gradient(right, #ddc8a9, #e2d1b3, #ece1c5);
  background: -moz-linear-gradient(right, #ddc8a9, #e2d1b3, #ece1c5);
  background: linear-gradient(to right, #ddc8a9, #e2d1b3, #ece1c5);
  width: 92%;
  border-radius: 15rpx;
  margin: 50rpx auto 30rpx auto;
  box-shadow: 3px 3px 10px 0px #efefef;
  color: #a99272;
  font-size: 30rpx;
}

.wd-top-c-min image {
  width: 47rpx;
  height: 100%;
}

.wd-top-c-min text {
  color: #9d8666;
}

.ml1 {
  font-size: 26rpx;
}

.sj-box {
  width: 26%;
}

.wd-bot {
  width: 656rpx;
  height: 130rpx;
  /* background-color:yellow; */
  margin-left: 50rpx;
  margin-top: 20rpx;
}

.t-max {
  display: flex;
}

.wd-bot-left {
  width: 325rpx;
  height: 65rpx;
  /* background-color: blue; */
  line-height: 65rpx;
}

.wd-bot-right {
  flex: 1;
  width: 325rpx;
  height: 65rpx;
  /* background-color: blue; */
  line-height: 65rpx;
}

.max-b {
  display: flex;
}

.wd-bot-left1 {
  width: 325rpx;
  height: 65rpx;
  line-height: 65rpx;
  /* background-color: blue; */
}

.wd-bot-right2 {
  flex: 1;
  width: 325rpx;
  height: 65rpx;
  line-height: 65rpx;
  /* background-color: blue; */
}

.max-b text {
  color: #666;
}

.hk-lef::after {
  content: "";
  position: absolute;
  width: 4rpx;
  height: 60rpx;
  left: 10rpx;
  bottom: 38rpx;
  background: #e2dede;
  z-index: 999;
}

.hk-lef {
  position: relative;
}

/* center 我的报名 */

.center {
  /* display: flex; */
  width: 100%;
  height: 260rpx;
  /* background-color: pink; */
}

.hk-l::after {
  content: "";
  position: absolute;
  width: 8rpx;
  height: 35rpx;
  border-radius: 50rpx;
  left: 10rpx;
  bottom: 5rpx;
  background: #9DDB52;
  z-index: 999;
}

.hk-l {
  position: relative;
}

/* 小图  我的兼职...... */

.center-min {
  display: inline-block;
  margin: auto 0rpx;
  width: 24.8%;
  text-align: center;
}

.center-min image {
  width: 110rpx;
  height: 107rpx;
  background-color: #fffee5;
  border-radius: 50%;
}

.pl20 {
  width: 85%;
  font-size: 36rpx;
  text-shadow: 0px 0px 0.5px gray;
  padding: 0px 30rpx;
  margin: 30rpx auto;
}

/* 背景 小条框 */

.bj-center {
  height: 20rpx;
  background-color: #f8f9fb;
}

/* 按钮 跳转 对应页面  */

.box-bt {
  width: 100%;
  text-align: left;
  background-color: #fff;
  margin: auto;
}

.my-txt {
  padding: 30rpx 10px 30rpx 0rpx;
}

/* icon > */

.jt image {
  width: 25rpx;
  height: 25rpx;
}

.jt {
  float: right;
  margin-top: 9rpx;
  margin-right: 20rpx;
}

.avatar {
  border-radius: 50%;
  height: 115rpx;
  width: 115rpx;
}

.wd-top-l>text {
  margin-left: 20rpx;
  font-size: 30rpx;
  color: #494949;
  font-weight: 600;
  width: 68%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.card {
  /* width: 80%; */
  margin-left: 30rpx;
}

.card .no {
  font-weight: 700;
  vertical-align: middle;
}

.card .tip {
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  text-align: left;
  color: #1a1a1a;
  margin-top: 10rpx;
}

.righticon {
  font-size: 38rpx;
  vertical-align: middle;
}

.bigvip {
  background: linear-gradient(to right, red, blue);
  -webkit-background-clip: text;
  color: transparent;
}

.bigLv {
  color: #d0cece;
}

.txtx {
  margin-top: 9rpx;
}

.myc {
  width: 690rpx;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30rpx 0;
  box-sizing: border-box;
}

.myc .user-info {
  width: 100%;
  margin: 0;
  margin-top: 20rpx;
}

.uvwrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 15rpx;

}

.uvwrap .uvico {
  width: 37rpx;
  height: 32rpx;
  margin-right: 10rpx;
}

.uvwrap text {
  font-size: 32rpx !important;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-top: 0 !important
}

.userinfot {
  display: flex;
  flex-direction: column;
  color: white;
  margin-left: 22rpx;
  font-size: 44rpx;
}

.userinfot .big {
  line-height: 50rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300rpx;
  font-size: 40rpx;
  margin-bottom: 8rpx;
}
.sex {
	width: 31rpx;
	height: 31rpx;
	margin-left: 10rpx;
}
.userinfot .integral {
  font-size: 28rpx;
  margin-bottom: 8rpx;
 text-decoration: underline;
}

.userinfot .auth {
  font-size: 28rpx;
  display: flex;
  align-items: center;
  position: relative;
}

.userinfot .small {
  font-size: 32rpx;
  line-height: 50rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300rpx;
}

.userinfot text:nth-child(2n) {
  /* margin-top: 12rpx; */
  font-size: 22rpx;
  padding-top: 6rpx;
}

.uwrap .avatar {
  width: 115rpx;
  height: 115rpx;
  opacity: 1;
  border: 4rpx solid #ffffff;
  border-radius: 50%;
}

.useredit {
  width: auto;
  border-radius: 40rpx 0px 0px 40rpx;
  padding: 10rpx 7rpx 10rpx 30rpx;
  background: rgba(0, 55, 36, 0.26);
  position: absolute;
  right: -30rpx;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.useredit .icon-bianji {
  font-size: 28rpx;
  color: white;
}

.icon-edit {
  font-size: 40rpx !important;
}

.user-text {
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff !important;
}

.user-wd-top {
  position: relative;
}

.user-menu-body {
  width: 100%;
  background: white;
  border-radius: 20rpx;
  margin-top: 40rpx;
  margin-bottom: 20rpx;
  padding: 18rpx 28rpx;
  box-sizing: border-box;
  box-shadow: 0 0 40rpx rgba(250, 250, 250, .9);
}

.user-menu-body .title {
  font-size: 30rpx;
  font-weight: 400;
  color: #1a1a1a;
  font-family: "FZCuYuan-M03";
}

.iconcolor {
  font-size: 80rpx;
  background: linear-gradient(180deg, #00d58b, #6517ff 200%);
  -webkit-background-clip: text;
  color: transparent;
}

.updatevip {
  width: 100%;
  height: 150rpx;
  opacity: 1;
  background-position: center;
  box-shadow: 0px 6rpx 10rpx 0px rgba(128, 128, 128, 0.14);
  color: black;
  padding: 30rpx 30rpx;
  box-sizing: border-box;
  position: relative;
  border-radius: 20rpx;
}

.updatevip .card {
  margin-left: 0rpx !important;
}

.updatevip .sj-box {
  width: 30%;
  height: 100%;
  padding: 40rpx 0;
  box-sizing: border-box;
}

.box-bt-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding-bottom: 22rpx;
  box-sizing: border-box;
}

.box-bt-box .box-bt {
  width: 130rpx;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-right: 35rpx;
  margin-bottom: 45rpx;
}

.box-bt.no-bottom {
  margin-bottom: 0;
}

.box-bt-box .box-bt:nth-child(4n) {
  margin-right: 0rpx !important;
}

.box-bt-box .box-bt .flex-a-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.micons {
  width: 81rpx;
  height: 81rpx;
  /* margin-left: 20rpx; */
}

.box-bt-box .box-bt .ml30 {
  margin: 0;
}

.box-bt-box .box-bt .my-txt {
  margin: 0;
  margin-top: 14rpx;
  padding: 0;
  font-size: 30rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #4D4D4D;
  white-space: nowrap;
  width: 100%;
  display: flex;
  justify-content: center;
}

.myc .wd-top {
  border: none !important
}

.box-bot-header {
  font-size: 30rpx;
  font-weight: 400;
  color: #1a1a1a;
  font-family: "FZCuYuan-M03";
}

.list-box-list {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 20rpx;
  padding: 18rpx 28rpx;
  box-sizing: border-box;
  box-shadow: 0 0 40rpx rgba(250, 250, 250, .9);
}

.wd-t2 {
  height: 30rpx;
  line-height: 30rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
  position: absolute;
  top: 38rpx;
  right: 20rpx;
}

.wd-t2 text {
  vertical-align: middle;
}

.fixsico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.split {
  border-top: 1px solid #e6e6e6;
  margin: 17.5rpx 0 17.5rpx 0;
  width: 100%;
}

.user-menu-body .box {
  display: flex;
  justify-content: space-around;
}

.user-menu-body .box .tool {
  /* flex: 1; */
  background-size: cover;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #666666;
}

.user-menu-body .box .tool text {
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
}

.user-menu-body .box .tool image {
  width: 95rpx;
  height: 95rpx;
}

.user-menu-body .box .tool:nth-child(2) image {
  width: 99rpx;
  height: 93rpx;
}

.user-menu-body .box .tool:nth-child(3) image {
  width: 98rpx;
  height: 98rpx;
}

/* 2022/8/19 */
.mine-member {
  display: flex;
  flex-direction: column;
  /* justify-content: space-around; */
}

.mine-member .card {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}

.mine-member .card .cardNum {
  margin-left: 30rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #1a1a1a;
  font-family: FZZhunYuan-M02S;
}

.mine-member .tip-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24rpx;
}

.mine-member .tip-box .tip {
  color: #1a1a1a;
  font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular;
}

.mine-member .tip-box .open {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  color: #333333;
  font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular;
}

.mine-member .tip-box .open .righticon {
  font-size: 40rpx;
  color: #333333;
  font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular;
}
.top-g {
	width: 100%;
	height: 300rpx;
	background-color: #00d58b;
}
.icon-auth {
	font-size: 45rpx;
	position: absolute;
	left: -8rpx;
	top: 0;
}
.auth-word {
	text-indent: 40rpx;
	font-size: 28rpx !important;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
}
.menu {
	width: 26rpx;
	height: 26rpx;
}