cardDetail.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page,
  12. .container {
  13. min-height: 100%;
  14. height: auto;
  15. background: #ffffff;
  16. }
  17. .top {
  18. position: relative;
  19. height: 346rpx;
  20. width: 750rpx;
  21. }
  22. .top image {
  23. width: 100%;
  24. height: 100%;
  25. }
  26. .main {
  27. position: relative;
  28. z-index: 2;
  29. width: 750rpx;
  30. background: #ffffff;
  31. border-radius: 20rpx 20rpx 5rpx 5rpx;
  32. margin-top: -10rpx;
  33. padding: 46rpx 44rpx;
  34. }
  35. .main .title {
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. }
  40. .main .title .title-font {
  41. font-size: 32rpx;
  42. font-family: ZhenyanGB;
  43. font-weight: 400;
  44. color: #bd9360;
  45. }
  46. .btn {
  47. width: 620rpx;
  48. height: 80rpx;
  49. background: linear-gradient(270deg, #ffe7c4, #ffce8a);
  50. border-radius: 40rpx;
  51. margin: 58rpx auto 0;
  52. font-size: 32rpx;
  53. font-family: PingFang SC;
  54. font-weight: bold;
  55. color: #9f570e;
  56. line-height: 80rpx;
  57. text-align: center;
  58. }
  59. .two {
  60. margin: 26rpx 0 0;
  61. font-size: 28rpx;
  62. text-align: center;
  63. font-family: PingFang SC;
  64. font-weight: 500;
  65. color: #999999;
  66. }
  67. .two text {
  68. color: #ff383e;
  69. }