.container{ width:100%; background-color: #F8C324; } .pic_01{ width: 100%; height:234rpx; } .panel1{ width:100%; position: relative; background-color: #F8C324; } .pic_04{ width:100%; height:700rpx; position: absolute; bottom:0; } .panel11{ width:690rpx; border-radius: 30rpx; background-color: #FFF; min-height: 100rpx; margin-top: 40rpx; position: relative; } .panel111{ width:610rpx; height:70rpx; background-color: #F2F2F2; border-radius: 14rpx; margin: 50rpx 0 30rpx 0; justify-content: flex-start; } .icon_magnifier_01{ width: 24rpx; height: 24rpx; margin-left: 23rpx; } .text01{ font-size: 24rpx; margin-left: 10rpx; font-weight: 400; } .line01{ width: 610rpx; height:7rpx; } .text02{ font-size:36rpx; margin-top: 50rpx; align-self: flex-start; margin-left:40rpx; font-weight: 700; } .panel112{ width: 630rpx; margin-left: 20rpx; flex-wrap: wrap; margin-top: 10rpx; justify-content: flex-start; align-items: flex-start; } .panel1121{ width:190rpx; height:121rpx; margin-right: 20rpx; align-items: flex-start; justify-content: space-between; } .panel11211{ align-items: flex-start; margin: 30rpx 0 0 16rpx; } .text03{ font-size:28rpx; white-space: nowrap; } .text031{ margin-left: 40rpx; } .text04{ font-size:18rpx; } .imgLogo{ width:34rpx; height:34rpx; margin: 34rpx 22rpx 0 0; } .panel113{ width:100%; height:149rpx; margin: 0 0 20rpx 0; justify-content: space-between; border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx; } .line05{ width:610rpx; height:1rpx; background-color: #E3E3E3; margin-top: 20rpx; } .panel1131{ justify-content: flex-start; align-items: flex-start; margin-left: 56rpx; } .icon_fav_01{ width:24rpx; height:24rpx; margin-left: 10rpx; } .text05{ font-size: 20rpx; font-weight: 400; } .panel1133{ width:100%; height:100rpx; justify-content: space-between; background-color: #fff; } .panel114{ width:690rpx; background-color: #fff; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; background-color: #fff; margin-top: 40rpx; justify-content: flex-start; position: relative; } .panel1141{ position: relative; } .text12{ font-size:36rpx; margin-top: 50rpx; align-self: flex-start; margin-bottom:20rpx; font-weight: 700; } .line06{ width:610rpx; height:6rpx; background-color: #4d4d4d; } .pic_05{ width:220rpx; height:130rpx; position: absolute; bottom:6rpx; right:0rpx; } .panel1142{ justify-content: flex-start; margin: 40rpx 0 30rpx 0; } .panel11420{ width:590rpx; } .panel11421{ justify-content: flex-start; align-items: flex-start; width:590rpx; margin-bottom: 30rpx; } .panel11421_1{ width:540rpx; line-height: 33rpx; } .avatar{ border-radius: 50%; width:40rpx; height:40rpx; background-color: #E3E3E3; margin-right: 10rpx; } .avatarIcon{ width:40rpx; height:40rpx; border-radius: 50%; } .nickName{ font-size: 24rpx; font-weight: 700; } .text13{ color:#EB5C28; font-weight: 700; } .line03{ position: absolute; bottom:0; width:750rpx; height:26rpx; background-color:rgba(0,0,0,0.1); justify-content: flex-end; } .panel2{ width: 100%; background-color: #fff; } .text06{ font-size: 36rpx; margin: 60rpx 0 0 0; align-self: flex-start; margin-left:40rpx; } .panel21{ width: 670rpx; } .panel211{ width: 100%; margin-top: 30rpx; } .panel2111{ width: 100%; justify-content: space-between; } .panel21111{ width: 450rpx; align-items: flex-start; } .panel211111{ margin-top: 16rpx; } .text08{ font-size: 20rpx; color:#9B9B9B; margin-left: 10rpx; height:22rpx; } .text07{ margin-top: 17rpx; font-size:28rpx; font-weight: 400; width:450rpx; } .line04{ width:670rpx; height:1rpx; background-color: #E3E3E3; margin-top: 30rpx; } .imgLogo2{ width:24rpx; height:22rpx; } .TitleImage{ width:160rpx; height:84rpx; border:1rpx solid #E3E3E3; border-radius: 10rpx; } .text09{ font-size: 20rpx; font-weight: 400; width: 670rpx; margin-top: 30rpx; } .text10{ font-weight: 700; } .text11{ font-size: 20rpx; margin: 100rpx 50rpx 0 0; align-self:flex-end; font-weight: 400; color:#787878; } .arrowRight{ width:16rpx; height:26rpx; margin-right: 60rpx; }