miaoguo_master/pages/main/cardmain.wxss

.panel {
  width: 100%;
}

/* 搜索******************* */
.panelSearch {
  width: 100%;
  height: 100rpx;
  background-color: #fff;
}

.panelSearch1 {
  width: 650rpx;
  height: 70rpx;
  border-radius: 14rpx;
  background-color: #f0f0f0;
  color: #1e1e1e;
  font-size: 28rpx;
  font-weight: 400;
}

.universalpic_magnifier_black_30x30 {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

/* 临时用****************** */
.panelTemp {
  width: 100%;
  justify-content: space-between;
  font-size: 28rpx;
  height: 100rpx;
  background-color: #fff;
  margin: 30rpx 0;
}

.panelTemp1 {
  margin-left: 30rpx;
  justify-content: flex-start;
  font-weight: 400;
  font-size: 28rpx;
  height: 140rpx;
}

.avatar {
  width: 80rpx;
  height: 80rpx;
  background-color: #D8D8D8;
  border-radius: 10rpx;
}

.text6 {
  font-size: 28rpx;
  margin-left: 20rpx;
}

/* 中部样式************************* */
.panelItem2 {
  width: 100%;
  background-color: #fff;
}

.panelItem21 {
  width: 172rpx;
  height: 180rpx;
  font-size: 28rpx;
  color: #1e1e1e;
}

.tabbar_allcards_56x50 {
  width: 56rpx;
  height: 50rpx;
  margin-bottom: 10rpx;
}

.panelItem3 {
  margin-top: 30rpx;
}

.panelItem31 {
  width: 355rpx;
  height: 190rpx;
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-bottom-left-radius: 20rpx;
  justify-content: space-between;
}

.panelItem32 {
  width: 355rpx;
  height: 190rpx;
  background-color: #fff;
  border-top-right-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  justify-content: space-between;
}

.panelItem311 {
  align-items: flex-start;
  font-size: 32rpx;
  color: #1e1e1e;
  margin-left: 40rpx;
}

.panelItem3111 {
  font-family: 'Roboto-Black';
  font-size: 36rpx;
}

.richang_80x90 {
  width: 80rpx;
  height: 90rpx;
  margin-right: 30rpx;
}

.panelItem41 {
  width: 345rpx;
  height: 180rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 0 10rpx;
  justify-content: space-between;
}

.panelItem411 {
  font-size: 20rpx;
  color: #4D4D4D;
  margin-top: 4rpx;
}

.panelItem5 {
  width: 710rpx;
  height: 105rpx;
  background-color: #fff;
  border-radius: 20rpx;
  justify-content: space-between;
  margin: 30rpx 0 0 0;
}

.panelItem51 {
  color: #1E1E1E;
  font-size: 32rpx;
  margin-left: 40rpx;
}

.panelItem511 {
  color: #4d4d4d;
  font-size: 20rpx;
  margin-left: 30rpx;
}

.zhishijianyan_70x75 {
  width: 70rpx;
  height: 76rpx;
  margin-right: 30rpx;
}

.report_2021-banner {
  width: 710rpx;
  height: 180rpx;
  margin: 30rpx 0 0 0;
}

.panelItem6 {
  width: 100%;
  background-color: #fff;
  justify-content: space-between;
  margin: 30rpx 0 0 0;
  color: #4d4d4d;
}

.panelItem61 {
  color: #1E1E1E;
  font-size: 32rpx;
  margin: 60rpx 0 0 30rpx;
  align-items: flex-start;
}

.panelItem611 {
  font-size: 20rpx;
  margin: 4rpx 0 10rpx 0;
}


.panelItem62 {
  margin: 60rpx 30rpx 0 0;
}

.panelItem621 {
  width: 80rpx;
  height: 80rpx;
  margin: 0 0 0 10rpx;
}

.universalpic_add_black_34x34 {
  width: 34rpx;
  height: 34rpx;
  margin-bottom: 10rpx;
}

.universalpic_add_black_22x22 {
  width: 22rpx;
  height: 22rpx;
}

.universalpic_arrow_updown_black_26x22 {
  width: 26rpx;
  height: 22rpx;
}

.panelItem7 {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  background-color: #fff;
}

.panelFolder {
  width: 345rpx;
  height: 210rpx;
  border-radius: 10rpx;
  margin: 20rpx 0 0 20rpx;
}

.universalpic_add_black_34x34 {
  width: 34rpx;
  height: 34rpx;
}

.panelFolder0 {
  width: 341rpx;
  height: 388rpx;
  background-color: #F8F8F8;
  justify-content: flex-start;
}

.panelFolder1 {
  width: 100%;
  height: 210rpx;
  background-color: #6B727C;
  border-top-left-radius: 10rpx;
  border-top-right-radius: 10rpx;
}

.panelFolder2 {
  border: 2rpx solid #e3e3e3;
}

.panelItem72 {
  width: 305rpx;
  height: 80rpx;
  margin-top: 30rpx;
  font-size: 28rpx;
  font-weight: 400;
  overflow: hidden;
}

.panelItem73 {
  width: 100%;
  justify-content: flex-end;
  margin: 10rpx 0 30rpx 0;
  align-content: flex-end;
}

.universalpic_card_gray_22x22 {
  width: 22rpx;
  height: 22rpx;
  margin-right: 10rpx;
}

.panelItem731 {
  font-family: 'Roboto-Black';
  font-size: 24rpx;
  color: #787878;
  margin-right: 20rpx;
}

.panelHeight160 {
  width: 100%;
  height: 160rpx;
  background-color: #fff;
}

/* 底部导航************************* */
.panelBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.panelBottom1 {
  width: 100%;
  background-color: #fff;
  border-top: 1rpx solid #d2d2d2;
}

.panelBottom11 {
  color: #9B9B9B;
  height: 98rpx;
  width: 150rpx;
  font-size: 36rpx;
}

.panelBottom12 {
  color: #9B9B9B;
  height: 98rpx;
  width: 300rpx;
  font-size: 36rpx;
}

.text5 {
  color: #1e1e1e;
}

.text51 {
  width: 220rpx;
  text-align: right;
}

.universalpic_indicator_right_gray {
  width: 16rpx;
  height: 26rpx;
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.universalpic_fav_default_gray_26x24 {
  width: 26rpx;
  height: 24rpx;
  margin-right: 20rpx;
}

.iphone10plus {
  width: 100%;
  height: 30rpx;
  background-color: #fff;
}

.tabbar_add_red_70x70 {
  width: 70rpx;
  height: 70rpx;
}

/* *********************** */

.HelpContainer {
  background-color: rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 0;
  z-index: 100;
}

.HelpContainer .HelpPanel1 {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #F8F8F8;
  border-top: 1rpx solid #b6b6b6;
}

.HelpContainer .HelpPanel11 {
  width: 100%;
  height: 100rpx;
  justify-content: space-between;
  border-bottom: 1rpx solid #d2d2d2;
}

.HelpContainer .HelpPanel111 {
  width: 80rpx;
  height: 80rpx;
  margin-left: 20rpx;
}

.universalpic_close_black_24x24 {
  width: 24rpx;
  height: 24rpx;
}

/* ************************** */

.PanelOrder {
  width: 100%;
  background-color: #F8F8F8;
}

.PanelOrder1 {
  width: 100%;
  justify-content: flex-start;
  color: #4D4D4D;
}

.PanelOrder11 {
  font-size: 32rpx;
  margin: 60rpx 0 0 30rpx;
}

.PanelOrder2 {
  width: 100%;
}

.PanelOrderBtn {
  border-radius: 10rpx;
  height: 80rpx;
  line-height: 80rpx;
  min-width: 155rpx;
  font-size: 24rpx;
  text-align: center;
  border: 2rpx solid #dcdcdc;
  margin: 0 15rpx;
  background-color: #fff;
  color: #1e1e1e;
}

.PanelOrderBtn0 {
  width: 350rpx;
}

.PanelOrderBtn2 {
  width: 330rpx;
}

.PanelOrderBtn4 {
  width: 690rpx;
  height: 100rpx;
  font-size: 24rpx;
  justify-content: space-between;
  margin-bottom: 30rpx;
}

.PanelOrderBtn3 {
  margin: 0 5rpx;
}

.PanelOrder31 {
  font-size: 24rpx;
  margin: 30rpx 0 20rpx 30rpx;
  color: #4D4D4D;
  font-weight: 400;
}

.PanelOrder32 {
  margin-left: 240rpx;
}

.PanelOrderLine60 {
  height: 60rpx;
  width: 100%;
}

.PanelOrderLine30 {
  height: 30rpx;
  width: 100%;
}

.PanelOrderBtnText {
  margin: 0 30rpx;
}

.PanelBtnSelect {
  background-color: #5282FA;
  color: #fff;
  font-size: 32rpx;
}

.folderImage {
  width: 150rpx;
  height: 150rpx;
}

.panelShare {
  width: 710rpx;
  height: 180rpx;
  margin-top: 30rpx;
  background: #FFDE5A;
  border-radius: 20rpx;
  justify-content: space-between;
  position: relative;
}

.directory_main_pic_9 {
  width: 410rpx;
  height: 180rpx;
  border-radius: 0 20rpx 20rpx 0;
}

.hardworkingImg{
  width:710rpx;
  height:180rpx;
  border-radius: 20rpx;
  position: absolute;
  left:0;
  top:0;
}
.hardworkingImg2{
  position: absolute;
  background: rgba(0,0,0,0.20);
  z-index: 10;
}

.panelShare1 {
  align-items: flex-start;
  margin-left: 40rpx;
  z-index: 20;
}
.panelShare2 {
  align-items: flex-end;
  margin-right: 40rpx;
  z-index: 20;
}

.text1 {
  font-size: 32rpx;
  color: #1E1E1E;
}

.text2 {
  font-size: 20rpx;
  margin-top: 4rpx;
  color: #1E1E1E;
}
.text3 {
  color: #fff;
}
.text4 {
  color: #f2f2f2;
}
.text8{
  font-family: Roboto-Black;
  font-size: 64rpx;
  color: #FFFFFF;
  text-align: right;
}
.text7 {
  font-family: Roboto-Black;
  font-size: 24rpx;
  color: #FFFFFF;
  text-align: right;
  text-shadow: 0 2rpx 0 rgba(0,0,0,0.30);
  position: absolute;
  bottom:35rpx;
}