Inicio Explorar Axuda
Iniciar sesión
caimei365
/
caimei365-www
3
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Árbore: 05bdc8250d
Ramas Etiquetas
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
pay
/
caimei-paymobile.css

caimei-paymobile.css 5.2 KB
Histórico Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 
  1. /**
    2. 

  2.  * PC端
    3. 

  3.  */
    4. 

  4. @media screen and (min-width:768px){
    5. 

  5.     .head-wrap{width: 100%;height: 81px;float: left;background-color: #FFFFFF;margin-bottom: 26px;}
    6. 

  6.     .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto;}
    7. 

  7.     .head-wrap .logo{width:68px;height: 81px;float: left;}
    8. 

  8.     .head-wrap .logo a{width:68px;height: 81px;display: block;}
    9. 

  9.     .head-wrap .logo a img{width:68px;height: 81px;display: block;}
    10. 

  10.     .head-wrap .text{height: 81px;float: left;margin-left: 10px;line-height: 81px;font-size: 30px;color: #333333;}
    11. 

  11.     .pay-container {width: 100%;min-height: 436px;position: relative;margin-bottom: 20px;}
    12. 

  12.     .pay-container .container{opacity:0;}
    13. 

  13.     .pay-container .container.active{opacity: 1;}
    14. 

  14.     .pay-content{width: 1184px;margin: 0 auto;height: 436px;margin-top: 20px;background: #FFFFFF;box-sizing: border-box;padding: 30px 0;}
    15. 

  15.     .pay-content.weixin{border: 2px solid #7AD237;}
    16. 

  16.     .pay-content.ali{border: 2px solid #3D8FFB;}
    17. 

  17.     .pay-codecontent{width: 1184px;height: auto;float: left;padding:  0 255px;box-sizing: border-box;}
    18. 

  18.     .pay-codecontent .pay-amount{width: 278px;height: 100%;float: left;}
    19. 

  19.     .pay-codecontent .pay-amount .pay-amount-text{width: 100%;height: auto;float: left;margin-bottom: 40px;}
    20. 

  20.     .pay-codecontent .pay-amount .pay-amount-text p{font-size: 16px;text-align: left;color: #333;line-height: 34px;}
    21. 

  21.     .pay-codecontent .pay-amount .pay-amount-text p span{margin-left: 5px;}
    22. 

  22.     .pay-codecontent .pay-amount .pay-amount-icon{width: 278px;height: 205px;float: left;}
    23. 

  23.     .pay-codecontent .pay-amount .pay-amount-icon img{width: 100%;height: 100%;display: block;}
    24. 

  24.     .pay-codecontent .pay-codemain{width: 300px;height: auto;float: right;position: relative;}
    25. 

  25.     .pay-codecontent .pay-codemain .code-title{width: 100%;height: 34px;line-height: 34px;font-size: 16px;color: #333333;margin-bottom: 20px;text-align: center;}
    26. 

  26.     .pay-codecontent .pay-codemain .code-title span{color: #E15616;}
    27. 

  27.     .pay-codecontent .pay-codemain .pay-qrCode{width: 220px;height: 220px;position: relative;margin: 0 auto;padding: 8px;border: 2px solid #ebebeb;}
    28. 

  28.     .pay-codecontent .pay-codemain .pay-qrCode.weixin{border-color:#7AD237 ;}
    29. 

  29.     .pay-codecontent .pay-codemain .pay-qrCode.ali{border-color:#26A1EE ;}
    30. 

  30.     .pay-codecontent .pay-codemain .pay-qrCode i{width: 48px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    31. 

  31.     .pay-codecontent .pay-codemain .pay-qrCode .icon-alipay{background: url("/img/pay/icon-ali@2x.png")no-repeat;background-size: contain;}
    32. 

  32.     .pay-codecontent .pay-codemain .pay-qrCode .icon-wechat{background: url("/img/pay/icon-wechatpay@2x.png")no-repeat;background-size: contain;}
    33. 

  33.     .pay-codecontent .pay-codemain .code-footer{width: 100%;height: 33px;line-height: 33px;font-size: 14px;color: #333333;text-align: center;margin-top: 10px;}
    34. 

  34.     .pay-codecontent .pay-codemain .code-footer .code-img{width: 84px;height: 28px;display: block;margin: 0 auto;}
    35. 

  35.     /*.pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;display: none;}*/
    36. 

  36.     /*.pay-alert-content .pay-alert{width: 340px;height: 208px;padding:0 14px 14px 14px;background: #FFFFFF;border-radius: 5px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}*/
    37. 

  37.     /*.pay-alert-content .pay-alert .title{width: 100%;height: 48px;font-size: 18px;line-height: 48px;text-align: center;color: #333333;float: left;position: relative;border-bottom: 1px solid #EBEBEB;}*/
    38. 

  38.     /*.pay-alert-content .pay-alert .title .icon-close{width: 24px;height: 24px;display: block;position: absolute;right:0;top: 12px;background: url("/web/login/img/icon-close.png")no-repeat;background-size: cover;cursor: pointer;}*/
    39. 

  39.     /*.pay-alert-content .pay-alert .content{margin: 30px 0;width: 100%;height: auto;line-height: 24px;float: left;}*/
    40. 

  40.     /*.pay-alert-content .pay-alert .content h1{text-align: center;font-size: 18px;color: #333333;font-weight: normal;}*/
    41. 

  41.     /*.pay-alert-content .pay-alert .content p{text-align: center;font-size: 14px;color: #333333;font-weight: normal;}*/
    42. 

  42.     /*.pay-alert-content .pay-alert .button{width: 100%;height: 32px;float: left;}*/
    43. 

  43.     /*.pay-alert-content .pay-alert .button a{width: 148px;height: 32px;display: block;background: #E15616;border-radius: 5px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;margin: 0 auto;}*/
    44. 

  44.     .pay-codemain .model{position: absolute;width: 240px;height: 240px;top: 54px;left: 30px;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,1);color: #999;z-index: 99999;border: 1px solid #EBEBEB;}
    45. 

  45.     .pay-codemain .model .refresh{width: 21px;height: 21px;display: block;margin: 0 auto;margin-bottom: 3px;}
    46. 

  46.     .pay-codemain .model  .refresh-div{width: 100px;height: auto;display: block;}
    47. 

  47.     .pay-codemain .model  .refresh-div p{text-align: center;font-size: 14px;line-height: 20px;}
    48. 

  48.     /*微信二维码样式*/
    49. 

  49.     iframe{width:202px !important;height: 260px !important}
    50. 

  50.     .impowerBox .qrcode {width: 200px !important;}
    51. 

  51.     .impowerBox .title {display: none;}
    52. 

  52.     .impowerBox .info {width: 200px;}
    53. 

  53.     .impowerBox .status_icon {display: none;}
    54. 

  54.     .impowerBox .status {text-align: center;display: none;}
    55. 

  55.     .impowerBox .qrcode{margin-top: 0;}
    56. 

  56. }
    57. 

  57. 

  58. /**
    59. 

  59. * 移动端
    60. 

  60. */
    61. 

  61. @media screen and (max-width:768px){
    62. 

  62. 

  63. 

  64. 

  65. }
    66.