123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
- page {
- background-color: #161616;
- width: 100%;
- height: 100vh;
- background: url('../../static/w3/bg.png');
- background-size: 750rpx 1624rpx;
- background-repeat: repeat-y;
- }
- .page {
- width: 750rpx;
- background: url('../../static/w3/bg.png');
- background-size: 750rpx 1624rpx;
- background-repeat: repeat-y;
- }
- .thread {
- height: 20rpx;
- }
- .thread2 {
- height: 60rpx;
- }
- .tabMain {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- width:710rpx;margin: 0rpx auto;padding-top:20rpx;
- .menu {
- width:334rpx;height:84rpx;
- background: url('../../static/w3/rule/tab_bg.png');
- background-size: 334rpx 84rpx;margin:0 auto;
- display: flex;flex-direction: row;justify-content: center;align-items: center;
- font-weight: bold;
- font-size: 32rpx;
- color: #999999;
- }
- .active {
- background: url('../../static/w3/rule/tab_bg_sel.png');
- background-size: 334rpx 84rpx;
- font-weight: bold;
- font-size: 32rpx;
- color: #FF4655;
- }
- }
- .tabMain2 {
- display: flex;flex-direction: row;justify-content: space-around;align-items: center;
- width:690rpx;margin: 20rpx auto;
- .menu {
- width:230rpx;height:52rpx;margin:0 auto;
- display: flex;flex-direction: row;justify-content: center;align-items: center;
- font-weight: 400;
- font-size: 28rpx;
- color: #999999;
- }
- .active {
- background: url('../../static/w3/rule/bg_blank.png');
- background-size: 230rpx 52rpx;
- font-weight: bold;
- font-size: 28rpx;
- color: #FFFFFF;
- }
- }
- .list_item {
- width:690rpx;height:308rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
- background: url('../../static/w3/bg_box.png');
- background-size: 690rpx 308rpx;margin:0rpx auto;margin-bottom: 20rpx;
- .item1 {
- width:690rpx;height:70rpx;
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- .left {
- font-weight: bold;padding-left:30rpx;
- font-size: 32rpx;
- color: #FFFFFF;
- }
- .right {
- font-weight: 400;padding-right:30rpx;
- font-size: 28rpx;
- color: #FFFFFF;
- }
- .state2 {
- font-weight: bold;
- font-size: 28rpx;
- color: #FF4655;
- }
- }
- .item2 {
- width:690rpx;height:228rpx;
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- .left {
- width:250rpx;
- display: flex;flex-direction: column;justify-content: center;align-items: center;
- image {
- width:168rpx;
- }
- .name {
- font-weight: bold;margin-top: 14rpx;text-align: left;
- font-size: 28rpx;
- color: #FFFFFF;
- }
- .time {
- font-weight: 400;margin-top: 14rpx;text-align: left;
- font-size: 24rpx;
- color: #999999;
- }
- }
- .right {
- width:440rpx;
- display: flex;flex-direction: column;justify-content: space-between;align-items: center;
- .content {
- font-weight: 400;font-size: 24rpx;color: #FFFFFF;
- padding-right:80rpx;
- }
- .act {
- width:100%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding-right: 30rpx;padding-top:20rpx;
- image {
- width:100rpx;height:32rpx;
- }
- }
- }
- }
- }
- .state12 {
- width:690rpx;height:388rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
- background: url('../../static/w3/bg_box2.png');
- background-size: 690rpx 388rpx;margin:0rpx auto;margin-bottom: 20rpx;
- .item1 {
- .right {
- font-weight: bold;
- font-size: 28rpx;
- color: #FF4655;
- }
- }
- .item2 {
- width:690rpx;height:318rpx;
- .left {
- width:280rpx;height:318rpx;
- }
- .right {
- width:410rpx;
- display: flex;flex-direction: column;justify-content: space-between;align-items: center;
- .content {
- height:128rpx;
- }
- .act {
- width:100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;padding-right: 30rpx;
- .state_name {
- font-weight: bold;
- font-size: 28rpx;
- color: #FF4655;margin-bottom: 16rpx;
- }
- .sign_name {
- font-weight: normal;
- font-size: 24rpx;
- color: #fff;margin-bottom: 16rpx;
- }
- image {
- height:32rpx;
- }
- }
- }
- }
- }
|