| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- .container{
- width:100%;
- background-color: #FFCC00;
- }
- .pic_01{
- width: 100%;
- height:254rpx;
- }
- .panel1{
- width:100%;
- }
- .panel11{
- width:690rpx;
- border-top-left-radius: 30rpx;
- border-top-right-radius: 30rpx;
- background-color: #fff;
- min-height: 100rpx;
- margin-top: 60rpx;
- position: relative;
- }
- .panel111{
- width:610rpx;
- height:70rpx;
- background-color: #F2F2F2;
- border-radius: 14rpx;
- margin: 40rpx 0 40rpx 0;
- justify-content: flex-start;
- }
- .icon_magnifier_01{
- width: 24rpx;
- height: 24rpx;
- margin-left: 23rpx;
- }
- .text01{
- font-size:28rpx;
- margin-left: 20rpx;
- }
- .line01{
- width: 610rpx;
- height:7rpx;
- }
- .text02{
- font-size:36rpx;
- margin-top: 50rpx;
- align-self: flex-start;
- margin-left:40rpx;
- }
- .panel112{
- width: 650rpx;
- flex-wrap: wrap;
- margin-top: 30rpx;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .panel1121{
- width:190rpx;
- height:121rpx;
- border-radius: 10rpx;
- background-color: #f2f2f2;
- margin: 0 0 20rpx 20rpx;
- align-items: flex-start;
- justify-content: flex-start;
- }
- .panel11211{
- align-items: flex-start;
- margin-right: 34rpx;
- margin: 30rpx 34rpx 0 16rpx;
- }
- .text03{
- font-size:28rpx;
- }
- .text04{
- font-size:18rpx;
- }
- .imgLogo{
- width:34rpx;
- height:34rpx;
- margin-top: 36rpx;
- }
- .line02{
- width:610rpx;
- height:1rpx;
- background-color: #E3E3E3;
- margin-top: 40rpx;
- }
- .panel113{
- width:610rpx;
- height:180rpx;
- background-color: #E0E0D8;
- border-radius: 10rpx;
- margin-top: 40rpx;
- position: relative;
- overflow: hidden;
- }
- .panel1131{
- width:230rpx;
- height:250rpx;
- background-color: #F18B66;
- border-radius: 68rpx;
- position: absolute;
- top:-178rpx;
- left:-120rpx;
- }
- .icon_fav_03{
- width:34rpx;
- height:34rpx;
- position: absolute;
- right:47rpx;
- bottom:20rpx;
- }
- .panel1132{
- position: absolute;
- top:92rpx;
- left:20rpx;
- align-items: flex-start;
- }
- .text05{
- font-size: 20rpx;
- }
- .pic_02{
- width:300rpx;
- height:180rpx;
- position: absolute;
- right:0;
- }
- .panel1133{
- width:601rpx;
- height:140rpx;
- justify-content: space-between;
- }
- .icon_nextpage_1{
- width:16rpx;
- height:26rpx;
- }
- .line03{
- width:750rpx;
- height:20rpx;
- background-color:rgba(0,0,0,0.1);
- justify-content: flex-end;
- }
- .panel2{
- width: 100%;
- background-color: #fff;
- }
- .toolbook{
- width:670rpx;
- height:180rpx;
- margin: 60rpx 0;
- }
- .line04{
- width:670rpx;
- height:1rpx;
- background-color: #E3E3E3;
- }
- .text06{
- font-size: 36rpx;
- margin: 60rpx 0 40rpx 0;
- align-self: flex-start;
- margin-left:40rpx;
- }
- .panel21{
- width: 670rpx;
- justify-content: space-between;
- margin: 30rpx 0;
- }
- .panel211{
- align-items: flex-start;
- width: 440rpx;
- }
- .text07{
- font-size:28rpx;
- font-weight: 400;
- }
- .articleImage{
- width:180rpx;
- height:118rpx;
- border-radius: 6rpx;
- }
|