.container{
  background-color: #f0f0f0;
}
.panelTop {
  width: 100%;
  height:100rpx;
  background-color: #fff;
  justify-content: space-between;
  position: fixed;
  top:0;
}
.panelTopNull {
  width: 100%;
  height:100rpx;
}


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

.panelTopSearch{
  width:600rpx;
  height:70rpx;
  background-color: #F2F2F2;
  border-radius: 14rpx;
  justify-content: flex-start;
  position: relative;
}

.panelItemSearchNull{
  margin: 25rpx 0 40rpx 30rpx;
  font-size: 24rpx;
  color:#787878;
}

.universalpic_magnifier_gray_30x30{
  width:30rpx;
  height:30rpx;
  margin-left: 30rpx;
}
.panelTopSearchText{
  font-size: 28rpx;
  font-weight: 400;
  margin-left: 20rpx;
}
.input{
  margin-left: 20rpx;
  font-size:28rpx;
  font-weight: 400;
  width:450rpx;
  height:30rpx;
}

.clearData{
  width:80rpx;
  height:70rpx;
  position: absolute;
  top:0rpx;
  right:0rpx;
}

.clearData0{
  width:40rpx;
  height:40rpx;
  border-radius: 50%;
  background-color: #D2D2D2;
}

.universalpic_close_black_16x16{
  width:16rpx;
  height:16rpx;
}

.panelTop1 {
  width:80rpx;
  height:80rpx;

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

.panel1{
  width:100%;
  margin-top: 60rpx;
  background-color: #fff;
}

.panel11{
  width:100%;
  justify-content: space-between;
  margin-bottom: 15rpx;
}

.panel10{
  margin-top: 40rpx;
  margin-bottom: 30rpx;
}

.panel11Left{
  margin-left: 30rpx;
  font-size:32rpx;
  align-items: flex-start;
  color:#4D4D4D;
}

.panel111{
  font-size:20rpx;
  color:#787878;
}

.panel11Right{
  width:80rpx;
  height:80rpx;
}

.universalpic_dustbin_black_24x30{
  width:24rpx;
  height:30rpx;
}

.panelItemSearch0 {
  width: 100%;
  justify-content: flex-start;
  font-size: 24rpx;
  background-color: #fff;
  flex-wrap: wrap;
}

.panelBtnSmall {
  z-index: 10;
  width:100%;
  background-color: #fff;
  display: flex;
  white-space: nowrap;
}

.panelBtnSmall .btn0 {
  width: 10rpx;
  display: inline-block;
  margin-right: 20rpx;
}

.panelBtnSmall .btn {
  background-color: #fff;
  border: 2rpx solid #E3E3E3;
  color: #1e1e1e;
  border-radius: 10rpx;
  text-align: center;
  line-height: 69rpx;
  height: 69rpx;
  margin-top: 30rpx;
  margin-right: 20rpx;
  padding: 0 20rpx;
  font-size: 24rpx;
  display: inline-block;
}

.panelNull{
  width: 100%;
  margin-top:180rpx;
}

.universalpic_card_none_gray_90x84{
  width:90rpx;
  height:84rpx;
  margin-bottom: 30rpx;
}

.panelNullText{
  color:#4D4D4D;
  font-size: 32rpx;
}

.panelAdd{
  width:360rpx;
  height:100rpx;
  border:2rpx solid #E3E3E3;
  border-radius: 10rpx;
  margin: 60rpx 0 180rpx 0;
}

.universalpic_add_black_30x30{
  width:30rpx;
  height: 30rpx;
  margin-left: 10rpx;
}

.panelAddText{
  font-size: 28rpx;
  font-weight: 400;
  margin-left: 20rpx;
}

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

.panelSearching{
  width:100%;
  justify-content: flex-start;
  align-items: flex-start;
}

.panelSearching1{
  font-size:28rpx;
  color:#787878;
  margin: 16rpx 0 0 30rpx;
}

.panelSearchNull{
  width:100%;
  justify-content: flex-start;
  align-items: flex-start;
}

.panelSearchNull1{
  font-size:28rpx;
  color:#4D4D4D;
  margin: 16rpx 0 0 30rpx;
}
.panelSearchNull2{
  font-size:20rpx;
  color:#787878;
  margin: 4rpx 0 0 30rpx;
}

.panelSearchData{
  width:690rpx;
  justify-content: flex-start;
  margin: 30rpx 0 0 30rpx;
  align-items: flex-start;
}

.panelSearchDataImage{
  width:100rpx;
  height:116rpx;
  border-radius: 6rpx;
}

.panelSearchDataImageZ{
  background-color: #FFE6DB;
}

.panelSearchDataImageC{
  background-color: #F7EFBE;
}
.panelSearchDataImageS{
  background-color: #EDDDFF;
}

.panelSearchDataImageD{
  background-color: #C9EFF9;
}


.universalpic_dictionary_ciyu_black_55x23{
  width:55rpx;
  height:23rpx;
}
.universalpic_dictionary_hanzi_black_54x26{
  width:54rpx;
  height:26rpx;
}
.universalpic_dictionary_shici_black_53x27{
  width:53rpx;
  height:27rpx;
}
.universalpic_dictionary_danci_black_53x28{
  width:53rpx;
  height:28rpx;
}

.panelSearchData1{
  width:560rpx;
  align-items: flex-start;
  margin-left: 30rpx;
  border-bottom: 1rpx solid #E3E3E3;
}

.panelSearchDataText1{
  width: 520rpx;
  font-size: 30rpx;
}

.panelSearchDataText2{
  width: 520rpx;
  font-size: 22rpx;
  font-weight: 400;
  margin: 8rpx 0;
}

.panelSearchDataText3{
  width: 520rpx;
  font-size: 20rpx;
  color:#787878;
  margin-bottom: 30rpx;
}

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

.panel2{
  width:100%;
  background-color: #f2f2f2;
  justify-content: flex-start;
  padding-top:60rpx;
}

.panelItem{
  width:710rpx;
  height:110rpx;
  border-radius: 20rpx;
  background-color: #fff;
  justify-content: space-between;
  margin-bottom: 30rpx;
}

.avatar{
  width:50rpx;
  height:50rpx;
  border-radius: 20rpx;
  margin-left:30rpx;
}

.panelItem1{
  font-size: 28rpx;
  font-weight: 400;
  color:#4D4D4D;
  margin-left: 20rpx;
}

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

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

.text1{
  margin-top: 400rpx;
  font-size:48rpx;
  color:#4D4D4D;
}
.text2{
  font-size:28rpx;
  color:#4D4D4D;
  text-align: center;
}