.container { justify-content: flex-start; font-weight: 500; color: #1e1e1e; background-color: #e3e3e3; } .panelTop { width: 100%; height: 120rpx; background-color: #fff; justify-content: space-between; font-size: 28rpx; position: fixed; top:0; z-index: 10; border-bottom: 1rpx solid #d2d2d2; } .panelTop1{ width:100%; height: 120rpx; background-color: #fff; } .left { margin-left: 25rpx; font-weight: 400; align-items: flex-start; } .right { margin-right: 20rpx; } .panelTopBtn{ width:100rpx; height:120rpx; } .universalpic_del_black_20x28{ width:20rpx; height:28rpx; } .universalpic_info_black_26x26{ width:26rpx; height:26rpx; } .text1 { font-size:24rpx; } .text2 { color: #787878; font-weight: 500; font-size:28rpx; } .text3 { color: #787878; width: 156rpx; line-height: 80rpx; text-align: center; background-color: #fff; border:1rpx solid #9B9B9B; border-radius: 10rpx; font-size: 24rpx; margin-left: 20rpx; } .text4 { color: #A20602; } .editField{ color:#fff; font-size:24rpx; align-self: flex-start; margin: 0 0 20rpx 50rpx; } /* 段落显示************************ */ .editFieldNull{ height:60rpx; } .editFieldNull1{ height:40rpx; } .editFieldNull2{ height:80rpx; } .editFieldNull3{ height:30rpx; } .panelItem { width: 650rpx; font-weight: 400; flex-wrap: wrap; justify-content: flex-start; z-index: 5; } .panelField10 { width: 100%; height: 110rpx; } .panelField1 { width: 100%; justify-content: flex-start; } .panelField11 { font-size: 48rpx; justify-content: flex-start; color: #fff; } .panelTag { width: 100%; min-height: 95rpx; align-items: flex-start; justify-content: flex-start; margin-top: 80rpx; z-index: 5; } .panelTag .panelTagLine { margin: 0 0 0 50rpx; max-width: 650rpx; height: 10rpx; } .panelTag .panelTag1 { margin: 0 0 0 50rpx; width: 650rpx; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .panelTag .tag { font-size: 46rpx; margin: 20rpx 30rpx 0 0; font-weight: 400; color: #d2d2d2; } .right2 { position: absolute; top: 0; right: 0; width: 134rpx; height: 150rpx; align-items: flex-start; } .line1 { width: 4rpx; height: 30rpx; background-color: rgba(255, 255, 255, 0.2); margin-top: 66rpx; } .universalpic_show_white_30x30 { width: 36rpx; height: 36rpx; margin: 68rpx 50rpx 0 50rpx; } .universalpic_hide_white_34x34 { width: 36rpx; height: 20rpx; margin: 68rpx 50rpx 0 50rpx; } .panelField20 { width: 100%; justify-content: flex-start; z-index: 5; } .panelField2 { width: 710rpx; margin-bottom: 20rpx; border-radius: 20rpx; } .panelField21 { width: 650rpx; font-size: 36rpx; margin: 50rpx 40rpx; } .panelItem .panelSound { width: 40rpx; height: 40rpx; margin: 0 10rpx 0 0; background-color: #fff; border-radius: 50%; } .panelItem .panelSoundHover { background-color: #d2d2d2; } .panelItem .panelSoundHover1 { color: #d2d2d2; } .panelItem .universalpic_read_mark_black_20x20 { width: 21rpx; height: 20rpx; } .panelItem .textLine { text-decoration: underline; } .panelItem .textNormal { min-height: 50rpx; } .panelItem .textNormal2 { font-size: 36rpx; } .panelItem .textPinyin { text-decoration: underline; margin-right: 10rpx; } .panelItem .imageBishun { width: 360rpx; height: 360rpx; margin: 6rpx 0; } .panelItem .imageFree { width: 650rpx; margin: 6rpx 0; border-radius: 20rpx; } .panelItem .imageFree2 { width: 650rpx; border-radius: 10rpx; } .panelItem .textBr { width: 100%; height: 24rpx; } .panelItem .textReturn { width: 100%; } .panelItem .textReturn2 { width: 100%; height: 30rpx; } /* ******************************** */ .panelSave { width: 100%; background-color: #fff; position: fixed; bottom: 0; font-size: 36rpx; z-index: 10; color: #0071ef; text-align: center; line-height: 120rpx; border-top: 1rpx solid #d2d2d2; } .btn1 { width: 150rpx; height: 120rpx; } .btn2 { width: 450rpx; height: 120rpx; background-color: #fff; } .btn21 { font-size: 36rpx; color: #0071ef; text-align: center; padding-left: 0; padding-right: 0; background-color: #fff; } .btn21::after { border: 0px; } .universalpic_prev_black_30x30 { width: 28rpx; height: 26rpx; } .panelSaveShare{ justify-content: space-between; } .btn3 { width: 375rpx; line-height: 120rpx; height:120rpx; background-color: #fff; text-align: center; color: #0071ef; } .text5{ width:108rpx; margin: 0 20rpx; } .universalpic_more_40x10 { width: 40rpx; height: 10rpx; }