trip.wxss 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .add-box input{border:2rpx solid #c7c7cc;border-radius: 20rpx;}
  2. .font{font-size:26rpx;}
  3. .add-box textarea{border:1px solid #c7c7cc;border-radius: 20rpx;width:100%;box-sizing:border-box;min-height:140rpx;}
  4. .list-block .item-title.text{width:100%;margin-top:20rpx;margin-bottom:10rpx;}
  5. .prompt{width:100rpx;height:46rpx;float:right;font-size:26rpx;line-height:46rpx;color:#ee3a43;text-align:center;position:absolute;right:0;top:0;z-index:1;}
  6. .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:9999;}
  7. .maskBox{width:80%;background-color:#fff;border-radius:20rpx;position:absolute;left:10%;top:30%;z-index:9;}
  8. .maskBtn{width:100%;height:90rpx;text-align:center;color:#EE3A43;line-height:90rpx;font-size:32rpx;border-top:1px solid #c7c7cc;}
  9. .maskContent{width:100%;padding:20rpx;box-sizing:border-box;}
  10. .maskTitle{color:#ee3a43;font-size:26rpx;line-height:40rpx;margin-top:10rpx;}
  11. .maskTit{font-size:26rpx;line-height:40rpx;}
  12. .maskTwo .maskTit{font-size:28rpx;line-height:50rpx;}
  13. .middle-title{font-size:30rpx;color:#ee3a43;margin-left:14rpx;}
  14. .add-title{display:flex;align-items:center;position:relative;margin-bottom:20rpx;}
  15. .content-title{font-size:26rpx;font-weight:bold;}
  16. .state-title{font-size:26rpx;display:flex;align-items:center;justify-content:space-between;margin-top:30rpx;}
  17. .state-title text:last-child{color:#ee3a43;}
  18. .addImg{width:100%;margin-top:20rpx;display:flex;justify-content:space-between;flex-wrap:wrap;}
  19. .addImg-col{width:49%;position:relative;margin-bottom:20rpx;}
  20. .addImg-col image{width:100%;height:200rpx;}
  21. .addBox{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
  22. .addIcon{border-radius:50%;border:2rpx solid #ee3a43;position:relative;}
  23. .addIcon text{width:100%;height:100%;border-radius:50%;background-color:#ee3a43;display:block;position:relative;}
  24. .comIcon text::after{content:'';width:36rpx;height:4rpx;background-color:#fff;position:absolute;left:50%;top:28rpx;z-index:2;margin-left:-18rpx;}
  25. .comIcon text::before{content:'';width:4rpx;height:36rpx;background-color:#fff;position:absolute;left:50%;top:12rpx;z-index:2;margin-left:-2rpx;}
  26. .comIcon{width:64rpx;height:64rpx;margin:70rpx auto 0;padding:4rpx;}
  27. .passIcon{width:100rpx;height:100rpx;margin:160rpx auto 0;padding:8rpx;}
  28. .passIcon text::after{content:'';width:54rpx;height:4rpx;background-color:#fff;position:absolute;left:50%;top:48rpx;z-index:2;margin-left:-27rpx;}
  29. .passIcon text::before{content:'';width:4rpx;height:54rpx;background-color:#fff;position:absolute;left:50%;top:20rpx;z-index:2;margin-left:-2rpx;}
  30. .icon-close{position:absolute;right:-10rpx;top:-10rpx;z-index:9;}
  31. .tag{font-size:26rpx;text-align:center;}
  32. .passport{margin-bottom:28rpx;position:relative;padding-top:20rpx;}
  33. .passport image{width:100%;height:408rpx;}
  34. /*.passport .addIcon{width:100%;height:408rpx;position:absolute;left:0;top:0;z-index:1;}
  35. .passport .addIcon::after{content:'';width:100rpx;height:4rpx;background-color:#ee3a43;position:absolute;left:50%;top:202rpx;z-index:2;margin-left:-50rpx;}
  36. .passport .addIcon::before{content:'';width:4rpx;height:100rpx;background-color:#ee3a43;position:absolute;left:50%;top:154rpx;z-index:2;margin-left:-2rpx;}*/
  37. .bottom{width:100%;border:0 none;border-radius: 0;line-height:90rpx;text-align:center;font-size:30rpx;background-color: #ee3a43;color: #fff;}
  38. .middle{font-size:46rpx;}
  39. .state-two{margin-top:60rpx!important;}
  40. .placeholder{color:#c5c5c5;}