miaoguo_master/pages/main/mainlist.wxss

.Null1{
  width:100%;
  height:100rpx;
}
.panelTopPanel {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 10;
  border-bottom: 1rpx solid #d2d2d2;
}

.panelTop {
  width: 100%;
  height:100rpx;
  justify-content: space-between;
  z-index: 200;
}

.panelLeft {
  margin-left: 20rpx;
  justify-content: flex-start;
}
.panelRight {
  margin-right: 10rpx;
  justify-content: flex-end;
}


.btn{
  min-width:100rpx;
  height:60rpx;
  text-align: center;
  line-height: 60rpx;
  border-radius: 10rpx;
  font-size:24rpx;
  border:2rpx solid #E3E3E3;
  margin-right: 20rpx;
  padding:0 20rpx;
}

.btn2{
  border:2rpx solid #5282FA;
  color:#fff;
  background-color: #5282FA;
}

.panelTopSearch{
  width:600rpx;
  height:70rpx;
  background-color: #F2F2F2;
  border-radius: 14rpx;
  justify-content: flex-start;
}
.universalpic_magnifier_gray_30x30{
  width:30rpx;
  height:30rpx;
  margin-left: 30rpx;
}
.panelTopSearchText{
  font-size: 28rpx;
  font-weight: 400;
  margin-left: 20rpx;
}

.panelTop1 {
  width:80rpx;
  height:80rpx;
  margin-right: 10rpx;

  font-size: 28rpx;
  font-weight: 400;
}

.panelTop2 {
  font-size: 28rpx;
  font-weight: 400;
}

.panelTop21 {
  font-size: 28rpx;
  font-weight: 700;
}

.panelTop3 {
  color:#EB5C28;
  font-size:28rpx;
  font-weight: 700;
}

.panelTop5 {
  width: 30rpx;
}

.panelTop6 {
  width: 96rpx;
  height:80rpx;
  color:#EB5C28;
  font-size:28rpx;
  font-weight: 700;
  margin-right: 10rpx;
}

.panelTop4{
  height:58rpx;
  line-height: 58rpx;
  margin: 0 20rpx 0 0;
  padding: 0 20rpx;
  font-size: 24rpx;
  border-radius: 10rpx;
  border:1rpx solid #D2D2D2;
  text-align: center;
}

.panelTop40{
  background-color: #5282FA;  
  color:#fff;
}

.universalpic_magnifier_black_30x30{
  width:30rpx;
  height:30rpx;
}

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

.universalpic_light_black_22x30{
  width:22rpx;
  height:30rpx;
}

.universalpic_arrow_down_black_14x10_0{
  width:14rpx;
  height:10rpx;
  margin-left: 10rpx;
}

.panelHelp{
  width:100%;
  background-color: #FFF7E9;
  justify-content: flex-start;
  align-items: flex-start;
}

.panelHelp1{
  background-color: #FFE4B6;
}

.panelHelp2{
  width: 710rpx;
  height:206rpx;
  margin-top: 60rpx;
  margin-bottom: 40rpx;
}

.panelHelp21{
  width: 100%;
  height:116rpx;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  background-color: #FFE4B6;
}

.panelHelp22{
  width: 100%;
  height:90rpx;
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  background-color: #fff;
  justify-content: space-between;
}



.Arrow{
  width:16rpx;
  height:26rpx;
  margin:0 30rpx;
}
.universalpic_exclamation_orange_40x40{
  width:40rpx;
  height:40rpx;
  margin-left: 30rpx;
  margin-top: 30rpx;
}
.universalpic_exclamation_orange_40x40_2{
  margin-left: 0rpx;
  margin-top: 0rpx;
}

.panelHelpText{
  width:620rpx;
  font-size: 20rpx;
  font-weight: 700;
  color:#4D4D4D;
  margin: 30rpx 0 30rpx 30rpx;
}


.panelHelpText2{
  width:580rpx;
}

.panelHelp221{
  font-size:28rpx;
  font-weight: 400;
  margin: 0 0 0 30rpx;
}
/* ************************************** */
.panelFolder{
  width:100%;
  height:500rpx;
  position: relative;
}

.cardlist_huawen_750x500{
  width:100%;
  height:500rpx;
  position: absolute;
  top:0;
}

.iconClass{
  width:300rpx;
  height:300rpx;
}

.panelFolder2{
  width:100%;
  background-color: #fff;
}

.panelFolder21{
  width:670rpx;
  margin:40rpx 0;
  font-size:48rpx;
  font-weight: 400;
}
/* ************************************** */

.panelList{
  width:100%;
  justify-content: flex-start;
  margin-bottom: 160rpx;
}

.panelListCategory{
  width: 100%;
  justify-content: flex-start;
}

.universalpic_calendar_black_30x32{
  width:30rpx;
  height:32rpx;
  margin: 60rpx 20rpx 30rpx 50rpx;
}

.panelListCategoryText{
  font-size: 32rpx;
  font-weight: 700;
  margin: 60rpx 0 30rpx 0;
}

.ScrollView {
  width: 100%;
  height: 188rpx;
  display: flex;
  white-space: nowrap;
  margin-top: 20rpx;
}

.CellItem {
  width: 750rpx;
  display: inline-block;
  height: 188rpx;
  position: relative;
}

.CellHide {
  width: 440rpx;
  display: inline-block;
  height: 188rpx;
  position: relative;
}
.CellHide0 {
  width: 160rpx;
}
.CellHide00 {
  width: 590rpx;
}

.CellHide2{
  display: inline-block;
  width:70rpx;
  height:188rpx;
  position: relative;
}

.CellHide21{
  width:70rpx;
  height:188rpx;
  position: absolute;
  top:0;
  left:0;
  justify-content: flex-end;
}

.CellHide3{
  display: inline-block;
  width:750rpx;
  height:188rpx;
  position: absolute;
  top:0;
  left:70rpx;
  z-index: 10;
}

.CellHide2NullSelected{
  width:36rpx;
  height:36rpx;
  border-radius: 50%;
  border: 3rpx solid #D2D2D2;
  background-color: #f8f8f8;
}
.CellHide2Selected{
  width:36rpx;
  height:36rpx;
  border-radius: 50%;
  border: 3rpx solid #EB5C28;
  background-color: #EB5C28;
}

.universalpic_checked_white_22x17{
  width:22rpx;
  height:17rpx;
}

.panelListItem{
  width:710rpx;
  height:188rpx;
  background-color: #fff;
  border-radius: 10rpx;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 20rpx;
}

.panelListItem1{
  width:650rpx;
  height:80rpx;
  margin-top: 30rpx;
  justify-content: flex-start;
}

.panelListItem1Image{
  width: 80rpx;
  height:80rpx;
  margin-right: 30rpx;
  border-radius: 6rpx;
}
.panelListItem1ImageNull{
  background-color: #F2F2F2;
}
.universalpic_errorpic_black_30x30{
  width:30rpx;
  height:30rpx;
}

.panelListItem11{
  width:540rpx;
  max-width: 650rpx;
  height:80rpx;
  align-items: flex-start;
  position: relative;
}
.panelListItem11Name1{
  width: 100%;
  font-size: 30rpx;
  font-weight: 700;
  overflow-x: hidden;
  white-space: nowrap;
}

.panelListItem11Name2{
  width: 100%;
  font-size: 22rpx;
  font-weight: 400;
  overflow-x: hidden;
  white-space: nowrap;
}

.sysIcon_e05{
  position: absolute;
  right:-30rpx;
  top:0;
  width:60rpx;
  height:80rpx;
}

.panelListItem2{
  width:650rpx;
  margin-top: 20rpx;
  position: relative;
}

.universalpic_cardlist_gray_22x20{
  width:20rpx;
  height:20rpx;
  position: absolute;
  left:0;
  top:4rpx;
}

.panelListItem21{
  position: absolute;
  left:32rpx;
  top:0;
  font-size:20rpx;
  font-weight: 700;
  width:164rpx;
  overflow: hidden;
  color:#787878;
}

.universalpic_star_yellow_20x20{
  width:20rpx;
  height:20rpx;
  position: absolute;
  left:216rpx;
  top:5rpx;
}

.panelListItem22{
  left:256rpx;
}
.panelListItem23{
  left:316rpx;
}
.panelListItemLine{
  left:396rpx;
  top:4rpx;
  width:2rpx;
  height:20rpx;
  position: absolute;
  background-color: #d2d2d2;
}

.panelListItem24{
  left:418rpx;
}

.panelListItem25{
  left:auto;
  right:24rpx;
  width:155rpx;
  text-align: right;
}

.universalpic_arrow_down_black_14x10{
  width:14rpx;
  height:10rpx;
  top:10rpx;
  right:0rpx;
  position: absolute;
}

.panelMore{
  width:710rpx;
  height:110rpx;
  border-radius: 10rpx;
  background-color: #e3e3e3;
  text-align: center;
  line-height: 110rpx;
  font-size:36rpx;
  font-weight: 700;
  margin-top: 20rpx;
}

.panelEnd{
  margin-top: 60rpx;
  font-size:36rpx;
  color:#787878;
}

.CellHide1 {
  height: 188rpx;
  justify-content: space-between;
  background-color: #F8F8F8;
  border-radius: 10rpx;
  position: absolute;
  top:0;
}

.CellHide10 {
  width: 140rpx;
}

.CellHide111{
  width:140rpx;
  height:188rpx;
  text-align: center;
  font-size:24rpx;
}

.CellHide112{
  color:#FE6659;
}
.CellHide113{
  background-color: #FE6659;
  color:#fff;
  border-top-left-radius: 10rpx;
  border-bottom-left-radius: 10rpx;
}

.CellHideLine{
  width:2rpx;
  height:20rpx;
  background-color: #d2d2d2;
}

.panelNull{
  width:100%;
  margin-bottom: 200rpx;
}

.universalpic_card_none_gray_90x84{
  width:90rpx;
  height:84rpx;
  margin-top: 200rpx;
}

.panelNullText{
  font-size:32rpx;
  margin-top: 30rpx;
  color:#4D4D4D;
  text-align: center;
}

.clickCardShowDetail{
  position: absolute;
  right:0;
  bottom:0rpx;
  width:282rpx;
  height:80rpx;
  z-index: 10;
}

.SelectThisCss{
  width:200rpx;
  height:50rpx;
  font-size: 24rpx;
  color:#5B677F;
  border-radius: 30rpx;
  background-color: #fff;
  box-shadow: 0 1rpx 1rpx 1rpx rgba(200,200,200,0.10);
  position: fixed;
  left:10rpx;
  bottom: 120rpx;
}
.ArrowUp1{
  width: 14rpx;
  height:26rpx;
  margin-right: 20rpx;
}

/* ************************** */
.MenuContainer{
  width: 100%;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  background-color:rgba(0,0,0,0.66);
  z-index: 200;
}

.PanelMenu{
  width:710rpx;
  border-radius: 20rpx;
  background-color: #fff;
  font-weight: 400;
  font-size: 36rpx;
}

.PanelMenuItem{
  width: 100%;
  height:110rpx;
}


.PanelMenuLine{
  width:100%;
  height:1rpx;
  background-color: #d2d2d2;
}

.PanelMenuCancel{
  height:110rpx;
  margin: 20rpx 0;
}

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

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

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

.HelpContainer .HelpPanel12{
  width:100%;
  border-top:1rpx solid #D2D2D2;
}

.help_board_tips_richang{
  width:630rpx;
  height:520rpx;
  margin: 80rpx 0;
}

.help_board_tips_jinji{
  width:630rpx;
  height:761rpx;
  margin: 80rpx 0;
}

.help_board_tips_xingbiao{
  width:630rpx;
  height:454rpx;
  margin: 80rpx 0;
}

.help_board_tips_guidang{
  width:630rpx;
  height:504rpx;
  margin: 80rpx 0;
}

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

.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:36rpx;
}

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

.panelFooter{
  width: 100%;
  border-top: 1rpx solid #BCBCBC;
  z-index: 100;
  position: fixed;
  bottom: 0;
}

.panelFooter1{
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  justify-content: space-between;
  font-size:28rpx;
  font-weight: 400;
}

.panelFooterNumber{
  font-family: Roboto-Black;
  font-size: 28rpx;
  color: #4D4D4D;
}

.panelFooterButton {
  color:#EB5C28;
  font-size:28rpx;
  font-weight: 700;
  width:96rpx;
  height:100rpx;
  margin-right: 20rpx;
  line-height: 100rpx;
  text-align: center;
}

.panelFooterButton1 {  
  margin-right: 10rpx;
}

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

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

.FolderListContainer{
  background-color:#fff;
  position: fixed;
  top:0;
  z-index: 200;
}

.panelFolderItem{
  width:100%;
  height:100rpx;
  border-bottom: 1rpx solid #D4D4D4;
  justify-content: flex-start;
}
.panelFolderItemSelected{
  width:90rpx;
}
.mg4_iconMSymbol_5{
  width:40rpx;
  height:32rpx;
}
.panelFolderItemContent{
  width:630rpx;
  font-size:28rpx;
  font-weight: 400;
}
.panelFolderNull{
  width:690rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #2E2E2E;
  margin-top: 30rpx;
}