123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196 |
- Page {
- background-color: #19C8A7;
- }
- .diban{
- width: 750rpx;
- height: 432rpx;
- display: block;
- }
- .view-result{
- width: 690rpx;
- height: auto;
- margin: -260rpx 30rpx 0;
- background: #fff;
- box-shadow: 0 0 30px 0 rgba(205,205,205,0.50);
- border-radius: 20rpx;
- padding-bottom: 60rpx;
- }
- .view-result>view:nth-child(1) {
- width: 690rpx;
- display: flex;
- flex-direction: column;
- }
- .view-result>view:nth-child(1)>image {
- width: 152rpx;
- height: 152rpx;
- display: block;
- margin: -76rpx auto 0;
- border-radius: 84rpx;
- border: 8rpx solid white;
- }
- .view-result>view:nth-child(1)>text:nth-child(2) {
- font-family: PingFangSC-Regular;
- font-size: 56rpx;
- color: #222222;
- text-align: center;
- line-height: 80rpx;
- margin: 20rpx auto 0;
- }
- .view-result>view:nth-child(1)>text:nth-child(3) {
- font-family: PingFangSC-Regular;
- font-size: 30rpx;
- color: #888888;
- text-align: center;
- line-height: 42rpx;
- margin: 12rpx auto 32rpx;
- }
- .view-result>view:nth-child(1)>text:nth-child(4) {
- margin: 0 auto;
- font-family: PingFangSC-Medium;
- font-weight: 700;
- font-size: 60rpx;
- color: #FF5D4F;
- line-height: 84rpx;
- text-align: center;
- }
- .view-result>view:nth-child(1)>text:nth-child(5){
- margin: 30rpx 30rpx 16rpx;
- font-family: PingFangSC-Regular;
- font-size: 28rpx;
- color: #333333;
- line-height: 42rpx;
- text-align: center;
- }
- .view-result>button:nth-child(2) {
- width: 600rpx;
- height: 88rpx;
- background-color: #03C29D;
- font-family: PingFangSC-Regular;
- font-size: 36rpx;
- color: #FFF;
- line-height: 88rpx;
- text-align: center;
- border-radius: 44rpx;
- border: 0;
- margin: 30rpx auto;
- }
- .mini {
- width: 600rpx;
- height: 88rpx;
- line-height: 88rpx;
- font-family: PingFangSC-Regular;
- font-size: 36rpx;
- color: #03C29D;
- text-align: center;
- margin: 0 auto;
- background: #FFFFFF;
- border: 2rpx solid #03C29D;
- border-radius: 44rpx;
- }
- .conetion{
- width: 750rpx;
- margin: -30rpx 54rpx;
- }
- .conetion>image{
- width: 642rpx;
- height: 84rpx;
- }
- .yearAction{
- width: 690rpx;
- height: auto;
- margin:-40rpx 30rpx;
- background: #fff;
- box-shadow: 0 0 30px 0 rgba(205,205,205,0.50);
- border-radius: 20rpx;
- padding-bottom: 80rpx;
- }
- .yearAction>view:nth-child(1){
- width: 690rpx;
- display: flex;
- }
- .yearAction>view:nth-child(1)>image{
- width: 488rpx;
- height: 40rpx;
- margin: 38rpx auto;
- }
- .list {
- display: flex;
- flex-direction: column;
- margin: 10rpx;
- border: 2rpx solid #6BE2C1;
- }
- .list>view {
- display: flex;
- }
- .list>view>view:nth-child(1) {
- width: 175rpx;
- height: 76rpx;
- }
- .list>view>view:nth-child(2),
- .list>view>view:nth-child(3) {
- width: 245rpx;
- height: 76rpx;
- }
- .list>view>view {
- font-family: PingFangSC-Regular;
- font-size: 26rpx;
- color: #555555;
- text-align: center;
- line-height: 76rpx;
- }
- .list>view:first-child>view {
- font-family: PingFangSC-Semibold;
- font-size: 24rpx;
- color: #666666;
- text-align: center;
- }
- .list>view:last-child>view:nth-child(1),
- .list>view:last-child>view:nth-child(2),
- .list>view:last-child>view:nth-child(3) {
- font-family: PingFangSC-Semibold;
- font-size: 26rpx;
- color: #FF5D4F;
- }
- .medical-view {
- width: 690rpx;
- display: flex;
- flex-direction: column;
- margin-top: 46rpx;
- }
- .medical-view>text {
- font-family: PingFangSC-Regular;
- font-size: 26rpx;
- color: #888888;
- margin-left: 50rpx;
- }
- .medical-view>view {
- display: flex;
- }
- .medical-view>view>view {
- font-family: PingFangSC-Semibold;
- font-size: 26rpx;
- color: #555555;
- text-align: center;
- line-height: 76rpx;
- border: 1px solid #E8E8E8;
- margin-top: 24rpx;
- margin-left: 50rpx;
- height: 76rpx;
- width: 250rpx;
- }
- .medical-view>view>view:nth-child(2) {
- width: 340rpx;
- margin-left: -1px;
- }
- .dibu{
- width: 750rpx;
- height: 125rpx;
- margin-top: -30rpx;
- }
|