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;
}