caimei-success.css 1.6 KB

12345678910111213141516171819202122232425
  1. /**
  2. * PC端
  3. */
  4. @media screen and (min-width:768px){
  5. .head-wrap{width: 100%;height: 81px;float: left;background-color: #FFFFFF;margin-bottom: 26px;}
  6. .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto; background-color: #FFFFFF;}
  7. .head-wrap .logo{width:68px;height: 81px;float: left;}
  8. .head-wrap .logo a{width:68px;height: 81px;display: block;}
  9. .head-wrap .logo a img{width:68px;height: 81px;display: block;}
  10. .head-wrap .text{height: 81px;float: left;margin-left: 10px;line-height: 81px;font-size: 30px;color: #333333;}
  11. .pay-container{opacity: 0;}
  12. .pay-container.active{opacity: 1;}
  13. .pay-content{width: 1184px;margin: 0 auto;margin-bottom: 20px;height: 477px;padding: 50px 0;background-color: #FFFFFF;display: flex;flex-direction: column;}
  14. .pay-content .success-icon{display: flex;justify-content: center;}
  15. .pay-content .success-icon .icon{width: 200px;height: 200px;background-size: contain;}
  16. .pay-content .success-icon .icon.icon-success{background: url("/img/pay/icon-success.png")no-repeat;}
  17. .pay-content .success-icon .icon.icon-error{background: url("/img/pay/icon-error.png")no-repeat;}
  18. .pay-content .success-text{display: flex;justify-content: center;}
  19. .pay-content .success-text .tx1{line-height: 60px;font-size: 30px;color: #FF2A2A;text-align: center;font-weight: 600;}
  20. .pay-content .success-text .tx2{line-height: 40px;font-size: 16px;color: #333;text-align: center;}
  21. .pay-content .success-text .tx2 span{color: #FF2A2A;}
  22. .pay-content .success-text .tx2 a{color: #e15616;margin-left: 10px;}
  23. .pay-content .success-text .tx2 a:hover{text-decoration: underline;}
  24. }