Home Verkennen Help
Inloggen
caimei365
/
caimei365-www
3
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: f71a93c782
Aftakkingen Labels
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
pay
/
caimei-paycash.css

caimei-paycash.css 40 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363 
  1. input::-webkit-inner-spin-button {
    2. 

  2. 	-webkit-appearance: none;
    3. 

  3. }
    4. 

  4. input::-webkit-outer-spin-button {
    5. 

  5. 	-webkit-appearance: none;
    6. 

  6. }
    7. 

  7. /**
    8. 

  8.  * PC端
    9. 

  9.  */
    10. 

  10. @media screen and (min-width:768px){
    11. 

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

  12.     .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto;    background-color: #FFFFFF;}
    13. 

  13.     .head-wrap .logo{width:228px;height: 76px;float: left;}
    14. 

  14.     .head-wrap .logo a{width:228px;height: 76px;display: block;}
    15. 

  15.     .head-wrap .logo a img{width:228px;height: 76px;display: block;}
    16. 

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

  17.     .inner{width: 1184px;margin: 0 auto;}
    18. 

  18.     .pageTitle{height:57px;line-height:57px;padding-top:16px}
    19. 

  19.     .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
    20. 

  20.     .pageTitle h1 span{color:#627386;font-size:12px;font-weight:normal;margin-left:10px}
    21. 

  21.     .pageTitle .step{float:right;color:#999999;font-size:14px;height:44px;line-height:44px}
    22. 

  22.     .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-right:55px;}
    23. 

  23.     .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
    24. 

  24.     .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
    25. 

  25.     .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
    26. 

  26.     .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
    27. 

  27.     .pageTitle .step span:after{position:absolute;right:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5;}
    28. 

  28.     .pageTitle .step span:nth-of-type(3){padding-right:0}
    29. 

  29.     .pageTitle .step span:nth-of-type(3):after{display:none}
    30. 

  30.     .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
    31. 

  31.     .pageTitle .step span.prev:after{border-color:#FF5B00;}
    32. 

  32.     .pay-container {width: 100%;position: relative;}
    33. 

  33.     .container{width: 100%;height: auto;float: left;margin-bottom: 30px;}
    34. 

  34.     .pay-content{width: 1184px;margin: 0 auto;height: auto;}
    35. 

  35.     .pay-title{width: 100%;height: auto;padding: 15px 20px;float: left;background: #ffffff;margin-bottom: 7px;box-sizing:border-box;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
    36. 

  36.     .pay-title .title-money{width: 100%;height: 36px;float: left;margin: 7px 0;line-height: 36px;}
    37. 

  37.     .pay-title .title-money.big{height: 60px;line-height: 60px;}
    38. 

  38.     .pay-title .title-money p{font-size: 16px;color: #333333;float: left;margin-right: 80px;}
    39. 

  39.     .pay-title .title-money p.pay-money-big{font-size: 24px;font-weight: bold;}
    40. 

  40.     .pay-title .title-money .red{color: #FF2A2A;}
    41. 

  41.     .pay-title .pay-input{width: 100%;height: 36px;float: left;line-height: 36px;}
    42. 

  42.     .pay-title .pay-input p{font-size: 16px;color: #333333;float: left;}
    43. 

  43.     .pay-title .pay-input .input-text{font-size: 18px;color: #333333;}
    44. 

  44.     .pay-title .pay-input .input-text span{font-size: 14px;}
    45. 

  45.     .pay-title .pay-input .input{width: 215px;height: 34px;display: inline-block;font-size: 14px;line-height: 34px;padding: 0 10px;border: 1px solid #EBEBEB;border-radius: 5px;}
    46. 

  46.     /*超级会员*/
    47. 

  47.     .pay-svip{margin-top:24px}
    48. 

  48.     .pay-svip+.pay-method .method-title{background:#F5F5F5 !important}
    49. 

  49.     .pay-svip .pay-svip-title{padding:0 0 16px 16px;font-size:16px;font-weight:400;color:#2D3036}
    50. 

  50.     .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1184px;height:78px;padding-left:112px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-bg-03.png) no-repeat center;background-size:1184px 78px}
    51. 

  51.     .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    52. 

  52.     .pay-svip .pay-svip-detail .tit{font-size:16px;font-weight:400;color:#4E4539;padding-bottom:4px}
    53. 

  53.     .pay-svip .pay-svip-detail .pay-amount{margin-left:18px;font-size:28px;font-weight:bold;color:#4E4539}
    54. 

  54.     .pay-svip .pay-svip-detail .pay-amount > span{font-size:12px;vertical-align:0}
    55. 

  55.     .pay-svip .svip-indent{padding-top:24px;font-size:16px;font-weight:bold;color:#4E4539}
    56. 

  56.     /*优惠券*/
    57. 

  57.     .pay-coupontitle{line-height: 72px;font-size: 24px;width: 100%;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
    58. 

  58.     .pay-coupon{width: 100%;height: 118px;box-sizing: border-box;padding: 16px;background: #FFFFFF;}
    59. 

  59.     .pay-coupon .pay-coupon-title{width: 100%;line-height: 24px;font-size: 18px;color: #333333;margin-bottom: 16px;}
    60. 

  60.     .pay-coupon .pay-coupon-title span{color: #FF5B00;}
    61. 

  61.     .pay-coupon .pay-coupon-content{font-size: 24px;color: #333333;line-height: 32px;}
    62. 

  62.     .pay-coupon .pay-coupon-content span{color: #F94B4B;font-weight: bold;}
    63. 

  63.     .pay-ment{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 7px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;overflow: hidden;}
    64. 

  64.     .pay-ment .pay-record{width: 100%;height: auto;float: left;background: #FFFFFF;padding: 10px 0;box-sizing:border-box;}
    65. 

  65.     .pay-ment .pay-record .record-title{width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;box-sizing:border-box;}
    66. 

  66.     .pay-ment .pay-record .record-content{width: 1160px;height: auto;padding: 8px 540px 8px 10px;margin: 0 auto;background: #FFF;border-radius: 5px;box-sizing:border-box;}
    67. 

  67.     .pay-ment .pay-record .record-content .record-li{width: 100%;height: 30px;float: left;}
    68. 

  68.     .pay-ment .pay-record .record-content .record-li.none{font-size: 14px;color: #627386;text-align: left;line-height: 30px;}
    69. 

  69.     .pay-ment .pay-record .record-content .record-li .record-tb{width: 33.33%;height: 30px;float: left;font-size: 14px;color: #333333;text-align: left;line-height: 30px;}
    70. 

  70.     .pay-ment .pay-record .record-content .record-li .record-tb:last-child{text-align: right;color: #999999;}
    71. 

  71.     .pay-method{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 20px;border-radius: 8px;overflow: hidden;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    72. 

  72.     .pay-method .method-title{box-sizing:border-box;width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;}
    73. 

  73.     .pay-method .method-title span{font-size: 14px;line-height: 30px;color: #FF5B00;text-align: left;padding-left: 20px;}
    74. 

  74.     .pay-method .method-content{width: 100%;height: auto;padding: 0 0 20px 0;float: left;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    75. 

  75.     .pay-method .method-content .payment{width: 100%;height: auto;}
    76. 

  76.     .payment-check-bank{width: 100%;height: auto;padding: 16px;box-sizing: border-box;}
    77. 

  77.     .payment-check-bank .check-bank-cell{width: 100%;height: 64px;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 16px;padding: 12px 16px; }
    78. 

  78.     .payment-check-bank .check-bank-cell .cell-icon{ width: 24px;height: 100%;float: left;box-sizing: border-box;padding: 8px 0;}
    79. 

  79.     .payment-check-bank .check-bank-cell .cell-icon .icon{ width:24px;height:24px; }
    80. 

  80.     .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:24px ;height:24px;background-position: -311px -596px;}
    81. 

  81.     .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -277px -596px;}
    82. 

  82.     .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 20px; }
    83. 

  83.     .payment-check-bank .check-bank-cell .cell-main .logo{ width: 40px;height: 40px;float: left;margin-right: 10px; }
    84. 

  84.     .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 40px;height: 40px;display: block; }
    85. 

  85.     .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 40px;font-size: 16px;color: #333333;float: left; }
    86. 

  86.     .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
    87. 

  87. 

  88.     .pay-bank{width: 100%;height: auto;padding: 0 0 8px 0;background: #FFFFFF;float: left;}
    89. 

  89.     .pay-bank .bank-list{width: 100%;height: auto;padding-left: 8px;}
    90. 

  90.     .pay-bank .bank-list .bank-text{line-height: 22px;height: 22px;font-size: 16px;color: #333333;padding-left: 20px;margin: 6px 0;}
    91. 

  91.     .pay-bank .bank-list .bank-text span{color: #999999;}
    92. 

  92.     .pay-bank .bank-list .bank-a{width: 124px;height: 44px;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
    93. 

  93.     .pay-bank .bank-list .bank-b{width: 124px;height: 44px;;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
    94. 

  94.     .pay-bank .bank-list a img{width: 100%;height: 100%;display: block;}
    95. 

  95.     .pay-bank .bank-list a.active{border-color: #FF2A2A;}
    96. 

  96.     .pay-bank .bank-list a.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
    97. 

  97.     .pay-link{width: 100%;height: 32px;padding: 0 20px;float: left;}
    98. 

  98.     .pay-link p{float: left;font-size: 14px;line-height: 32px;color: #666;text-align: left;}
    99. 

  99.     .pay-link a{width: 112px;height: 30px;border: 1px solid #FF5B00;background-color: #ffe6dc; display: block;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 20px;color: #FF5B00;margin-left: 16px;}
    100. 

  100.     .pay-link .inviteCode{width: 112px;height: 30px;border: 1px solid #999;text-align: center;float: left;font-size: 12px;line-height: 30px;border-radius: 2px;color: #333;margin: 0 5px;}
    101. 

  101.     .payment-add{width: 100%;height: 44px;box-sizing: border-box;padding: 0 20px;float: left;}
    102. 

  102.     .payment-add-btn{width: 168px;height: 44px;box-sizing: border-box;cursor: pointer; border-radius: 6px;float: left;border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    103. 

  103.     .payment-add-btn .icon{width:24px ;height:24px;display: inline-block;float: left;margin-right: 10px;}
    104. 

  104.     .payment-add-btn .icon:before{width:24px ;height:24px;background-position: -254px -652px;}
    105. 

  105.     .payment-add-btn span{display: inline-block;line-height: 24px;font-size: 12px;color: #333;}
    106. 

  106.     .payment-add-btn:hover{background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-color: #FF5B00;}
    107. 

  107.     .payment-add-btn:hover span{color: #FFFFFF;}
    108. 

  108.     .payment-add-btn:hover .icon:before{background-position: -290px -652px;}
    109. 

  109.     .pay-error{width: 1184px;margin: 0 auto;height: 594px;margin-top: 20px;display: none;background: #FFFFFF;}
    110. 

  110.     .pay-error .icon-error{width: 248px;height: 200px;margin: 0 auto;margin-top: 134px;}
    111. 

  111.     .pay-error .icon-error.again{background: url("/img/pay/icon-error--1.png") no-repeat;background-size:contain ;}
    112. 

  112.     .pay-error .icon-error.offline{background: url("/img/pay/icon-error--2.png") no-repeat;background-size:contain ;}
    113. 

  113.     .pay-error .icon-error.fail{background: url("/img/pay/icon-error--3.png") no-repeat;background-size:contain ;}
    114. 

  114.     .pay-error .icon-error.paid{background: url("/img/pay/icon-error-5.png") no-repeat;background-size:contain ;}
    115. 

  115.     .pay-error .error-msg{font-size: 16px;color: #333333;text-align: center;line-height: 22px;margin-top: 10px;}
    116. 

  116.     .pay-error .error-msgnone{font-size: 16px;color: #999999;text-align: center;line-height: 22px;margin-top: 10px;}
    117. 

  117.     .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
    118. 

  118.     .pay-alert-content .pay-alert{width: 340px;height: 208px;background: #FFFFFF;border-radius: 8px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;overflow: hidden;}
    119. 

  119.     .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
    120. 

  120.     .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
    121. 

  121.     .pay-alert-content .pay-alert .content{margin: 20px 0 0 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
    122. 

  122.     .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 14px;color: #333333;font-weight: normal;}
    123. 

  123.     .pay-alert-content .pay-alert .content p{text-align: left;font-size: 12px;color: #666666;font-weight: normal;}
    124. 

  124.     .pay-alert-content .pay-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;margin-top: 15px;}
    125. 

  125.     .pay-alert-content .pay-alert .button a{width: 120px;height: 32px;display: block;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 16px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;margin: 0 auto;}
    126. 

  126.     /*快捷支付获取短信验证码弹窗*/
    127. 

  127.     .pay-alert-content .pay-alert .content-form{ width: 100%;height: 32px; }
    128. 

  128.     .pay-alert-content .pay-alert .content-form .input{ width: 190px;height: 32px;float: left; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 10px;line-height: 30px;font-size: 14px;color: #333333;}
    129. 

  129.     .pay-alert-content .pay-alert .content-form .code-btn{ width: 100px;height: 32px;box-sizing: border-box;display: block;float: left;margin-left: 16px;line-height: 32px;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;}
    130. 

  130.     .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
    131. 

  131.     .pay-alert-content .pay-alert .content-error{ width: 100%;height: 22px;float: left;line-height: 22px;text-align: left;font-size: 12px;color: #FF0000; }
    132. 

  132. 

  133.     /*大额银联转账弹窗*/
    134. 

  134.     .pay-alert-content .pay-big-alert{width: 460px;height: 386px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
    135. 

  135.     .pay-alert-content .pay-big-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #FFFFFF;padding: 0 14px;}
    136. 

  136.     .pay-alert-content .pay-big-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
    137. 

  137.     .pay-alert-content .pay-big-alert .content{margin: 20px 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
    138. 

  138.     .pay-alert-content .pay-big-alert .content p.text{text-align: left;font-size: 12px;color: #FF5B00;font-weight: normal;line-height: 20px;margin-bottom: 10px;}
    139. 

  139.     .pay-alert-content .pay-big-alert .content p{text-align: left;font-size: 14px;color: #4A4F58;font-weight: bold;line-height: 34px;}
    140. 

  140.     .pay-alert-content .pay-big-alert .content p span{font-weight: normal;}
    141. 

  141.     .pay-alert-content .pay-big-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
    142. 

  142.     .pay-alert-content .pay-big-alert .button a{height: 32px;padding: 0 12px;margin-left: 16px;display: block;background: #FF5B00;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;box-sizing: border-box;}
    143. 

  143.     .pay-alert-content .pay-big-alert .button a.btn-close{border: 1px solid #B8BFCA;color: #4A4F58;background-color: #FFFFFF;}
    144. 

  144. 

  145.     .payment-transfer{width: 100%;height: auto;padding: 0 24px;}
    146. 

  146.     .pay-button-main{width: 100%;height: 72px;box-sizing: border-box;padding: 11px 0;background-color: #FFFFFF;float: left;border-bottom: 1px solid #EBEBEB;}
    147. 

  147.     .pay-button-main .pay-button{width: 100%;height: 50px;float: left;}
    148. 

  148.     .pay-button-main .pay-button a{width: 232px;height: 50px;display: block;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 25px;font-size: 14px;line-height: 50px;text-align: center;color: #FFF6D9;float: right;}
    149. 

  149.     .pay-button-main .pay-button a.disabled{background: #EFEFEF;color:#999999;}
    150. 

  150.     .footTop{margin-top: 0;}
    151. 

  151.     .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
    152. 

  152. 

  153.     /*快捷支付弹窗*/
    154. 

  154.     .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
    155. 

  155.     .model-cards-popup .model-content{width:710px;height:480px;padding: 16px 32px; position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:8px;box-sizing:border-box;}
    156. 

  156.     .model-content .title{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
    157. 

  157.     .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
    158. 

  158.     .model-content .title .title-tabs{width: 100%;height: 27px;float: left;}
    159. 

  159.     .model-content .title .title-tabs a{width: 100px;height: 27px;float: left;margin-right: 64px;display: block;font-size: 16px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
    160. 

  160.     .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
    161. 

  161.     .model-content .content{ width:100%;height:300px;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
    162. 

  162.     .model-content .content .list{width: 142px;height: 46px;display: block;margin:0 16px 16px 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
    163. 

  163.     .model-content .content .list img{width: 100%;height: 100%;display: block;}
    164. 

  164.     .model-content .content .list.current{border-color: #FF2A2A;}
    165. 

  165.     .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
    166. 

  166.     .model-content .button{width: 100%;height: 34px;float: left;margin-top: 24px;}
    167. 

  167.     .model-content .button .button-btn{display: block;width: 232px;height: 50px;margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);line-height: 50px;text-align: center;font-size: 14px;color: #FFFFFF;border-radius: 25px;}
    168. 

  168.     .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
    169. 

  169.     .model-content .content .content-labe{width: 100%;height: 38px;line-height: 38px;float: left;font-size: 14px;color: #333333;}
    170. 

  170.     .model-content .content .content-labe.sen{margin-bottom: 10px;}
    171. 

  171.     .model-content .content .content-labe p{float: left;}
    172. 

  172.     .model-content .content .content-labe img{width: 120px;height: 38px;display: block;margin: 0 10px 0 10px;float: left;border-radius: 2px;}
    173. 

  173.     .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:10px 11px;}
    174. 

  174.     .model-content .content .content-labe .form-type .form-radio {height: 18px;margin-right: 40px;line-height: 18px;box-sizing: border-box;float: left;cursor: pointer;}
    175. 

  175.     .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 16px;line-height: 18px;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
    176. 

  176.     .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 18px;height: 18px;position: relative;overflow: hidden;float: left;}
    177. 

  177.     .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
    178. 

  178.     .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -277px -596px; }
    179. 

  179.     .model-content .content .content-labe .form-type .form-radio .icon:before{position: absolute;left: 0;bottom: 0;width:18px ;height:18px;background-position: -311px -596px;}
    180. 

  180.     .model-content .content .content-labe .form-label{width:  92px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
    181. 

  181.     .model-content .content .content-label{width: 100%;height:32px;float: left;line-height: 32px;text-align: left;font-size: 14px;color: #1890F9;box-sizing: border-box;}
    182. 

  182.     .model-content .content .content-form{width: 100%;height: 32px;float: left;margin-bottom: 10px;}
    183. 

  183.     .model-content .content .content-form.none{margin-bottom: 0;}
    184. 

  184.     .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
    185. 

  185.     .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
    186. 

  186.     .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
    187. 

  187.     .model-content .content .content-form .form-label{width: 70px;height: 32px;float: left;line-height: 32px;text-align: right;font-size: 14px;color: #666666;}
    188. 

  188.     .model-content .content .content-form .form-label.sen{width: 92px;}
    189. 

  189.     .model-content .content .content-form .form-label span{color: #F94B4B;}
    190. 

  190.     .model-content .content .content-form .form-input{width: 500px;height: 32px;float: left;margin-left:10px;color: #F94B4B;box-sizing: border-box;padding: 0 13px;border:1px solid #B8BFCA;border-radius: 2px;}
    191. 

  191.     .model-content .content .content-form .form-input input{width: 100%;height:30px;float: left;line-height: 30px;font-size: 14px;color: #333333;border: none;font-style: normal;}
    192. 

  192.     .model-content .content .content-form .form-input.code{ width: 350px; }
    193. 

  193.     .model-content .content .content-form .form-btn{width: 140px;height: 32px;float: left;margin-left: 20px;}
    194. 

  194.     .model-content .content .content-form .form-btn a{display: block;width: 130px;height: 32px;box-sizing: border-box;background: #FF5B00;line-height: 32px;text-align: center;font-size: 14px;color: #FFFFFF;border-radius: 2px;}
    195. 

  195.     .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
    196. 

  196.     .model-content .content .content-form .form-text{ line-height: 32px; font-size: 14px;color: #333333; }
    197. 

  197. }
    198. 

  198. 

  199. 

  200. /**
    201. 

  201. * 移动端
    202. 

  202. */
    203. 

  203. @media screen and (max-width:768px){
    204. 

  204.     footer{display:none}
    205. 

  205.     body{background: #ffffff;}
    206. 

  206.     .head-wrap{width: 100%;height: 16vw;border: 1px solid #EBEBEB;box-sizing: border-box;padding: 2.4vw 0;background: #FFFFFF;}
    207. 

  207.     .head-wrap .inner{width: 55vw;height: 11.2vw;margin: 0 auto;}
    208. 

  208.     .head-wrap .logo{width:33.8vw;height: 11.2vw;float: left;}
    209. 

  209.     .head-wrap .logo a{width:100%;height: 100%;display: block;}
    210. 

  210.     .head-wrap .logo a img{width:100%;height: 100%;display: block;}
    211. 

  211.     .head-wrap .text{height: 11.2vw;float: left;margin-left: 10px;line-height:11.2vw;font-size: 6vw;color: #333333;}
    212. 

  212.     .pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center}
    213. 

  213.     .pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-right:6.4vw}
    214. 

  214.     .pageTitle .step span:before{font-style:normal;font-size:5.2vw;vertical-align:text-top;margin-right:1vw}
    215. 

  215.     .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
    216. 

  216.     .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
    217. 

  217.     .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
    218. 

  218.     .pageTitle .step span:after{position:absolute;right:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
    219. 

  219.     .pageTitle .step span:nth-of-type(3){padding-right:0}
    220. 

  220.     .pageTitle .step span:nth-of-type(3):after{display:none}
    221. 

  221.     .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
    222. 

  222.     .pageTitle .step span.prev:after{border-color:#FF5B00;}
    223. 

  223.     .pageTitle h1,h2.title{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw}
    224. 

  224.     .pageTitle h1 span{font-size:3.1vw;font-weight:normal;color:#627386;margin-left:2vw}
    225. 

  225.     .pay-title,.pay-ment,.pay-method{width:100%;box-sizing:border-box;padding:3.2vw;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;line-height:7vw}
    226. 

  226.     .pay-method .method-title span{font-size: 3.4vw;line-height: 7vw;color: #FF5B00;text-align: left;}
    227. 

  227.     .pay-title p span{color:#22272e}
    228. 

  228.     .pay-title .title-money.big{font-size:4.6vw;color:#22272e}
    229. 

  229.     .pay-title .title-money.big span{color:#FF2A2A;font-weight:bold;line-height:10vw}
    230. 

  230.     .pay-title .pay-input{white-space:nowrap}
    231. 

  231.     .pay-title .pay-input p{display:inline-block}
    232. 

  232.     .pay-title .pay-input input{outline:none;box-sizing:border-box;width:100%;height:7vw;line-height:5vw;padding:1vw 0;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:1vw;border:solid 1px #b8bfca}
    233. 

  233.     .pay-svip{padding-top:4vw;background:#fff}
    234. 

  234.     .pay-svip .pay-svip-title{padding:0 0 2.7vw 3.3vw;font-size:3.7vw;font-weight:400;color:#2D3036}
    235. 

  235.     .pay-svip .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:20.6vw;padding-left:17vw;padding-right:3.2vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/h5-cm-svip-bg-03.png) no-repeat center;background-size:100vw 20.6vw}
    236. 

  236.     .pay-svip .pay-svip-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    237. 

  237.     .pay-svip .pay-svip-detail .tit{font-size:2.6vw;font-weight:400;color:#4E4539;padding-bottom:0.4vw}
    238. 

  238.     .pay-svip .pay-svip-detail .pay-amount{margin-left:1.7vw;font-size:5.6vw;font-weight:bold;color:#4E4539}
    239. 

  239.     .pay-svip .pay-svip-detail .pay-amount > span{font-size:2.4vw;vertical-align:0}
    240. 

  240.     .pay-svip .svip-indent{padding-top:8vw;font-size:2.8vw;font-weight:bold;color:#4E4539}
    241. 

  241.     .record-title,.method-title{font-size:3.7vw;color:#22272e;line-height:8vw}
    242. 

  242.     .payment{border-top:none;padding:2.6vw 0;}
    243. 

  243.     .record-li{margin-top:3vw}
    244. 

  244. 

  245.     .pay-coupontitle{line-height: 72px;font-size: 24px;width: 100%;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
    246. 

  246.     .pay-coupon{width: 100%;height: 118px;box-sizing: border-box;padding: 16px;background: #FFFFFF;}
    247. 

  247.     .pay-coupon .pay-coupon-title{width: 100%;line-height: 24px;font-size: 18px;color: #333333;margin-bottom: 16px;}
    248. 

  248.     .pay-coupon .pay-coupon-title span{color: #FF5B00;}
    249. 

  249.     .pay-coupon .pay-coupon-content{font-size: 24px;color: #333333;line-height: 32px;}
    250. 

  250.     .pay-coupon .pay-coupon-content span{color: #F94B4B;font-weight: bold;}
    251. 

  251.     .pay-ment{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 7px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;overflow: hidden;}
    252. 

  252.     .pay-ment .pay-record{width: 100%;height: auto;float: left;background: #FFFFFF;padding: 10px 0;box-sizing:border-box;}
    253. 

  253.     .pay-ment .pay-record .record-title{width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;box-sizing:border-box;}
    254. 

  254.     .pay-ment .pay-record .record-content{width: 1160px;height: auto;padding: 8px 540px 8px 10px;margin: 0 auto;background: #FFF;border-radius: 5px;box-sizing:border-box;}
    255. 

  255.     .pay-ment .pay-record .record-content .record-li{width: 100%;height: 30px;float: left;}
    256. 

  256.     .pay-ment .pay-record .record-content .record-li.none{font-size: 14px;color: #627386;text-align: left;line-height: 30px;}
    257. 

  257.     .pay-ment .pay-record .record-content .record-li .record-tb{width: 33.33%;height: 30px;float: left;font-size: 14px;color: #333333;text-align: left;line-height: 30px;}
    258. 

  258.     .pay-ment .pay-record .record-content .record-li .record-tb:last-child{text-align: right;color: #999999;}
    259. 

  259.     .pay-method{width: 100%;height: auto;float: left;background: #FFFFFF;margin-top: 20px;border-radius: 8px;overflow: hidden;}
    260. 

  260.     .pay-method .method-title{box-sizing:border-box;width: 100%;padding: 0 20px;background: #FFFFFF;line-height: 44px;font-size: 16px;color: #333333;text-align: left;}
    261. 

  261.     .pay-method .method-title span{font-size: 14px;line-height: 30px;color: #FF5B00;text-align: left;padding-left: 20px;}
    262. 

  262.     .pay-method .method-content{width: 100%;height: auto;padding: 0 0 20px 0;float: left;}
    263. 

  263.     .pay-method .method-content .payment{width: 100%;height: auto;}
    264. 

  264.     .payment-check-bank{width: 100%;height: auto;box-sizing: border-box;float: left;}
    265. 

  265.     .payment-check-bank .check-bank-cell{width: 100%;height: 11.7vw;box-sizing: border-box;border: 1px solid #D4D9E1;display: block;float: left;margin-bottom: 2.4vw;padding: 2.4vw; }
    266. 

  266.     .payment-check-bank .check-bank-cell .cell-icon{ width: 4vw;height: 100%;float: left;box-sizing: border-box;}
    267. 

  267.     .payment-check-bank .check-bank-cell .cell-icon .icon{ width:4vw;height:4vw; }
    268. 

  268.     .payment-check-bank .check-bank-cell .cell-icon .icon:before{width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
    269. 

  269.     .payment-check-bank .check-bank-cell.current .icon:before{ background-position: -10.1vw -93.7vw;}
    270. 

  270.     .payment-check-bank .check-bank-cell .cell-main{ float: left;height: 100%;margin-left: 4vw; }
    271. 

  271.     .payment-check-bank .check-bank-cell .cell-main .logo{ width: 6.4vw;height: 6.4vw;float: left;margin-right: 2vw; }
    272. 

  272.     .payment-check-bank .check-bank-cell .cell-main .logo img{ width: 6.4vw;height: 6.4vw;display: block; }
    273. 

  273.     .payment-check-bank .check-bank-cell .cell-main .name{ line-height: 6.4vw;font-size: 3.4vw;color: #333333;float: left; }
    274. 

  274.     .payment-check-bank .check-bank-cell.current{ border-color: #FF5B00; }
    275. 

  275.     .payment-add{width: 100%;height: 11.7vw;box-sizing: border-box;float: left;margin-top: 4vw;}
    276. 

  276.     .payment-add-btn{width: 45.6vw;height: 11.7vw;margin: 0 auto; box-sizing: border-box;cursor: pointer; border-radius:2vw;margin: 0 auto; border: 1px solid #B8BFCA;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    277. 

  277.     .payment-add-btn .icon{width:6.4vw;height:6.4vw;display: inline-block;float: left;margin-right: 10px;}
    278. 

  278.     .payment-add-btn .icon:before{width:6.4vw ;height:6.4vw;background-position: -33.5vw -70vw;}
    279. 

  279.     .payment-add-btn span{display: inline-block;line-height: 4vw;font-size: 3.4vw;color: #333;}
    280. 

  280.     .pay-bank{width: 100%;float: left;height: auto;}
    281. 

  281.     .pay-bank .bank-list{width: 100%;height:auto;text-align:center;margin-bottom:2vw;background: #F7F7F7;}
    282. 

  282.     .pay-bank .bank-list .bank-a,.pay-bank .bank-list .bank-b{display:block;border:1px solid #FFFFFF;position:relative;border-radius:2px}
    283. 

  283.     .pay-bank .bank-list .bank-a:before,.pay-bank .bank-list .bank-b:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw}
    284. 

  284.     .pay-bank .bank-list .bank-a.active,.pay-bank .bank-list .bank-b.active{border:1px solid #FF5B00}
    285. 

  285.     .pay-bank .bank-list .bank-a.active:before,.pay-bank .bank-list .bank-b.active:before{display:block}
    286. 

  286.     .pay-bank .bank-list .bank-a{width:100%;height:11.7vw;background:#f7f7f7;text-align:left;margin-bottom:2.6vw;float: left;border-radius: 2vw;overflow: hidden;}
    287. 

  287.     .pay-bank .bank-list .bank-a img{height:100%}
    288. 

  288.     .pay-bank .bank-list .bank-b{box-sizing:border-box;width:28vw;height:9.7vw;margin:0 1vw 1vw 0;overflow:hidden}
    289. 

  289.     .pay-bank .bank-list .bank-b img{height:100%;width:100%}
    290. 

  290.     .pay-link{width: 100%;float: left;height: auto;margin-top: 3vw;}
    291. 

  291.     .pay-link p{font-size:3.1vw;color:#FF5B00;text-align: center;}
    292. 

  292.     .pay-link a{display: block;width: 45.6vw;height: 11.2vw;line-height: 11.2vw;font-size: 3.7vw;text-align: center;border-radius: 5.6vw;border: 1px solid #FF5B00;margin: 0 auto 2.6vw auto;color: #FFF;background: #FF5B00;}
    293. 

  293.     .payment-transfer,.payment-title{color:#22272e}
    294. 

  294.     .payment-transfer .label>p{font-size:3.4vw;color:#22272e;line-height:5vw;padding:1.6vw 0}
    295. 

  295.     .payment-transfer .label .label-title{font-size:3.1vw;color:#FF5B00}
    296. 

  296.     .payment-transfer .label .label-t{color:#627386}
    297. 

  297.     .payment-transfer .label .label-c{color:#1890f9;font-size:3.1vw}
    298. 

  298.     .payment-transfer .label>p .red{color:#FF5B00}
    299. 

  299.     .payment-transfer .copy{display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%);border-radius:2px;color:#FFF;margin-left:2vw}
    300. 

  300.     .pay-button a{display:block;width:93.4vw;height:12vw;line-height:12vw;font-size:3.7vw;text-align:center;border-radius:3vw;border:1px solid #FF5B00;margin:0 auto 2.6vw auto;color:#FFF;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);}
    301. 

  301.     .jconfirm .jconfirm-box div.jconfirm-closeIcon{display: none !important;}
    302. 

  302.     /*  快捷支付弹窗  */
    303. 

  303.     .model-cards-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
    304. 

  304.     .model-cards-popup .model-content{width:100%;height:150vw;padding: 3.2vw 6vw; position:absolute;left:0;bottom:0;background-color:#FFFFFF;border-radius:4vw 4vw 0 0;box-sizing:border-box}
    305. 

  305.     .model-content .title{width: 100%;height: 8vw;box-sizing: border-box;float: left;position: relative;margin-bottom: 6vw;}
    306. 

  306.     .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:0;top: 0;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
    307. 

  307.     .model-content .title .title-tabs{width: 100%;height: 8vw;float: left;box-sizing: border-box;}
    308. 

  308.     .model-content .title .title-tabs a{width: 100px;height: 8vw;float: left;display: block;font-size: 3.4vw;line-height: 7.8vw;text-align: center;box-sizing: border-box;border-bottom: 3px solid #FFFFFF;color: #333333;}
    309. 

  309.     .model-content .title .title-tabs a.current{ font-weight: bold;border-color: #FF5B00;}
    310. 

  310.     .model-content .content{ width:100%;height:110vw;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto }
    311. 

  311.     .model-content .content .list{width: 25.2vw;height: 8vw;display: block;margin:0 3.5vw 3vw 0;float: left;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
    312. 

  312.     .model-content .content .list img{width: 100%;height: 100%;display: block;}
    313. 

  313.     .model-content .content .list.current{border-color: #FF2A2A;}
    314. 

  314.     .model-content .content .list.current:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
    315. 

  315.     .model-content .button{width: 100%;height: 11vw;float: left;margin-top: 4.8vw;}
    316. 

  316.     .model-content .button .button-btn{display: block;width: 60vw;height: 11vw;border-radius: 3vw; margin: 0 auto;box-sizing: border-box;border: 1px solid #FF5B00;background: #FF5B00;line-height: 11vw;text-align: center;font-size: 14px;color: #FFFFFF;}
    317. 

  317.     .model-content .button .button-btn.disabled{border: 1px solid #B8BFCA;background: #B8BFCA;color: #FFFFFF;}
    318. 

  318.     .model-content .content .content-labe{width: 100%;height: 8vw;line-height: 8vw;float: left;font-size: 3.4vw;color: #333333;font-weight: bold;}
    319. 

  319.     .model-content .content .content-labe.sen{margin-top: 3vw;}
    320. 

  320.     .model-content .content .content-labe p{float: left;}
    321. 

  321.     .model-content .content .content-labe img{width: 25.2vw;height: 8vw;display: block;margin-left: 4vw;float: left;border-radius: 2px;}
    322. 

  322.     .model-content .content .content-labe .form-type{float: left; height:100%; box-sizing: border-box;padding:2vw 0;margin-left: 3vw;}
    323. 

  323.     .model-content .content .content-labe .form-type .form-radio {height:4vw;margin-right: 2vw;line-height: 4vw;box-sizing: border-box;float: left;cursor: pointer;}
    324. 

  324.     .model-content .content .content-labe .form-type .form-radio input{box-sizing: border-box;width: 100%;height: 4vw;line-height: 4vw;text-indent: 1.2em;background-color: #FFF;border: 1px solid #b8bfca;border-radius: 2px;display: none;}
    325. 

  325.     .model-content .content .content-labe .form-type .form-radio .icon{display: block;font-style: normal;cursor: pointer;width: 4vw;height: 4vw;position: relative;overflow: hidden;float: left;}
    326. 

  326.     .model-content .content .content-labe .form-type .form-radio span{font-size: 14px;color: #666666;font-weight: normal;margin-left: 5px;}
    327. 

  327.     .model-content .content .content-labe .form-type .form-radio input:checked + i:before{ background-position: -10.1vw -93.7vw; }
    328. 

  328.     .model-content .content .content-labe .form-type .form-radio .mIcon:before{position: absolute;left: 0;bottom: 0;width:4vw ;height:4vw;background-position: -18.2vw -93.7vw;}
    329. 

  329.     .model-content .content .content-labe .form-label{float: left;}
    330. 

  330.     .model-content .content .content-label{width: 100%;height:6vw;float: left;line-height: 6vw;text-align: left;font-size: 3.4vw;color: #1890F9;box-sizing: border-box;}
    331. 

  331.     .model-content .content .content-form{width: 100%;height: auto;float: left;margin-bottom: 2vw;}
    332. 

  332.     .model-content .content .content-form.none{margin-bottom: 0;}
    333. 

  333.     .model-content .content .content-tabs{width: 100%;height: 27px;box-sizing: border-box;float: left;position: relative;margin-bottom: 24px;}
    334. 

  334.     .model-content .content .content-tabs a{width: 60px;height: 27px;float: left;margin-right: 24px;display: block;font-size: 13px;line-height: 24px;text-align: center;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;color: #333333;}
    335. 

  335.     .model-content .content .content-tabs a.current{ border-color: #FF5B00;}
    336. 

  336.     .model-content .content .content-form .form-label{width: 100%;height: 10vw;float: left;line-height: 10vw;text-align: left;font-size: 3.4vw;color: #666666;font-weight: bold;}
    337. 

  337.     .model-content .content .content-form .form-label.card{width: auto;}
    338. 

  338.     .model-content .content .content-form .form-label span{color: #F94B4B;}
    339. 

  339.     .model-content .content .content-form .form-input{width: 100%;height: 12vw;float: left;color: #F94B4B;box-sizing: border-box;padding: 1vw 3vw;border:1px solid #B8BFCA;border-radius: 3vw;}
    340. 

  340.     .model-content .content .content-form .form-input input{width: 100%;height:100%;float: left;line-height: 12vw;font-size: 3.4vw;color: #333333;border: none;font-style: normal;}
    341. 

  341.     .model-content .content .content-form .form-input.code{ width: 54.8vw; }
    342. 

  342.     .model-content .content .content-form .form-btn{width: 26vw;height: 10vw;float: left;margin-left: 20px;}
    343. 

  343.     .model-content .content .content-form .form-btn a{display: block;width: 100%;height: 10vw;box-sizing: border-box;background: #FF5B00;line-height: 10vw;text-align: center;font-size: 3.4vw;color: #FFFFFF;}
    344. 

  344.     .model-content .content .content-form .form-btn a.disabled{background: #B8BFCA;color: #FFFFFF;}
    345. 

  345.     .model-content .content .content-form .form-text{ line-height:10vw; font-size: 3.4vw;color: #333333;float: left; }
    346. 

  346.     /* 快捷支付短信弹窗 */
    347. 

  347.     .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
    348. 

  348.     .pay-alert-content .pay-alert{width: 100%;height: 100vw;background: #FFFFFF;position: fixed;left: 0;bottom: 0;z-index: 9998;}
    349. 

  349.     .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
    350. 

  350.     .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-315px 0 no-repeat;cursor: pointer;}
    351. 

  351.     .pay-alert-content .pay-alert .content{margin: 4vw 0;width: 100%;height: auto;float: left;padding: 0 6vw;box-sizing: border-box;}
    352. 

  352.     .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 3.4vw;color: #333333;font-weight: normal;line-height: 6vw;}
    353. 

  353.     .pay-alert-content .pay-alert .content p{text-align: left;font-size: 3.2vw;color: #666666;font-weight: normal;}
    354. 

  354.     .pay-alert-content .pay-alert .button{width: 100%;height: 11vw;float: left;box-sizing: border-box;margin-top: 20vw;}
    355. 

  355.     .pay-alert-content .pay-alert .button a{width: 60vw;height: 11vw;display: block;background: #FF5B00;font-size: 3.4vw;text-align: center;line-height: 11vw;color: #FFFFFF;margin: 0 auto;border-radius: 5.5vw;}
    356. 

  356.     /*快捷支付获取短信验证码弹窗*/
    357. 

  357.     .pay-alert-content .pay-alert .content-form{ width: 100%;height: 10vw;margin-top: 4vw; }
    358. 

  358.     .pay-alert-content .pay-alert .content-form .input{ width: 54.6vw;height: 10vw; box-sizing: border-box;border: 1px solid #B8BFCA;border-radius: 2px;padding: 0 2vw;line-height: 10vw;font-size: 14px;color: #333333;float: left;}
    359. 

  359.     .pay-alert-content .pay-alert .content-form .code-btn{ width: 27.4vw;height: 10vw;box-sizing: border-box;display: block;float: left;margin-left:4vw;line-height: 10vw;font-size: 14px;color: #FF5B00;text-align: center; border: 1px solid #FF5B00;float: left;}
    360. 

  360.     .pay-alert-content .pay-alert .content-form .code-btn.disabled{ border-color: #9AA5B5;color: #9AA5B5; }
    361. 

  361.     .pay-alert-content .pay-alert .content-error{ width: 100%;height: 6vw;float: left;line-height: 6vw;;text-align: left;font-size: 3.2vw;color: #FF0000; }
    362. 

  362. 

  363. }
    364.