dlstatic / static-pay · Commits

Commit 53211c823e17d3e6b3263d42a5107ef3ee092c2b

Authored by dlstatic
0 parents
build: skipped

Init commit.

Inline Side-by-side
Showing 20 changed files with 4759 additions and 0 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 20 of 207 files are displayed.

.gitignore 0 โ†’ 100644
  View file @53211c8
  1 +++ a/.gitignore
  1 +node_modules
  2 +*.swp
  3 +*.swp~
  4 +npm-debug.log
  5 +*.codekit
.idea/watcherTasks.xml 0 โ†’ 100644
  View file @53211c8
  1 +++ a/.idea/watcherTasks.xml
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<project version="4">
  3 + <component name="ProjectTasksOptions">
  4 + <TaskOptions isEnabled="true">
  5 + <option name="arguments" value="--no-color $FileName$" />
  6 + <option name="checkSyntaxErrors" value="true" />
  7 + <option name="description" value="Compiles .less files into .css files" />
  8 + <option name="exitCodeBehavior" value="ERROR" />
  9 + <option name="fileExtension" value="less" />
  10 + <option name="immediateSync" value="true" />
  11 + <option name="name" value="Less" />
  12 + <option name="output" value="$FileNameWithoutExtension$.css" />
  13 + <option name="outputFilters">
  14 + <array>
  15 + <FilterInfo>
  16 + <option name="description" value="lessc error format" />
  17 + <option name="name" value="lessc" />
  18 + <option name="regExp" value="$MESSAGE$$FILE_PATH$?:$LINE$:$COLUMN$" />
  19 + </FilterInfo>
  20 + </array>
  21 + </option>
  22 + <option name="outputFromStdout" value="true" />
  23 + <option name="passParentEnvs" value="true" />
  24 + <option name="program" value="/usr/local/bin/lessc" />
  25 + <option name="scopeName" value="Project Files" />
  26 + <option name="trackOnlyRoot" value="false" />
  27 + <option name="workingDir" value="$FileDir$" />
  28 + <envs />
  29 + </TaskOptions>
  30 + </component>
  31 +</project>
0 \ No newline at end of file 32 \ No newline at end of file
Gruntfile.js 0 โ†’ 100644
  View file @53211c8
  1 +++ a/Gruntfile.js
  1 +'use strict';
  2 +
  3 +module.exports = function (grunt) {
  4 + grunt.initConfig({
  5 + pkg: grunt.file.readJSON('package.json'),
  6 + less: {
  7 + dist: {
  8 + files:
  9 + [
  10 + {
  11 + expand: true,
  12 + cwd: 'css',
  13 + src: ['**/*.less'],
  14 + dest: 'css',
  15 + ext: '.css'
  16 + }
  17 + ]
  18 + }
  19 + },
  20 + sprite:{
  21 + all: {
  22 + // ๅพ…ๅˆๅนถ็š„ๆ–‡ไปถ
  23 + src : 'images/src/*.png',
  24 + // ๅˆๅนถๅŽ่พ“ๅ‡บ็š„ๆ–‡ไปถ
  25 + dest : 'images/sprite.png',
  26 + // ่พ“ๅ‡บๅฏนๅบ”้›ช็ขงๅ›พ็š„ๆ ทๅผ
  27 + destCss : 'css/sprite.less',
  28 + // ๅฏ้€‰: ๆ‰‹ๅŠจๆŒ‡ๅฎšๆ ทๅผ้‡Œๅผ•็”จๅ›พ็‰‡็š„่ทฏๅพ„
  29 + imgPath : '../images/sprite.png',
  30 + cssVarMap: function(sprite) {
  31 + sprite.name = sprite.name.replace(/^\s{1}/, ''); //ๅŽป้™คๆ–‡ไปถๅๅ‰็ฉบ็™ฝ
  32 + sprite.name = sprite.name;
  33 + },
  34 + padding: 6,
  35 + // ๅฏ้€‰: ๆŒ‡ๅฎš็ฎ—ๆณ• (top-down, left-right, diagonal,alt-diagonal, binary-tree )็ญ‰
  36 + // ้ป˜่ฎคๆ˜ฏtop-down,ไบŒๅ‰ๆ ‘ๅˆๅนถๅ‡บๆฅ็š„ๅ›พไฝ“็งฏๆœ€ๅฐ
  37 + algorithm : 'binary-tree',
  38 + // ๅฏ้€‰: ๆŒ‡ๅฎšCSSๆ ผๅผ (้ป˜่ฎคๆ นๆฎdestCSSไธญ็š„ๅŽ็ผ€่ฎพ็ฝฎๆ ผๅผ)
  39 + // (stylus, scss, scss_maps, sass, less, json, json_array, css)
  40 + cssFormat : 'less'
  41 + }
  42 + },
  43 + watch: {
  44 + options: {
  45 + nospawn: true
  46 + },
  47 + css: {
  48 + files: [
  49 + 'css/**/*.less',
  50 + ],
  51 + tasks: ['less'],
  52 + options: {
  53 + livereload: true
  54 + }
  55 + }
  56 + }
  57 + });
  58 +
  59 + grunt.loadNpmTasks( "grunt-contrib-less" );
  60 + grunt.loadNpmTasks( "grunt-contrib-watch" );
  61 + grunt.loadNpmTasks('grunt-spritesmith');
  62 +
  63 + grunt.registerTask('default', [
  64 + 'sprite'
  65 + ]);
  66 +};
  67 +
README.md 0 โ†’ 100644
  View file @53211c8
  1 +++ a/README.md
  1 +# Hi, here is dilipayment static!
  2 +Everyone can get this source from git3.diligrp.com,
  3 +Unless you are not a member at git3.
css/account.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/account.css
  1 +.bank-logo {
  2 + background-image: url(../images/dest/bank_logo.png);
  3 + display: block;
  4 + width: 125px;
  5 + height: 28px;
  6 + overflow: hidden;
  7 + text-indent: -9999px;
  8 +}
  9 +.mr10 {
  10 + margin-right: 10px;
  11 +}
  12 +.bank-bjrcb {
  13 + background-position: 0 0;
  14 +}
  15 +.bank-bob,
  16 +.bank-bjb {
  17 + background-position: 0 -28px;
  18 +}
  19 +.bank-cbhb {
  20 + background-position: 0 -56px;
  21 +}
  22 +.bank-bocd {
  23 + background-position: 0 -84px;
  24 +}
  25 +.bank-fudian {
  26 + background-position: 0 -112px;
  27 +}
  28 +.bank-icbc {
  29 + background-position: 0 -140px;
  30 +}
  31 +.bank-ceb {
  32 + background-position: 0 -168px;
  33 +}
  34 +.bank-gdb {
  35 + background-position: 0 -196px;
  36 +}
  37 +.bank-hkb {
  38 + background-position: 0 -224px;
  39 +}
  40 +.bank-hzb,
  41 +.bank-hzcb {
  42 + background-position: 0 -252px;
  43 +}
  44 +.bank-hengfeng {
  45 + background-position: 0 -280px;
  46 +}
  47 +.bank-hxb {
  48 + background-position: 0 -308px;
  49 +}
  50 +.bank-ccb {
  51 + background-position: 0 -336px;
  52 +}
  53 +.bank-jsb {
  54 + background-position: 0 -364px;
  55 +}
  56 +.bank-bcomm,
  57 +.bank-comm {
  58 + background-position: 0 -392px;
  59 +}
  60 +.bank-jinghua {
  61 + background-position: 0 -420px;
  62 +}
  63 +.bank-cmbc {
  64 + background-position: 0 -448px;
  65 +}
  66 +.bank-njcb {
  67 + background-position: 0 -476px;
  68 +}
  69 +.bank-nbcb {
  70 + background-position: 0 -504px;
  71 +}
  72 +.bank-abc {
  73 + background-position: 0 -532px;
  74 +}
  75 +.bank-pab,
  76 +.bank-spab {
  77 + background-position: 0 -560px;
  78 +}
  79 +.bank-spdb {
  80 + background-position: 0 -588px;
  81 +}
  82 +.bank-qdccb {
  83 + background-position: 0 -616px;
  84 +}
  85 +.bank-srcb {
  86 + background-position: 0 -644px;
  87 +}
  88 +.bank-shb {
  89 + background-position: 0 -672px;
  90 +}
  91 +.bank-sdb {
  92 + background-position: 0 -700px;
  93 +}
  94 +.bank-wzcb {
  95 + background-position: 0 -728px;
  96 +}
  97 +.bank-cib {
  98 + background-position: 0 -756px;
  99 +}
  100 +.bank-cmb {
  101 + background-position: 0 -784px;
  102 +}
  103 +.bank-zjtl {
  104 + background-position: 0 -812px;
  105 +}
  106 +.bank-boc {
  107 + background-position: 0 -840px;
  108 +}
  109 +.bank-post,
  110 +.bank-psbc {
  111 + background-position: 0 -868px;
  112 +}
  113 +.bank-citic {
  114 + background-position: 0 -896px;
  115 +}
  116 +.bank-cqrcb {
  117 + background-position: 0 -924px;
  118 +}
  119 +.bank-cqcb {
  120 + background-position: 0 -952px;
  121 +}
  122 +.bank-gzrcc {
  123 + background-position: 0 -980px;
  124 +}
  125 +.bank-gzcb {
  126 + background-position: 0 -1008px;
  127 +}
  128 +.bank-hsb {
  129 + background-position: 0 -1036px;
  130 +}
  131 +.bank-czb {
  132 + background-position: 0 -1064px;
  133 +}
  134 +.bank-bonc {
  135 + background-position: 0 -1092px;
  136 +}
  137 +.bank-gdnyb {
  138 + background-position: 0 -1120px;
  139 +}
  140 +.bank-chab {
  141 + background-position: 0 -1148px;
  142 +}
  143 +.bank-dylszc {
  144 + background-position: 0 -1177px;
  145 +}
  146 +.bank-dzb {
  147 + background-position: 0 -1205px;
  148 +}
  149 +.bank-lwb {
  150 + background-position: 0 -1233px;
  151 +}
  152 +.bank-qsb {
  153 + background-position: 0 -1260px;
  154 +}
  155 +.bank-rzb {
  156 + background-position: 0 -1289px;
  157 +}
  158 +.bank-tab {
  159 + background-position: 0 -1317px;
  160 +}
  161 +.bank-lsb {
  162 + background-position: 0 -1345px;
  163 +}
  164 +.bank-wfccb {
  165 + background-position: 0 -1373px;
  166 +}
  167 +.bank-ordox {
  168 + background-position: 0 -1401px;
  169 +}
  170 +.bank-boxm {
  171 + background-position: 0 -1430px;
  172 +}
  173 +.bank-sjbank {
  174 + background-position: 0 -1568px;
  175 +}
  176 +.pay-chinabank {
  177 + background-position: 0 -5px;
  178 +}
  179 +.pay-weixin {
  180 + background-position: 0 -42px;
  181 +}
  182 +.pay-99bill {
  183 + background-position: 0 -82px;
  184 +}
  185 +.pay-unionpay {
  186 + background-position: 0 -120px;
  187 +}
  188 +.pay-cmpay {
  189 + background-position: 0 -158px;
  190 +}
  191 +.pay-kara {
  192 + background-position: 0 -244px;
  193 +}
  194 +.pay-tenpay {
  195 + background-position: 0 -473px;
  196 +}
  197 +.AccountPage h2 {
  198 + line-height: 50px;
  199 + border-bottom: 4px solid #5eba2c;
  200 +}
  201 +.AccountPage .account {
  202 + background-color: #FFF;
  203 + border-bottom: 2px solid #d8d9de;
  204 +}
  205 +.AccountPage .account .balance {
  206 + padding: 24px 35px;
  207 + -webkit-box-sizing: border-box;
  208 + -moz-box-sizing: border-box;
  209 + box-sizing: border-box;
  210 +}
  211 +.AccountPage .account .balance p {
  212 + line-height: 28px;
  213 +}
  214 +.AccountPage .account .balance strong {
  215 + display: inline-block;
  216 + width: 90px;
  217 + font-size: 14px;
  218 + font-family: Helvetica, "ๅŽๆ–‡็ป†้ป‘", "Microsoft YaHei", "ๅพฎ่ฝฏ้›…้ป‘", Tahoma, STXihei;
  219 +}
  220 +.AccountPage .account .balance em {
  221 + display: inline-block;
  222 + min-width: 60px;
  223 + font-size: 16px;
  224 + font-weight: 700;
  225 + padding: 0 15px;
  226 + text-align: left;
  227 + font-family: Helvetica, "ๅŽๆ–‡็ป†้ป‘", "Microsoft YaHei", "ๅพฎ่ฝฏ้›…้ป‘", Tahoma, STXihei;
  228 +}
  229 +.AccountPage .account .balance em i {
  230 + font-style: normal;
  231 + font-size: 13px;
  232 +}
  233 +.AccountPage .account .balance .unit {
  234 + margin-right: 40px;
  235 +}
  236 +.AccountPage .account .balance .m-btn {
  237 + margin-right: 15px;
  238 +}
  239 +.AccountPage .account .balance span[data-tips]:hover .tips {
  240 + display: block;
  241 +}
  242 +.AccountPage .account .balance span[data-tips] .tips {
  243 + display: none;
  244 + max-width: 200px;
  245 + padding: 10px;
  246 + font-size: 12px;
  247 + border: 1px solid #ddd;
  248 + position: absolute;
  249 + background-color: #FFF;
  250 +}
  251 +.AccountPage .account .balance span[data-tips] .tips:before,
  252 +.AccountPage .account .balance span[data-tips] .tips:after {
  253 + content: '';
  254 + top: 6px;
  255 + left: -10px;
  256 + position: absolute;
  257 + height: 0;
  258 + width: 0;
  259 + overflow: hidden;
  260 + border: 5px solid #ddd;
  261 + border-color: transparent #ddd transparent transparent;
  262 +}
  263 +.AccountPage .account .balance span[data-tips] .tips:after {
  264 + top: 7px;
  265 + left: -8px;
  266 + border: 4px solid #FFF;
  267 + border-color: transparent #FFF transparent transparent;
  268 +}
  269 +.AccountPage .profile {
  270 + margin: 0 25px;
  271 +}
  272 +.AccountPage .profile .summary {
  273 + border-top: 1px dashed #ccc;
  274 + padding: 24px 0;
  275 +}
  276 +.AccountPage .profile .summary li {
  277 + width: 50%;
  278 + float: left;
  279 + font-size: 14px;
  280 + color: #333;
  281 + text-align: left;
  282 + line-height: 40px;
  283 +}
  284 +.AccountPage .profile .summary .key {
  285 + display: inline-block;
  286 + min-width: 80px;
  287 +}
  288 +.AccountPage .profile .summary .value {
  289 + display: inline-block;
  290 + min-width: 115px;
  291 + margin-right: 25px;
  292 +}
  293 +.AccountPage .bank {
  294 + background-color: #FFF;
  295 + padding: 30px 0 30px 8px;
  296 +}
  297 +.AccountPage .bank li {
  298 + width: 275px;
  299 + height: 100px;
  300 + border: 1px solid #e6e6e6;
  301 + float: left;
  302 + margin-left: 15px;
  303 + position: relative;
  304 + cursor: pointer;
  305 + margin-bottom: 15px;
  306 +}
  307 +.AccountPage .bank li .icon-bank-selected {
  308 + position: absolute;
  309 + right: -5px;
  310 + bottom: 0px;
  311 + display: none;
  312 +}
  313 +.AccountPage .bank li .icon-remove {
  314 + position: absolute;
  315 + top: -9px;
  316 + right: -13px;
  317 + display: none;
  318 +}
  319 +.AccountPage .bank li:after {
  320 + display: none;
  321 + content: '';
  322 + position: absolute;
  323 + right: 0;
  324 + bottom: 0;
  325 + background-image: url(../images/dest/sprite.png);
  326 + background-position: 0px -219px;
  327 + width: 19px;
  328 + height: 16px;
  329 +}
  330 +.AccountPage .bank li:hover .set {
  331 + display: block;
  332 +}
  333 +.AccountPage .bank li:hover .icon-remove {
  334 + display: block;
  335 +}
  336 +.AccountPage .bank li.on {
  337 + border-color: #5eba2c;
  338 +}
  339 +.AccountPage .bank li.on:after {
  340 + display: block;
  341 +}
  342 +.AccountPage .bank li.on .set {
  343 + display: none;
  344 +}
  345 +.AccountPage .bank li.on .icon-bank-selected {
  346 + display: block;
  347 +}
  348 +.AccountPage .bank li.disable {
  349 + background: #e9e9e9;
  350 + opacity: 0.6;
  351 +}
  352 +.AccountPage .bank li.disable:after {
  353 + display: none;
  354 +}
  355 +.AccountPage .bank li.disable .set {
  356 + display: none;
  357 +}
  358 +.AccountPage .bank li.disable .icon-remove {
  359 + display: none;
  360 +}
  361 +.AccountPage .bank .add {
  362 + line-height: 100px;
  363 + font-size: 16px;
  364 + font-weight: 700;
  365 + text-align: center;
  366 + color: #333;
  367 + background-color: #fbfbfb;
  368 +}
  369 +.AccountPage .bank .bank-logo {
  370 + float: left;
  371 + margin: 21px 0 0 10px;
  372 +}
  373 +.AccountPage .bank .info {
  374 + padding: 0 12px;
  375 + font-size: 12px;
  376 + text-align: left;
  377 + background: #f5f5f5;
  378 + height: 30px;
  379 + line-height: 30px;
  380 +}
  381 +.AccountPage .bank .desc {
  382 + float: left;
  383 + line-height: 28px;
  384 + margin-top: 21px;
  385 + margin-left: 10px;
  386 + font-size: 12px;
  387 + color: #666;
  388 +}
  389 +.AccountPage .bank .desc .type {
  390 + margin-left: 15px;
  391 +}
  392 +.AccountPage .bank .desc .fasttype {
  393 + background-color: #2598e2;
  394 + padding: 0 10px;
  395 +}
  396 +.AccountPage .bank .desc .fasttype:before {
  397 + display: none;
  398 +}
  399 +.AccountPage .bank .type {
  400 + display: inline-block;
  401 + background-color: #7dadcc;
  402 + line-height: 20px;
  403 + padding: 0 5px;
  404 + color: #FFF;
  405 + position: relative;
  406 +}
  407 +.AccountPage .bank .type:before {
  408 + content: '';
  409 + position: absolute;
  410 + border: 5px solid #7dadcc;
  411 + border-color: transparent #7dadcc transparent transparent;
  412 + width: 0;
  413 + height: 0;
  414 + font-size: 0;
  415 + overflow: hidden;
  416 + left: -10px;
  417 + top: 50%;
  418 + margin-top: -5px;
  419 +}
  420 +.AccountPage .bank .type.credit {
  421 + background-color: #e09665;
  422 +}
  423 +.AccountPage .bank .credittype {
  424 + background-color: #e09665;
  425 +}
  426 +.AccountPage .bank .credittype:before {
  427 + border-color: transparent #e09665 transparent transparent;
  428 +}
  429 +.AccountPage .bank .set {
  430 + display: none;
  431 + cursor: pointer;
  432 + position: absolute;
  433 + bottom: 0;
  434 + left: 0;
  435 + width: 100%;
  436 + text-align: center;
  437 + color: #FFF;
  438 + font-size: 12px;
  439 + line-height: 21px;
  440 + background: #000;
  441 + background: rgba(0, 0, 0, 0.35);
  442 + filter: alpha(opacity=35);
  443 +}
  444 +.AccountPage .bank-list {
  445 + margin-bottom: 50px;
  446 +}
css/account.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/account.less
  1 +@import "m/bank";
  2 +.AccountPage {
  3 + h2 {
  4 + line-height: 50px;
  5 + border-bottom: 4px solid #5eba2c;
  6 + }
  7 + .account {
  8 + background-color: #FFF;
  9 + border-bottom: 2px solid #d8d9de;
  10 + .balance {
  11 + padding: 24px 35px;
  12 + -webkit-box-sizing: border-box;
  13 + -moz-box-sizing: border-box;
  14 + box-sizing: border-box;
  15 + }
  16 + .balance {
  17 + p {
  18 + line-height: 28px;
  19 + }
  20 + strong {
  21 + display: inline-block;
  22 + width: 90px;
  23 + font-size: 14px;
  24 + font-family: Helvetica, "ๅŽๆ–‡็ป†้ป‘", "Microsoft YaHei", "ๅพฎ่ฝฏ้›…้ป‘", Tahoma, STXihei;
  25 + }
  26 + em {
  27 + display: inline-block;
  28 + min-width: 60px;
  29 + font-size: 16px;
  30 + font-weight: 700;
  31 + padding: 0 15px;
  32 + text-align: left;
  33 + font-family: Helvetica, "ๅŽๆ–‡็ป†้ป‘", "Microsoft YaHei", "ๅพฎ่ฝฏ้›…้ป‘", Tahoma, STXihei;
  34 + i {
  35 + font-style: normal;
  36 + font-size: 13px;
  37 + }
  38 + }
  39 + .unit {
  40 + margin-right: 40px;
  41 + }
  42 + .m-btn {
  43 + margin-right: 15px;
  44 + }
  45 + span[data-tips] {
  46 + &:hover {
  47 + .tips {
  48 + display: block;
  49 + }
  50 + }
  51 + .tips {
  52 + display: none;
  53 + max-width: 200px;
  54 + padding: 10px;
  55 + font-size: 12px;
  56 + border: 1px solid #ddd;
  57 + position: absolute;
  58 + background-color: #FFF;
  59 + &:before,
  60 + &:after {
  61 + content: '';
  62 + top: 6px;
  63 + left: -10px;
  64 + position: absolute;
  65 + height: 0;
  66 + width: 0;
  67 + overflow: hidden;
  68 + border: 5px solid #ddd;
  69 + border-color: transparent #ddd transparent transparent;
  70 + }
  71 + &:after {
  72 + top: 7px;
  73 + left: -8px;
  74 + border: 4px solid #FFF;
  75 + border-color: transparent #FFF transparent transparent;
  76 + }
  77 + }
  78 + }
  79 + }
  80 + }
  81 + .profile {
  82 + margin: 0 25px;
  83 + .summary {
  84 + border-top: 1px dashed #ccc;
  85 + padding: 24px 0;
  86 + li {
  87 + width: 50%;
  88 + float: left;
  89 + font-size: 14px;
  90 + color: #333;
  91 + text-align: left;
  92 + line-height: 40px;
  93 + }
  94 + .key {
  95 + display: inline-block;
  96 + min-width: 80px;
  97 + }
  98 + .value {
  99 + display: inline-block;
  100 + min-width: 115px;
  101 + margin-right: 25px;
  102 + }
  103 + }
  104 + }
  105 + .bank {
  106 + background-color: #FFF;
  107 + padding: 30px 0 30px 8px;
  108 + li {
  109 + width: 275px;
  110 + height: 100px;
  111 + border: 1px solid #e6e6e6;
  112 + float: left;
  113 + margin-left: 15px;
  114 + position: relative;
  115 + cursor: pointer;
  116 + margin-bottom: 15px;
  117 + .icon-bank-selected {
  118 + position: absolute;
  119 + right: -5px;
  120 + bottom: 0px;
  121 + display: none;
  122 + }
  123 + .icon-remove {
  124 + position: absolute;
  125 + top: -9px;
  126 + right: -13px;
  127 + display: none;
  128 + }
  129 + &:after {
  130 + display: none;
  131 + content: '';
  132 + position: absolute;
  133 + width: 19px;
  134 + height: 16px;
  135 + right: 0;
  136 + bottom: 0;
  137 + background-image: url(../images/dest/sprite.png);
  138 + background-position: 0px -219px;
  139 + width: 19px;
  140 + height: 16px;
  141 + // background: url(../images/dest/bank-selected.png) 0 0 no-repeat;
  142 + }
  143 + &:hover {
  144 + .set {
  145 + display: block;
  146 + }
  147 + .icon-remove {
  148 + display: block;
  149 + }
  150 + }
  151 + &.on {
  152 + border-color: #5eba2c;
  153 + &:after {
  154 + display: block;
  155 + }
  156 + .set {
  157 + display: none;
  158 + }
  159 + .icon-bank-selected {
  160 + display: block;
  161 + }
  162 + }
  163 + &.disable {
  164 + background: #e9e9e9;
  165 + opacity: 0.6;
  166 + &:after {
  167 + display: none;
  168 + }
  169 + .set {
  170 + display: none;
  171 + }
  172 + .icon-remove {
  173 + display: none;
  174 + }
  175 + }
  176 + }
  177 + .add {
  178 + line-height: 100px;
  179 + font-size: 16px;
  180 + font-weight: 700;
  181 + text-align: center;
  182 + color: #333;
  183 + background-color: #fbfbfb;
  184 + }
  185 + .bank-logo {
  186 + float: left;
  187 + margin: 21px 0 0 10px;
  188 + }
  189 + .info {
  190 + padding: 0 12px;
  191 + font-size: 12px;
  192 + text-align: left;
  193 + background: #f5f5f5;
  194 + height: 30px;
  195 + line-height: 30px;
  196 + }
  197 + .desc {
  198 + float: left;
  199 + line-height: 28px;
  200 + margin-top: 21px;
  201 + margin-left: 10px;
  202 + font-size: 12px;
  203 + color: #666;
  204 + .type {
  205 + margin-left: 15px;
  206 + }
  207 + .fasttype {
  208 + background-color: #2598e2;
  209 + padding: 0 10px;
  210 + &:before {
  211 + display: none;
  212 + }
  213 + }
  214 + }
  215 + .type {
  216 + display: inline-block;
  217 + background-color: #7dadcc;
  218 + line-height: 20px;
  219 + padding: 0 5px;
  220 + color: #FFF;
  221 + position: relative;
  222 + &:before {
  223 + content: '';
  224 + position: absolute;
  225 + border: 5px solid #7dadcc;
  226 + border-color: transparent #7dadcc transparent transparent;
  227 + width: 0;
  228 + height: 0;
  229 + font-size: 0;
  230 + overflow: hidden;
  231 + left: -10px;
  232 + top: 50%;
  233 + margin-top: -5px;
  234 + }
  235 + &.credit {
  236 + background-color: #e09665;
  237 + }
  238 + }
  239 + .credittype {
  240 + background-color: #e09665;
  241 + &:before {
  242 + border-color: transparent #e09665 transparent transparent;
  243 + }
  244 + }
  245 + .set {
  246 + display: none;
  247 + cursor: pointer;
  248 + position: absolute;
  249 + bottom: 0;
  250 + left: 0;
  251 + width: 100%;
  252 + text-align: center;
  253 + color: #FFF;
  254 + font-size: 12px;
  255 + line-height: 21px;
  256 + background: #000;
  257 + background: rgba(0, 0, 0, .35);
  258 + filter:alpha(opacity=35);
  259 + }
  260 + }
  261 + .bank-list {
  262 + margin-bottom: 50px;
  263 + }
  264 +}
css/agreement.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/agreement.css
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +.AgreementPage .m-content h3 {
  6 + margin: 10px 0;
  7 + text-align: center;
  8 + font-size: 22px;
  9 +}
  10 +.AgreementPage .m-content p {
  11 + margin-top: 10px;
  12 + color: #999;
  13 +}
css/agreement.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/agreement.less
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +
  6 +.AgreementPage {
  7 + .m-content {
  8 + h3 {
  9 + margin: 10px 0;
  10 + text-align: center;
  11 + font-size: 22px;
  12 + }
  13 + p {
  14 + margin-top: 10px;
  15 + color: #999;
  16 + }
  17 + }
  18 +}
0 \ No newline at end of file 19 \ No newline at end of file
css/authentication.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/authentication.css
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +/**
  6 + * name : zzf
  7 + * info :
  8 + */
  9 +.steps {
  10 + overflow: hidden;
  11 + display: block;
  12 + margin: 20px 0;
  13 +}
  14 +.steps ul {
  15 + text-align: center;
  16 +}
  17 +.steps li {
  18 + float: left;
  19 + height: 30px !important;
  20 + line-height: 30px !important;
  21 + background: #eee;
  22 + color: #23ac38;
  23 + font-size: 14px;
  24 + position: relative;
  25 +}
  26 +.steps .steps-num {
  27 + display: inline-block;
  28 + width: 18px;
  29 + height: 18px;
  30 + line-height: 18px;
  31 + font-size: 12px;
  32 + background: #fff;
  33 + color: #79ac32;
  34 + border-radius: 100%;
  35 + margin-right: 5px;
  36 + text-align: center;
  37 + zoom: 1;
  38 + *display: inline;
  39 +}
  40 +.steps i {
  41 + height: 0;
  42 + width: 0;
  43 + border-width: 23px 0px 23px 20px;
  44 + border-color: transparent transparent transparent #fff;
  45 + border-style: solid;
  46 + position: absolute;
  47 + top: -8px;
  48 + right: -18px;
  49 + z-index: 1;
  50 +}
  51 +.steps em {
  52 + height: 0;
  53 + width: 0;
  54 + border-width: 23px 0px 23px 20px;
  55 + border-color: transparent transparent transparent #eee;
  56 + border-style: solid;
  57 + position: absolute;
  58 + top: -8px;
  59 + right: -13px;
  60 + z-index: 1;
  61 +}
  62 +.steps .on {
  63 + background: #23ac38;
  64 + color: #fff;
  65 +}
  66 +.steps .on em {
  67 + border-color: transparent transparent transparent #23ac38;
  68 +}
  69 +.steps.width3 li {
  70 + width: 33.3%;
  71 +}
  72 +.steps.width4 li {
  73 + width: 25%;
  74 +}
  75 +/**
  76 + * name : zzf
  77 + * info :
  78 + */
  79 +.m-result {
  80 + width: 400px;
  81 + margin: 150px auto 0;
  82 +}
  83 +.m-result .m-icon {
  84 + vertical-align: top;
  85 + zoom: 1;
  86 + width: 30px;
  87 + height: 30px;
  88 + float: left;
  89 + margin-left: -50px;
  90 +}
  91 +.m-result .message {
  92 + display: inline-block;
  93 + zoom: 1;
  94 + *display: inline;
  95 + margin-left: 10px;
  96 +}
  97 +.m-result .message h5 {
  98 + color: #666;
  99 + font-size: 18px;
  100 + margin-bottom: 5px;
  101 + font-weight: normal;
  102 +}
  103 +.m-result .message p {
  104 + color: #999;
  105 + margin-top: 5px;
  106 +}
  107 +.m-result .message a.m-btn {
  108 + margin-right: 10px;
  109 + padding: 3px 30px;
  110 + margin-top: 10px;
  111 +}
  112 +.m-result.error h5 {
  113 + color: #fc1923;
  114 +}
  115 +.m-result.succeed h5 {
  116 + color: #5eba2c;
  117 +}
  118 +.line {
  119 + display: block;
  120 + border-bottom: 1px solid #ddd;
  121 + margin: 100px 0 20px 0;
  122 +}
  123 +.photo {
  124 + margin-left: 65px;
  125 +}
  126 +.photo .a-photo {
  127 + float: left;
  128 + margin-right: 20px;
  129 +}
  130 +.photo .a-photo p {
  131 + float: left;
  132 + font-size: 14px;
  133 + line-height: 20px;
  134 + text-align: center;
  135 + margin-right: 20px;
  136 +}
  137 +.photo .a-photo p span {
  138 + color: #999;
  139 + font-size: 13px;
  140 +}
  141 +.photo .a-photo .img {
  142 + float: left;
  143 + width: 140px;
  144 + height: 140px;
  145 + border: 1px solid #ddd;
  146 + position: relative;
  147 +}
  148 +.photo .a-photo .img .file-end {
  149 + position: absolute;
  150 + height: 35px;
  151 + background: #b2b2b2;
  152 + width: 100%;
  153 + bottom: 0px;
  154 +}
  155 +.photo .a-photo .img .file-end input {
  156 + opacity: 0;
  157 +}
  158 +.photo .a-photo .img .file-end p {
  159 + position: absolute;
  160 + width: 100%;
  161 + top: 0px;
  162 + color: #fff;
  163 + line-height: 35px;
  164 + z-index: 0;
  165 +}
  166 +.AuthenticationEnterprise .m-result {
  167 + margin-top: 100px;
  168 +}
css/authentication.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/authentication.less
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +
  6 +@import "m/step";
  7 +@import "m/result";
  8 +
  9 +
  10 +.line {
  11 + display: block;
  12 + border-bottom: 1px solid #ddd;
  13 + margin: 100px 0 20px 0;
  14 +}
  15 +.photo {
  16 + margin-left: 65px;
  17 + .a-photo {
  18 + float: left;
  19 + margin-right: 20px;
  20 + p {
  21 + float: left;
  22 + font-size: 14px;
  23 + line-height: 20px;
  24 + text-align: center;
  25 + margin-right: 20px;
  26 + span {
  27 + color: #999;
  28 + font-size: 13px;
  29 + }
  30 + }
  31 + .img {
  32 + float: left;
  33 + width: 140px;
  34 + height: 140px;
  35 + border: 1px solid #ddd;
  36 + position: relative;
  37 + .file-end {
  38 + position: absolute;
  39 + height: 35px;
  40 + background: #b2b2b2;
  41 + width: 100%;
  42 + bottom: 0px;
  43 + input {
  44 + opacity: 0;
  45 + }
  46 + p {
  47 + position: absolute;
  48 + width: 100%;
  49 + top: 0px;
  50 + color: #fff;
  51 + line-height: 35px;
  52 + z-index: 0;
  53 + }
  54 + }
  55 + }
  56 + }
  57 +}
  58 +.AuthenticationEnterprise {
  59 + .m-result {
  60 + margin-top: 100px;
  61 + }
  62 +}
0 \ No newline at end of file 63 \ No newline at end of file
css/bank_new.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/bank_new.css
  1 +.BankNewPage h2 {
  2 + line-height: 50px;
  3 + border-bottom: 4px solid #5eba2c;
  4 +}
  5 +.BankNewPage .m-list {
  6 + background-color: #FFF;
  7 + margin-bottom: 50px;
  8 +}
  9 +.BankNewPage .m-list .cell-basic .title {
  10 + text-align: right;
  11 +}
  12 +#protocol {
  13 + display: none;
  14 + width: 700px;
  15 + height: 600px;
  16 + position: relative;
  17 +}
  18 +#protocol iframe {
  19 + position: absolute;
  20 + width: 100%;
  21 + height: 100%;
  22 + top: 0px;
  23 + left: 0px;
  24 +}
css/bank_new.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/bank_new.less
  1 +.BankNewPage{
  2 + h2 {
  3 + line-height: 50px;
  4 + border-bottom: 4px solid #5eba2c;
  5 + }
  6 + .m-list{
  7 + background-color: #FFF;
  8 + .cell-basic{
  9 + .title{
  10 + text-align: right;
  11 + }
  12 + }
  13 + margin-bottom: 50px;
  14 + }
  15 +}
  16 +#protocol {
  17 + display: none;
  18 + width: 700px;
  19 + height: 600px;
  20 + position: relative;
  21 + iframe {
  22 + position: absolute;
  23 + width: 100%;
  24 + height: 100%;
  25 + top: 0px;
  26 + left: 0px;
  27 + }
  28 +}
0 \ No newline at end of file 29 \ No newline at end of file
css/cash_pay.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_pay.css
  1 +.bank-logo {
  2 + background-image: url(../images/dest/bank_logo.png);
  3 + display: block;
  4 + width: 125px;
  5 + height: 28px;
  6 + overflow: hidden;
  7 + text-indent: -9999px;
  8 +}
  9 +.mr10 {
  10 + margin-right: 10px;
  11 +}
  12 +.bank-bjrcb {
  13 + background-position: 0 0;
  14 +}
  15 +.bank-bob,
  16 +.bank-bjb {
  17 + background-position: 0 -28px;
  18 +}
  19 +.bank-cbhb {
  20 + background-position: 0 -56px;
  21 +}
  22 +.bank-bocd {
  23 + background-position: 0 -84px;
  24 +}
  25 +.bank-fudian {
  26 + background-position: 0 -112px;
  27 +}
  28 +.bank-icbc {
  29 + background-position: 0 -140px;
  30 +}
  31 +.bank-ceb {
  32 + background-position: 0 -168px;
  33 +}
  34 +.bank-gdb {
  35 + background-position: 0 -196px;
  36 +}
  37 +.bank-hkb {
  38 + background-position: 0 -224px;
  39 +}
  40 +.bank-hzb,
  41 +.bank-hzcb {
  42 + background-position: 0 -252px;
  43 +}
  44 +.bank-hengfeng {
  45 + background-position: 0 -280px;
  46 +}
  47 +.bank-hxb {
  48 + background-position: 0 -308px;
  49 +}
  50 +.bank-ccb {
  51 + background-position: 0 -336px;
  52 +}
  53 +.bank-jsb {
  54 + background-position: 0 -364px;
  55 +}
  56 +.bank-bcomm,
  57 +.bank-comm {
  58 + background-position: 0 -392px;
  59 +}
  60 +.bank-jinghua {
  61 + background-position: 0 -420px;
  62 +}
  63 +.bank-cmbc {
  64 + background-position: 0 -448px;
  65 +}
  66 +.bank-njcb {
  67 + background-position: 0 -476px;
  68 +}
  69 +.bank-nbcb {
  70 + background-position: 0 -504px;
  71 +}
  72 +.bank-abc {
  73 + background-position: 0 -532px;
  74 +}
  75 +.bank-pab,
  76 +.bank-spab {
  77 + background-position: 0 -560px;
  78 +}
  79 +.bank-spdb {
  80 + background-position: 0 -588px;
  81 +}
  82 +.bank-qdccb {
  83 + background-position: 0 -616px;
  84 +}
  85 +.bank-srcb {
  86 + background-position: 0 -644px;
  87 +}
  88 +.bank-shb {
  89 + background-position: 0 -672px;
  90 +}
  91 +.bank-sdb {
  92 + background-position: 0 -700px;
  93 +}
  94 +.bank-wzcb {
  95 + background-position: 0 -728px;
  96 +}
  97 +.bank-cib {
  98 + background-position: 0 -756px;
  99 +}
  100 +.bank-cmb {
  101 + background-position: 0 -784px;
  102 +}
  103 +.bank-zjtl {
  104 + background-position: 0 -812px;
  105 +}
  106 +.bank-boc {
  107 + background-position: 0 -840px;
  108 +}
  109 +.bank-post,
  110 +.bank-psbc {
  111 + background-position: 0 -868px;
  112 +}
  113 +.bank-citic {
  114 + background-position: 0 -896px;
  115 +}
  116 +.bank-cqrcb {
  117 + background-position: 0 -924px;
  118 +}
  119 +.bank-cqcb {
  120 + background-position: 0 -952px;
  121 +}
  122 +.bank-gzrcc {
  123 + background-position: 0 -980px;
  124 +}
  125 +.bank-gzcb {
  126 + background-position: 0 -1008px;
  127 +}
  128 +.bank-hsb {
  129 + background-position: 0 -1036px;
  130 +}
  131 +.bank-czb {
  132 + background-position: 0 -1064px;
  133 +}
  134 +.bank-bonc {
  135 + background-position: 0 -1092px;
  136 +}
  137 +.bank-gdnyb {
  138 + background-position: 0 -1120px;
  139 +}
  140 +.bank-chab {
  141 + background-position: 0 -1148px;
  142 +}
  143 +.bank-dylszc {
  144 + background-position: 0 -1177px;
  145 +}
  146 +.bank-dzb {
  147 + background-position: 0 -1205px;
  148 +}
  149 +.bank-lwb {
  150 + background-position: 0 -1233px;
  151 +}
  152 +.bank-qsb {
  153 + background-position: 0 -1260px;
  154 +}
  155 +.bank-rzb {
  156 + background-position: 0 -1289px;
  157 +}
  158 +.bank-tab {
  159 + background-position: 0 -1317px;
  160 +}
  161 +.bank-lsb {
  162 + background-position: 0 -1345px;
  163 +}
  164 +.bank-wfccb {
  165 + background-position: 0 -1373px;
  166 +}
  167 +.bank-ordox {
  168 + background-position: 0 -1401px;
  169 +}
  170 +.bank-boxm {
  171 + background-position: 0 -1430px;
  172 +}
  173 +.bank-sjbank {
  174 + background-position: 0 -1568px;
  175 +}
  176 +.pay-chinabank {
  177 + background-position: 0 -5px;
  178 +}
  179 +.pay-weixin {
  180 + background-position: 0 -42px;
  181 +}
  182 +.pay-99bill {
  183 + background-position: 0 -82px;
  184 +}
  185 +.pay-unionpay {
  186 + background-position: 0 -120px;
  187 +}
  188 +.pay-cmpay {
  189 + background-position: 0 -158px;
  190 +}
  191 +.pay-kara {
  192 + background-position: 0 -244px;
  193 +}
  194 +.pay-tenpay {
  195 + background-position: 0 -473px;
  196 +}
  197 +.CashPayPage h2 {
  198 + font-size: 14px;
  199 + line-height: 50px;
  200 + border-bottom: 4px solid #5eba2c;
  201 +}
  202 +.CashPayPage .order {
  203 + padding: 19px 19px 9px;
  204 + background-color: #FFF;
  205 + margin-bottom: 20px;
  206 +}
  207 +.CashPayPage .order .summary {
  208 + position: relative;
  209 + padding-right: 230px;
  210 + background-color: #FFF;
  211 + z-index: 1;
  212 + padding-bottom: 10px;
  213 +}
  214 +.CashPayPage .order .multi-summary h3 {
  215 + line-height: 50px;
  216 +}
  217 +.CashPayPage .order .multi-summary .money a {
  218 + margin-top: 8px;
  219 +}
  220 +.CashPayPage .order p {
  221 + font-size: 13px;
  222 + color: #999;
  223 +}
  224 +.CashPayPage .order h3 {
  225 + font-size: 16px;
  226 + color: #333;
  227 + font-weight: 700;
  228 + line-height: 40px;
  229 + white-space: nowrap;
  230 + overflow: hidden;
  231 + text-overflow: ellipsis;
  232 +}
  233 +.CashPayPage .order .money {
  234 + position: absolute;
  235 + right: 0;
  236 + top: 50%;
  237 + color: #666;
  238 + font-size: 14px;
  239 + margin-top: -30px;
  240 + text-align: right;
  241 + padding-top: 5px;
  242 +}
  243 +.CashPayPage .order .money em {
  244 + font-size: 24px;
  245 + font-style: normal;
  246 + color: #ff6600;
  247 + font-weight: 700;
  248 +}
  249 +.CashPayPage .order .money a {
  250 + display: inline-block;
  251 + font-size: 13px;
  252 + color: #005aa0;
  253 + margin-top: 5px;
  254 +}
  255 +.CashPayPage .order .money .icon {
  256 + display: inline-block;
  257 + vertical-align: middle;
  258 + position: relative;
  259 + margin-left: 5px;
  260 + font-size: 0;
  261 + top: 1px;
  262 + width: 0;
  263 + height: 0;
  264 + overflow: hidden;
  265 + border: 4px solid #005aa0;
  266 + border-color: #005aa0 transparent transparent transparent;
  267 +}
  268 +.CashPayPage .order .money .icon.down {
  269 + top: -4px;
  270 + border-color: transparent transparent #005aa0 transparent;
  271 +}
  272 +.CashPayPage .order .detail {
  273 + font-size: 13px;
  274 + color: #666;
  275 + border-top: 1px solid #ddd;
  276 + padding-top: 20px;
  277 + margin-top: 10px;
  278 + padding-bottom: 10px;
  279 + display: none;
  280 +}
  281 +.CashPayPage .order .detail li {
  282 + padding-bottom: 8px;
  283 +}
  284 +.CashPayPage .order .detail .tit {
  285 + color: #999;
  286 +}
  287 +.CashPayPage .order .detail table {
  288 + border: 1px solid #ddd;
  289 + width: 100%;
  290 + font-size: 13px;
  291 + color: #666;
  292 + border-collapse: collapse;
  293 + text-align: center;
  294 +}
  295 +.CashPayPage .order .detail table th {
  296 + background-color: #eee;
  297 +}
  298 +.CashPayPage .order .detail table th,
  299 +.CashPayPage .order .detail table td {
  300 + padding: 13px 10px;
  301 + border: 1px solid #ddd;
  302 + border-width: 1px 0;
  303 +}
  304 +.CashPayPage .hide {
  305 + display: none !important;
  306 + visibility: hidden;
  307 +}
  308 +.CashPayPage .pay-verify {
  309 + padding-top: 30px;
  310 + padding-bottom: 50px;
  311 +}
  312 +.CashPayPage .pay-verify.credit-type {
  313 + background: url(../../images/pay/credit_code_bg.png) right 30px no-repeat;
  314 +}
  315 +.CashPayPage .pay-verify h2 {
  316 + margin-bottom: 10px;
  317 +}
  318 +.CashPayPage .pay-verify p {
  319 + overflow: hidden;
  320 + margin-bottom: 18px;
  321 +}
  322 +.CashPayPage .pay-verify .text {
  323 + border: 1px solid #bbb;
  324 + line-height: 18px;
  325 + padding: 8px 12px;
  326 + background: #FFF;
  327 + width: 209px;
  328 + text-align: left;
  329 + color: #666;
  330 + font-size: 14px;
  331 + outline: none;
  332 + float: left;
  333 +}
  334 +.CashPayPage .pay-verify .text.active,
  335 +.CashPayPage .pay-verify .text:focus {
  336 + border-color: #5eb92d;
  337 +}
  338 +.CashPayPage .pay-verify .pv-line {
  339 + clear: both;
  340 + margin-bottom: 20px;
  341 +}
  342 +.CashPayPage .pay-verify .pv-line h3 {
  343 + line-height: 36px;
  344 + display: block;
  345 + width: 130px;
  346 + text-align: right;
  347 + font-weight: 700;
  348 +}
  349 +.CashPayPage .pay-verify .pv-line label {
  350 + float: left;
  351 +}
  352 +.CashPayPage .pay-verify .pv-line span {
  353 + line-height: 36px;
  354 + float: left;
  355 + width: 130px;
  356 + text-align: right;
  357 + font-weight: 700;
  358 +}
  359 +.CashPayPage .pay-verify a {
  360 + float: left;
  361 + display: inline-block;
  362 + font-size: 13px;
  363 + line-height: 36px;
  364 + margin-left: 10px;
  365 + color: #005aa0;
  366 +}
  367 +.CashPayPage .pay-verify button {
  368 + display: inline-block;
  369 + font-size: 14px;
  370 + background: #5eb92d;
  371 + line-height: 40px;
  372 + width: 120px;
  373 + text-align: center;
  374 + color: #FFF;
  375 + border-radius: 3px;
  376 + font-weight: 500;
  377 + outline: none;
  378 + cursor: pointer;
  379 +}
  380 +.CashPayPage .pay-verify button[disabled] {
  381 + color: #999;
  382 + background: #ddd;
  383 + cursor: not-allowed;
  384 +}
  385 +.CashPayPage .pay-verify .go-to-pay {
  386 + width: 150px;
  387 + margin-left: 20px;
  388 +}
  389 +.CashPayPage .pay-verify .tips {
  390 + display: inline-block;
  391 + font-size: 13px;
  392 + color: #ff1111;
  393 + margin-left: 20px;
  394 +}
  395 +.CashPayPage .pay-verify .tips em {
  396 + font-style: normal;
  397 +}
  398 +.CashPayPage .pay-verify .font-gray {
  399 + color: #999;
  400 +}
  401 +.CashPayPage .m-checkbox,
  402 +.CashPayPage .m-radio {
  403 + float: left;
  404 +}
  405 +.CashPayPage .method {
  406 + padding: 19px;
  407 + background-color: #FFF;
  408 + margin-bottom: 20px;
  409 + font-size: 14px;
  410 + color: #333;
  411 +}
  412 +.CashPayPage .method h2 {
  413 + font-size: 14px;
  414 + color: #333;
  415 + padding-top: 5px;
  416 + margin-bottom: 20px;
  417 + font-weight: 700;
  418 +}
  419 +.CashPayPage .method .subtit {
  420 + display: inline-block;
  421 + line-height: 16px;
  422 + font-weight: 700;
  423 +}
  424 +.CashPayPage .method .subtit em {
  425 + font-style: normal;
  426 +}
  427 +.CashPayPage .method .source {
  428 + display: block;
  429 + cursor: pointer;
  430 + overflow: hidden;
  431 +}
  432 +.CashPayPage .method .source .checkbox {
  433 + float: left;
  434 + margin-right: 15px;
  435 +}
  436 +.CashPayPage .method .item {
  437 + padding: 19px;
  438 + border: 1px solid #ddd;
  439 + color: #333;
  440 + font-size: 14px;
  441 + position: relative;
  442 +}
  443 +.CashPayPage .method .item.on {
  444 + border: 2px solid #5eb92d;
  445 + padding: 18px;
  446 + z-index: 1;
  447 +}
  448 +.CashPayPage .method .item .right {
  449 + float: right;
  450 + font-weight: 700;
  451 + display: none;
  452 +}
  453 +.CashPayPage .method .item .right em {
  454 + font-weight: 700;
  455 + font-size: 14px;
  456 + font-style: normal;
  457 + color: #ff6600;
  458 +}
  459 +.CashPayPage .method .other-pay {
  460 + padding-top: 15px;
  461 + padding-left: 18px;
  462 + display: none;
  463 +}
  464 +.CashPayPage .method .other-pay ul {
  465 + overflow: hidden;
  466 + margin-left: -20px;
  467 +}
  468 +.CashPayPage .method .other-pay ul li {
  469 + display: inline;
  470 + float: left;
  471 + border: 1px solid #ddd;
  472 + margin: 0 0 10px 20px;
  473 + width: 278px;
  474 + cursor: pointer;
  475 +}
  476 +.CashPayPage .method .other-pay ul li.on {
  477 + border-color: #999;
  478 +}
  479 +.CashPayPage .method .other-pay ul label {
  480 + display: block;
  481 + overflow: hidden;
  482 + padding: 15px 10px 15px 96px;
  483 + cursor: pointer;
  484 +}
  485 +.CashPayPage .method .other-pay ul .radio {
  486 + float: left;
  487 + margin: 12px 0 0 -84px;
  488 +}
  489 +.CashPayPage .method .other-pay ul .m-icon {
  490 + float: left;
  491 + width: 40px;
  492 + height: 40px;
  493 + margin-left: -55px;
  494 +}
  495 +.CashPayPage .method .other-pay ul .name {
  496 + font-size: 14px;
  497 + display: block;
  498 + font-weight: 700;
  499 + color: #666;
  500 + line-height: 1.5;
  501 + margin-bottom: 5px;
  502 +}
  503 +.CashPayPage .method .other-pay ul .desc {
  504 + display: block;
  505 + font-size: 13px;
  506 + color: #999;
  507 +}
  508 +.CashPayPage .p-wrap {
  509 + padding: 10px 0;
  510 + position: relative;
  511 + font: 12px/1.5 Arial, Verdana, "\5b8b\4f53";
  512 +}
  513 +.CashPayPage .p-wrap em {
  514 + font-style: normal;
  515 +}
  516 +.CashPayPage .p-wrap .p-key {
  517 + float: left;
  518 + margin-top: 8px;
  519 + padding-left: 18px;
  520 +}
  521 +.CashPayPage .p-wrap .p-key label {
  522 + cursor: pointer;
  523 +}
  524 +.CashPayPage .p-wrap .p-key .checkbox {
  525 + float: left;
  526 +}
  527 +.CashPayPage .p-wrap .p-key .subtit {
  528 + float: left;
  529 + vertical-align: top;
  530 + display: inline-block;
  531 + margin-left: 10px;
  532 + font-size: 14px;
  533 + font-family: "Microsoft Yahei";
  534 +}
  535 +.CashPayPage .p-wrap .p-value {
  536 + margin-left: 125px;
  537 + line-height: 32px;
  538 +}
  539 +.CashPayPage .p-wrap .p-v-line {
  540 + line-height: 32px;
  541 + height: 32px;
  542 +}
  543 +.CashPayPage .p-wrap .bw-more-pay {
  544 + font-size: 13px;
  545 + color: #666;
  546 + margin-bottom: 12px;
  547 +}
  548 +.CashPayPage .p-wrap .used-bank {
  549 + float: left;
  550 + position: relative;
  551 + font-size: 12px;
  552 + color: #999;
  553 + margin-right: 20px;
  554 +}
  555 +.CashPayPage .p-wrap .used-bank dt {
  556 + position: relative;
  557 + cursor: pointer;
  558 + width: 492px;
  559 + height: 30px;
  560 + border: 1px solid #b0c2e1;
  561 + line-height: 30px;
  562 + background-color: #fff;
  563 + overflow: hidden;
  564 + -webkit-transition: border-color 0.1s;
  565 + -moz-transition: border-color 0.1s;
  566 + -ms-transition: border-color 0.1s;
  567 + transition: border-color 0.1s;
  568 +}
  569 +.CashPayPage .p-wrap .used-bank dt:hover,
  570 +.CashPayPage .p-wrap .used-bank dt.hover {
  571 + border-color: #ff6600;
  572 +}
  573 +.CashPayPage .p-wrap .used-bank dt:hover .ub-arrow,
  574 +.CashPayPage .p-wrap .used-bank dt.hover .ub-arrow {
  575 + background-color: #ff6600;
  576 +}
  577 +.CashPayPage .p-wrap .used-bank dt .ub-arrow {
  578 + position: absolute;
  579 + top: 0;
  580 + right: 0;
  581 + width: 31px;
  582 + height: 30px;
  583 + background: url(../../images/pay/up.png) center center no-repeat #b0c2e1;
  584 + -webkit-transition: background-color 0.1s;
  585 + -moz-transition: background-color 0.1s;
  586 + -ms-transition: background-color 0.1s;
  587 + transition: background-color 0.1s;
  588 +}
  589 +.CashPayPage .p-wrap .used-bank .ub-item {
  590 + overflow: hidden;
  591 +}
  592 +.CashPayPage .p-wrap .used-bank .ub-item em {
  593 + float: left;
  594 + margin-right: 13px;
  595 +}
  596 +.CashPayPage .p-wrap .used-bank .ub-item .bank-logo {
  597 + float: left;
  598 + margin-left: 10px;
  599 + margin-right: 10px;
  600 + margin-top: 1px;
  601 +}
  602 +.CashPayPage .p-wrap .used-bank .ub-item .ub-i-quick {
  603 + margin-top: 6px;
  604 + background: #F60;
  605 + color: #fff;
  606 + height: 18px;
  607 + line-height: 18px;
  608 + padding: 0 5px;
  609 + margin-right: 5px;
  610 + border-radius: 2px;
  611 +}
  612 +.CashPayPage .p-wrap .used-bank .ub-item .ub-i-limit {
  613 + color: #999;
  614 +}
  615 +.CashPayPage .p-wrap .used-bank dd {
  616 + position: absolute;
  617 + z-index: 21;
  618 + display: none;
  619 + left: 0;
  620 + background-color: #fff;
  621 + width: 492px;
  622 + border: 1px solid #ddd;
  623 + border-top: none;
  624 + color: #999;
  625 +}
  626 +.CashPayPage .p-wrap .used-bank dd .ub-list {
  627 + padding: 10px 0 5px;
  628 + font-size: 12px;
  629 +}
  630 +.CashPayPage .p-wrap .used-bank dd .ub-list li {
  631 + position: relative;
  632 + cursor: pointer;
  633 + margin-bottom: 5px;
  634 + line-height: 30px;
  635 +}
  636 +.CashPayPage .p-wrap .used-bank dd .ub-list li.selected,
  637 +.CashPayPage .p-wrap .used-bank dd .ub-list li:hover {
  638 + background-color: #f5f5f5;
  639 +}
  640 +.CashPayPage .p-wrap .bank-new,
  641 +.CashPayPage .p-wrap .bank-return {
  642 + float: left;
  643 + color: #005aa0;
  644 + font-size: 12px;
  645 +}
  646 +.CashPayPage .p-wrap .bank-new a,
  647 +.CashPayPage .p-wrap .bank-return a {
  648 + color: #005aa0;
  649 +}
  650 +.CashPayPage .p-wrap .p-amount {
  651 + position: absolute;
  652 + right: 20px;
  653 + top: 14px;
  654 + font-size: 14px;
  655 + text-align: right;
  656 + line-height: 26px;
  657 +}
  658 +.CashPayPage .p-wrap .p-amount em,
  659 +.CashPayPage .p-wrap .p-amount .money-unit {
  660 + font-style: normal;
  661 + vertical-align: bottom;
  662 + font-size: 18px;
  663 + color: #ff5d5b;
  664 + margin: 0 3px;
  665 +}
  666 +.CashPayPage .p-wrap .p-amount .money-unit {
  667 + font-size: 14px;
  668 + margin: 0;
  669 +}
  670 +.CashPayPage .balance-wrap .p-value {
  671 + font-size: 14px;
  672 + font-weight: 700;
  673 + color: #666;
  674 +}
  675 +.CashPayPage .balance-wrap.disabled .checkbox {
  676 + cursor: default;
  677 +}
  678 +.CashPayPage .balance-wrap.disabled .checkbox input {
  679 + cursor: default;
  680 +}
  681 +.CashPayPage .balance-wrap.disabled label {
  682 + cursor: default;
  683 +}
  684 +.CashPayPage .balance-wrap.disabled .subtit {
  685 + color: #999;
  686 +}
  687 +.CashPayPage .balance-wrap.disabled .p-value {
  688 + color: #999;
  689 +}
  690 +.CashPayPage .bank-area {
  691 + padding-top: 15px;
  692 + padding-left: 43px;
  693 + padding-right: 20px;
  694 + display: none;
  695 +}
  696 +.CashPayPage .bank-area .tab {
  697 + border: 1px solid #ddd;
  698 + border-width: 0 0 1px 1px;
  699 + height: 36px;
  700 + margin-bottom: 25px;
  701 +}
  702 +.CashPayPage .bank-area .tab li {
  703 + float: left;
  704 + font-size: 14px;
  705 + border: 1px solid #ddd;
  706 + border-left: none;
  707 + position: relative;
  708 + margin-bottom: -1px;
  709 + z-index: 1;
  710 + background-color: #f5f5f5;
  711 +}
  712 +.CashPayPage .bank-area .tab li a {
  713 + display: block;
  714 + padding: 7px 32px;
  715 + color: #5eb92d;
  716 +}
  717 +.CashPayPage .bank-area .tab .curr {
  718 + padding-top: 1px;
  719 + border-bottom-color: #FFF;
  720 + color: #333;
  721 + background-color: #FFF;
  722 +}
  723 +.CashPayPage .bank-area .tab .curr a {
  724 + color: #333;
  725 +}
  726 +.CashPayPage .payment-list {
  727 + width: 990px;
  728 + overflow: hidden;
  729 + zoom: 1;
  730 +}
  731 +.CashPayPage .payment-list .pl-wrap {
  732 + overflow: hidden;
  733 + zoom: 1;
  734 + padding-bottom: 12px;
  735 + width: 1000px;
  736 +}
  737 +.CashPayPage .payment-list .pl-item {
  738 + position: relative;
  739 + _zoom: 1;
  740 + float: left;
  741 + background-color: #fff;
  742 + padding: 5px 0;
  743 + height: 28px;
  744 + width: 188px;
  745 + margin-right: 10px;
  746 + margin-bottom: 10px;
  747 + cursor: pointer;
  748 + border: 1px solid #b0c2e1;
  749 + -webkit-transition: border-color 0.2s;
  750 + -moz-transition: border-color 0.2s;
  751 + -ms-transition: border-color 0.2s;
  752 + transition: border-color 0.2s;
  753 +}
  754 +.CashPayPage .payment-list .pl-item:hover,
  755 +.CashPayPage .payment-list .pl-item.hover {
  756 + border-color: #5eb92d;
  757 + z-index: 20;
  758 +}
  759 +.CashPayPage .payment-list .pl-item:hover .pl-i-info,
  760 +.CashPayPage .payment-list .pl-item.hover .pl-i-info {
  761 + visibility: visible;
  762 + opacity: 1;
  763 + bottom: -22px;
  764 +}
  765 +.CashPayPage .payment-list .pl-item .bank-logo {
  766 + margin-left: 25px;
  767 +}
  768 +.CashPayPage .payment-list .pl-item .pl-i-info {
  769 + position: absolute;
  770 + visibility: hidden;
  771 + left: -1px;
  772 + bottom: -18px;
  773 + width: 100%;
  774 + height: 20px;
  775 + line-height: 20px;
  776 + font-size: 12px;
  777 + border: 1px solid #5eb92d;
  778 + background-color: #5eb92d;
  779 + color: #fff;
  780 + text-align: center;
  781 + opacity: 0;
  782 + -webkit-transition: bottom .2s, opacity .2s;
  783 + -moz-transition: bottom .2s, opacity .2s;
  784 + -ms-transition: bottom .2s, opacity .2s;
  785 + transition: bottom .2s, opacity .2s;
  786 +}
  787 +.CashPayPage .payment-list .pl-item .pl-i-selected {
  788 + display: none;
  789 + position: absolute;
  790 + width: 19px;
  791 + height: 19px;
  792 + right: 0;
  793 + top: 0;
  794 +}
  795 +.CashPayPage .payment-list .pl-more {
  796 + float: left;
  797 + background-color: #ddffca;
  798 + padding: 5px 0;
  799 + height: 28px;
  800 + line-height: 28px;
  801 + font-size: 14px;
  802 + width: 188px;
  803 + border: 1px solid #ddffca;
  804 + text-align: center;
  805 + color: #5eb92d;
  806 + font-weight: 700;
  807 + cursor: pointer;
  808 + -webkit-transition: background-color 0.2s, color 0.2s;
  809 + -moz-transition: background-color 0.2s, color 0.2s;
  810 + -ms-transition: background-color 0.2s, color 0.2s;
  811 + transition: background-color 0.2s, color 0.2s;
  812 +}
  813 +.CashPayPage .payment-list .pl-more:hover {
  814 + background-color: #5eb92d;
  815 + color: #FFF;
  816 +}
  817 +.CashPayPage .bank-selected {
  818 + width: 325px;
  819 + height: 38px;
  820 + border: 1px solid #b0c2e1;
  821 + line-height: 38px;
  822 + float: left;
  823 +}
  824 +.CashPayPage .bank-selected em {
  825 + float: left;
  826 + margin-right: 10px;
  827 +}
  828 +.CashPayPage .bank-selected .bank-logo {
  829 + float: left;
  830 + margin-left: 15px;
  831 + margin-right: 20px;
  832 + margin-top: 5px;
  833 +}
  834 +.CashPayPage .bw-q-return {
  835 + margin-left: 10px;
  836 + color: #005aa0;
  837 + font-size: 12px;
  838 +}
  839 +.CashPayPage .ui-form {
  840 + color: #666;
  841 + font-size: 13px;
  842 +}
  843 +.CashPayPage .ui-form .ui-form-line {
  844 + margin-bottom: 18px;
  845 +}
  846 +.CashPayPage .ui-form .ui-form-label {
  847 + float: left;
  848 + text-align: right;
  849 + width: 75px;
  850 + line-height: 32px;
  851 +}
  852 +.CashPayPage .ui-form label {
  853 + float: left;
  854 + cursor: pointer;
  855 + margin-right: 20px;
  856 +}
  857 +.CashPayPage .ui-form .radio {
  858 + float: left;
  859 + margin-top: 7px;
  860 + margin-right: 5px;
  861 +}
  862 +.CashPayPage .ui-form .checkbox {
  863 + float: left;
  864 + margin-top: 7px;
  865 +}
  866 +.CashPayPage .ui-form .ui-form-group {
  867 + margin-left: 85px;
  868 + line-height: 32px;
  869 +}
  870 +.CashPayPage .ui-form .bank-selected {
  871 + margin-top: -4px;
  872 + _margin-top: 0;
  873 + width: auto;
  874 + padding-right: 15px;
  875 +}
  876 +.CashPayPage .ui-form .ui-input {
  877 + width: 238px;
  878 + height: 20px;
  879 + padding: 5px 10px;
  880 + line-height: 20px;
  881 + font-size: 12px;
  882 + background-color: #fff;
  883 + border: 1px solid #ddd;
  884 + vertical-align: middle;
  885 + -webkit-transition: border-color 0.1s;
  886 + -moz-transition: border-color 0.1s;
  887 + -ms-transition: border-color 0.1s;
  888 + transition: border-color 0.1s;
  889 + outline: none;
  890 +}
  891 +.CashPayPage .ui-form .ui-input:focus {
  892 + border-color: #5eb92d;
  893 +}
  894 +.CashPayPage .ui-form .ui-input.ui-input-error {
  895 + border-color: #ff5d5b;
  896 +}
  897 +.CashPayPage .ui-form .ui-select {
  898 + height: 32px;
  899 + line-height: 28px;
  900 + padding: 4px 2px;
  901 + vertical-align: middle;
  902 + border-style: solid;
  903 + border-width: 1px;
  904 + border-color: #b0c2e1;
  905 + background-color: #fff;
  906 + font-size: 12px;
  907 + border-radius: 0;
  908 + width: 80px;
  909 +}
  910 +.CashPayPage .ui-form .font-black {
  911 + color: #666;
  912 +}
  913 +.CashPayPage .bank-wrap .bw-quick.type-credit {
  914 + background: url(../../images/pay/credit_bg.png) right center no-repeat;
  915 +}
  916 +.CashPayPage .paybox {
  917 + border-bottom: 1px solid #ddd;
  918 + padding: 0 2px 1px;
  919 +}
  920 +.CashPayPage .paybox .subtit {
  921 + color: #666;
  922 +}
  923 +.CashPayPage .paybox.paybox-selected {
  924 + margin-top: -2px;
  925 + border: 0;
  926 + border: 2px solid #5eb92d;
  927 + padding: 0;
  928 + background-color: #fff;
  929 +}
  930 +.CashPayPage .paybox.paybox-selected .subtit {
  931 + color: #333;
  932 +}
  933 +.CashPayPage .paybox.paybox-selected .balance-wrap {
  934 + color: #333;
  935 +}
  936 +.CashPayPage .paybox.paybox-selected .balance-wrap .p-value,
  937 +.CashPayPage .paybox.paybox-selected .balance-wrap .subtit {
  938 + color: #333;
  939 +}
css/cash_pay.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_pay.less
  1 +@import "m/bank";
  2 +.CashPayPage {
  3 + h2 {
  4 + font-size: 14px;
  5 + line-height: 50px;
  6 + border-bottom: 4px solid #5eba2c;
  7 + }
  8 +
  9 + .order {
  10 + padding: 19px 19px 9px;
  11 + // border: 1px solid #ddd;
  12 + background-color: #FFF;
  13 + margin-bottom: 20px;
  14 + .summary {
  15 + position: relative;
  16 + padding-right: 230px;
  17 + background-color: #FFF;
  18 + z-index: 1;
  19 + padding-bottom: 10px;
  20 + }
  21 + .multi-summary {
  22 + h3 {
  23 + line-height: 50px;
  24 + }
  25 + .money {
  26 + a {
  27 + margin-top: 8px;
  28 + }
  29 + }
  30 + }
  31 + p {
  32 + font-size: 13px;
  33 + color: #999;
  34 + }
  35 + h3 {
  36 + font-size: 16px;
  37 + color: #333;
  38 + font-weight: 700;
  39 + line-height: 40px;
  40 + white-space: nowrap;
  41 + overflow: hidden;
  42 + text-overflow: ellipsis;
  43 + }
  44 + .money {
  45 + position: absolute;
  46 + right: 0;
  47 + top: 50%;
  48 + color: #666;
  49 + font-size: 14px;
  50 + margin-top: -30px;
  51 + text-align: right;
  52 + padding-top: 5px;
  53 + em {
  54 + font-size: 24px;
  55 + font-style: normal;
  56 + color: #ff6600;
  57 + font-weight: 700;
  58 + }
  59 + a {
  60 + display: inline-block;
  61 + font-size: 13px;
  62 + color: #005aa0;
  63 + margin-top: 5px;
  64 + }
  65 + .icon {
  66 + display: inline-block;
  67 + vertical-align: middle;
  68 + position: relative;
  69 + margin-left: 5px;
  70 + font-size: 0;
  71 + top: 1px;
  72 + width: 0;
  73 + height: 0;
  74 + overflow: hidden;
  75 + border: 4px solid #005aa0;
  76 + border-color: #005aa0 transparent transparent transparent;
  77 + &.down {
  78 + top: -4px;
  79 + border-color: transparent transparent #005aa0 transparent;
  80 + }
  81 + }
  82 + }
  83 + .detail {
  84 + font-size: 13px;
  85 + color: #666;
  86 + border-top: 1px solid #ddd;
  87 + padding-top: 20px;
  88 + margin-top: 10px;
  89 + padding-bottom: 10px;
  90 + display: none;
  91 + li {
  92 + padding-bottom: 8px;
  93 + }
  94 + .tit {
  95 + color: #999;
  96 + }
  97 + table {
  98 + border: 1px solid #ddd;
  99 + width: 100%;
  100 + font-size: 13px;
  101 + color: #666;
  102 + border-collapse: collapse;
  103 + text-align: center;
  104 + th {
  105 + background-color: #eee;
  106 + }
  107 + th,
  108 + td {
  109 + padding: 13px 10px;
  110 + border: 1px solid #ddd;
  111 + border-width: 1px 0;
  112 + }
  113 + }
  114 + }
  115 + }
  116 +
  117 + .hide{
  118 + display: none !important;
  119 + visibility: hidden;
  120 + }
  121 + .pay-verify {
  122 + // padding: 19px;
  123 + // border: 1px solid #ddd;
  124 + // background-color: #FFF;
  125 + padding-top: 30px;
  126 + padding-bottom: 50px;
  127 + &.credit-type {
  128 + background: url(../../images/pay/credit_code_bg.png) right 30px no-repeat;
  129 + }
  130 + h2 {
  131 + margin-bottom: 10px;
  132 + }
  133 + p {
  134 + overflow: hidden;
  135 + margin-bottom: 18px;
  136 + }
  137 + .text {
  138 + border: 1px solid #bbb;
  139 + line-height: 18px;
  140 + padding: 8px 12px;
  141 + background: #FFF;
  142 + width: 209px;
  143 + text-align: left;
  144 + color: #666;
  145 + font-size: 14px;
  146 + outline: none;
  147 + float: left;
  148 + &.active, &:focus {
  149 + border-color: #5eb92d;
  150 + }
  151 + }
  152 + .pv-line {
  153 + clear: both;
  154 + margin-bottom: 20px;
  155 + h3 {
  156 + line-height: 36px;
  157 + display: block;
  158 + width: 130px;
  159 + text-align: right;
  160 + font-weight: 700;
  161 + }
  162 + label {
  163 + float: left;
  164 + }
  165 + span{
  166 + line-height: 36px;
  167 + float: left;
  168 + width: 130px;
  169 + text-align: right;
  170 + font-weight: 700;
  171 + }
  172 + }
  173 + a {
  174 + float: left;
  175 + display: inline-block;
  176 + font-size: 13px;
  177 + line-height: 36px;
  178 + margin-left: 10px;
  179 + color: #005aa0;
  180 + }
  181 + button {
  182 + display: inline-block;
  183 + font-size: 14px;
  184 + background: #5eb92d;
  185 + line-height: 40px;
  186 + width: 120px;
  187 + // margin-left: 130px;
  188 + text-align: center;
  189 + color: #FFF;
  190 + border-radius: 3px;
  191 + font-weight: 500;
  192 + outline: none;
  193 + cursor: pointer;
  194 + &[disabled] {
  195 + color: #999;
  196 + background: #ddd;
  197 + cursor: not-allowed;
  198 + }
  199 + }
  200 + .go-to-pay{
  201 + width: 150px;
  202 + margin-left: 20px;
  203 + }
  204 + .disabled {}
  205 + .tips {
  206 + display: inline-block;
  207 + font-size: 13px;
  208 + color: #ff1111;
  209 + margin-left: 20px;
  210 + em {
  211 + font-style: normal;
  212 + }
  213 + }
  214 + .font-gray{
  215 + color: #999;
  216 + }
  217 + }
  218 +
  219 + .m-checkbox, .m-radio{
  220 + float: left;
  221 + }
  222 + .method {
  223 + padding: 19px;
  224 + // border: 1px solid #ddd;
  225 + background-color: #FFF;
  226 + margin-bottom: 20px;
  227 + font-size: 14px;
  228 + color: #333;
  229 + h2 {
  230 + font-size: 14px;
  231 + color: #333;
  232 + padding-top: 5px;
  233 + margin-bottom: 20px;
  234 + font-weight: 700;
  235 + }
  236 + .subtit {
  237 + display: inline-block;
  238 + line-height: 16px;
  239 + font-weight: 700;
  240 + em {
  241 + font-style: normal;
  242 + }
  243 + }
  244 + .source {
  245 + display: block;
  246 + cursor: pointer;
  247 + overflow: hidden;
  248 + .checkbox {
  249 + float: left;
  250 + margin-right: 15px;
  251 + }
  252 + }
  253 + .item {
  254 + padding: 19px;
  255 + border: 1px solid #ddd;
  256 + color: #333;
  257 + font-size: 14px;
  258 + position: relative;
  259 + &.on {
  260 + border: 2px solid #5eb92d;
  261 + padding: 18px;
  262 + z-index: 1;
  263 + }
  264 + .right {
  265 + float: right;
  266 + font-weight: 700;
  267 + display: none;
  268 + em {
  269 + font-weight: 700;
  270 + font-size: 14px;
  271 + font-style: normal;
  272 + color: #ff6600;
  273 + }
  274 + }
  275 + }
  276 + .other-pay {
  277 + padding-top: 15px;
  278 + padding-left: 18px;
  279 + display: none;
  280 + ul{
  281 + overflow: hidden;
  282 + margin-left: -20px;
  283 + li {
  284 + display: inline;
  285 + float: left;
  286 + border: 1px solid #ddd;
  287 + margin: 0 0 10px 20px;
  288 + width: 278px;
  289 + cursor: pointer;
  290 + &.on {
  291 + border-color: #999;
  292 + }
  293 + }
  294 + label {
  295 + display: block;
  296 + overflow: hidden;
  297 + padding: 15px 10px 15px 96px;
  298 + cursor: pointer;
  299 + }
  300 + .radio {
  301 + float: left;
  302 + margin: 12px 0 0 -84px;
  303 + }
  304 + .m-icon {
  305 + float: left;
  306 + width: 40px;
  307 + height: 40px;
  308 + margin-left: -55px;
  309 + }
  310 +
  311 + // .icon-alipay {
  312 + // background-image: url(../../images/pay/icon_alipay.png);
  313 + // }
  314 + // .icon-wechat {
  315 + // background-image: url(../../images/pay/icon_wechat.png);
  316 + // }
  317 + // .icon-bank {
  318 + // background-image: url(../../images/pay/icon_bank.png);
  319 + // }
  320 + .name {
  321 + font-size: 14px;
  322 + display: block;
  323 + font-weight: 700;
  324 + color: #666;
  325 + line-height: 1.5;
  326 + margin-bottom: 5px;
  327 + }
  328 + .desc {
  329 + display: block;
  330 + font-size: 13px;
  331 + color: #999;
  332 + }
  333 + }
  334 + }
  335 + }
  336 + //ๆ”ถ้“ถๅฐๆ–ฐ็‰ˆ
  337 + .p-wrap {
  338 + padding: 10px 0;
  339 + position: relative;
  340 + font: 12px/1.5 Arial, Verdana, "\5b8b\4f53";
  341 + em {
  342 + font-style: normal;
  343 + }
  344 + .p-key {
  345 + float: left;
  346 + margin-top: 8px;
  347 + padding-left: 18px;
  348 + label{
  349 + cursor: pointer;
  350 + }
  351 + .checkbox {
  352 + float: left;
  353 + }
  354 + .subtit {
  355 + float: left;
  356 + vertical-align: top;
  357 + display: inline-block;
  358 + margin-left: 10px;
  359 + font-size: 14px;
  360 + font-family: "Microsoft Yahei";
  361 + }
  362 + }
  363 + .p-value {
  364 + margin-left: 125px;
  365 + line-height: 32px;
  366 + }
  367 + .p-v-line {
  368 + line-height: 32px;
  369 + height: 32px;
  370 + }
  371 + .bw-more-pay{
  372 + font-size: 13px;
  373 + color: #666;
  374 + margin-bottom: 12px;
  375 + }
  376 + .used-bank {
  377 + float: left;
  378 + position: relative;
  379 + font-size: 12px;
  380 + color: #999;
  381 + margin-right: 20px;
  382 + dt {
  383 + position: relative;
  384 + cursor: pointer;
  385 + width: 492px;
  386 + height: 30px;
  387 + border: 1px solid #b0c2e1;
  388 + line-height: 30px;
  389 + // border-radius: 2px;
  390 + background-color: #fff;
  391 + overflow: hidden;
  392 + -webkit-transition: border-color .1s;
  393 + -moz-transition: border-color .1s;
  394 + -ms-transition: border-color .1s;
  395 + transition: border-color .1s;
  396 + &:hover, &.hover{
  397 + border-color: #ff6600;
  398 + .ub-arrow {
  399 + background-color: #ff6600;
  400 + }
  401 + }
  402 + .ub-arrow {
  403 + position: absolute;
  404 + top: 0;
  405 + right: 0;
  406 + width: 31px;
  407 + height: 30px;
  408 + background: url(../../images/pay/up.png) center center no-repeat #b0c2e1;
  409 + -webkit-transition: background-color .1s;
  410 + -moz-transition: background-color .1s;
  411 + -ms-transition: background-color .1s;
  412 + transition: background-color .1s;
  413 + }
  414 + }
  415 + .ub-item {
  416 + overflow: hidden;
  417 + em {
  418 + float: left;
  419 + margin-right: 13px;
  420 + }
  421 + .bank-logo {
  422 + float: left;
  423 + margin-left: 10px;
  424 + margin-right: 10px;
  425 + margin-top: 1px;
  426 + }
  427 + .ub-i-quick {
  428 + margin-top: 6px;
  429 + background: #F60;
  430 + color: #fff;
  431 + height: 18px;
  432 + line-height: 18px;
  433 + padding: 0 5px;
  434 + margin-right: 5px;
  435 + border-radius: 2px;
  436 + }
  437 + .ub-i-limit {
  438 + color: #999;
  439 + }
  440 + }
  441 + dd {
  442 + position: absolute;
  443 + z-index: 21;
  444 + display: none;
  445 + left: 0;
  446 + // top: -10px;
  447 + background-color: #fff;
  448 + width: 492px;
  449 + border: 1px solid #ddd;
  450 + border-top: none;
  451 + color: #999;
  452 + // box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
  453 + .ub-list {
  454 + padding: 10px 0 5px;
  455 + font-size: 12px;
  456 + li {
  457 + position: relative;
  458 + cursor: pointer;
  459 + margin-bottom: 5px;
  460 + line-height: 30px;
  461 + }
  462 + li.selected,
  463 + li:hover {
  464 + background-color: #f5f5f5;
  465 + }
  466 + }
  467 + }
  468 + }
  469 + .bank-new,
  470 + .bank-return {
  471 + float: left;
  472 + color: #005aa0;
  473 + font-size: 12px;
  474 + a {
  475 + color: #005aa0;
  476 + }
  477 + }
  478 + .p-amount {
  479 + // display: none;
  480 + position: absolute;
  481 + // width: 140px;
  482 + right: 20px;
  483 + top: 14px;
  484 + font-size: 14px;
  485 + text-align: right;
  486 + line-height: 26px;
  487 + em, .money-unit {
  488 + font-style: normal;
  489 + vertical-align: bottom;
  490 + font-size: 18px;
  491 + color: #ff5d5b;
  492 + margin: 0 3px;
  493 + }
  494 + .money-unit{
  495 + font-size: 14px;
  496 + margin: 0;
  497 + }
  498 + }
  499 + }
  500 +
  501 + .balance-wrap{
  502 + .p-value{
  503 + font-size: 14px;
  504 + font-weight: 700;
  505 + color: #666;
  506 + }
  507 + &.disabled{
  508 + .checkbox{
  509 + cursor: default;
  510 + input{
  511 + cursor: default;
  512 + }
  513 + }
  514 + label{
  515 + cursor: default;
  516 + }
  517 + .subtit{
  518 + color: #999;
  519 + }
  520 + .p-value{
  521 + color: #999;
  522 + }
  523 + }
  524 + }
  525 + .bank-area {
  526 + padding-top: 15px;
  527 + padding-left: 43px;
  528 + padding-right: 20px;
  529 + display: none;
  530 + .tab {
  531 + border: 1px solid #ddd;
  532 + border-width: 0 0 1px 1px;
  533 + height: 36px;
  534 + margin-bottom: 25px;
  535 + li {
  536 + float: left;
  537 + font-size: 14px;
  538 + border: 1px solid #ddd;
  539 + border-left: none;
  540 + position: relative;
  541 + margin-bottom: -1px;
  542 + z-index: 1;
  543 + background-color: #f5f5f5;
  544 + a {
  545 + display: block;
  546 + padding: 7px 32px;
  547 + color: #5eb92d;
  548 + }
  549 + }
  550 + .curr {
  551 + padding-top: 1px;
  552 + border-bottom-color: #FFF;
  553 + color: #333;
  554 + background-color: #FFF;
  555 + a {
  556 + color: #333;
  557 + }
  558 + }
  559 + }
  560 + }
  561 +
  562 + .payment-list {
  563 + width: 990px;
  564 + overflow: hidden;
  565 + zoom: 1;
  566 + .pl-wrap {
  567 + overflow: hidden;
  568 + zoom: 1;
  569 + padding-bottom: 12px;
  570 + width: 1000px;
  571 + }
  572 + .pl-item {
  573 + position: relative;
  574 + _zoom: 1;
  575 + float: left;
  576 + background-color: #fff;
  577 + padding: 5px 0;
  578 + height: 28px;
  579 + width: 188px;
  580 + margin-right: 10px;
  581 + margin-bottom: 10px;
  582 + cursor: pointer;
  583 + border: 1px solid #b0c2e1;
  584 + -webkit-transition: border-color .2s;
  585 + -moz-transition: border-color .2s;
  586 + -ms-transition: border-color .2s;
  587 + transition: border-color .2s;
  588 + &:hover, &.hover {
  589 + border-color: #5eb92d;
  590 + z-index: 20;
  591 + .pl-i-info {
  592 + visibility: visible;
  593 + opacity: 1;
  594 + bottom: -22px;
  595 + }
  596 + }
  597 + .bank-logo {
  598 + margin-left: 25px;
  599 + }
  600 + .pl-i-info {
  601 + position: absolute;
  602 + visibility: hidden;
  603 + left: -1px;
  604 + bottom: -18px;
  605 + width: 100%;
  606 + height: 20px;
  607 + line-height: 20px;
  608 + font-size: 12px;
  609 + border: 1px solid #5eb92d;
  610 + background-color: #5eb92d;
  611 + color: #fff;
  612 + text-align: center;
  613 + opacity: 0;
  614 + -webkit-transition: bottom .2s, opacity .2s;
  615 + -moz-transition: bottom .2s, opacity .2s;
  616 + -ms-transition: bottom .2s, opacity .2s;
  617 + transition: bottom .2s, opacity .2s;
  618 + }
  619 + .pl-i-selected {
  620 + display: none;
  621 + position: absolute;
  622 + width: 19px;
  623 + height: 19px;
  624 + right: 0;
  625 + top: 0;
  626 + }
  627 + }
  628 + .pl-more {
  629 + float: left;
  630 + background-color: #ddffca;
  631 + padding: 5px 0;
  632 + height: 28px;
  633 + line-height: 28px;
  634 + font-size: 14px;
  635 + width: 188px;
  636 + border: 1px solid #ddffca;
  637 + text-align: center;
  638 + color: #5eb92d;
  639 + font-weight: 700;
  640 + cursor: pointer;
  641 + -webkit-transition: background-color .2s, color .2s;
  642 + -moz-transition: background-color .2s, color .2s;
  643 + -ms-transition: background-color .2s, color .2s;
  644 + transition: background-color .2s, color .2s;
  645 + &:hover {
  646 + background-color: #5eb92d;
  647 + color: #FFF;
  648 + }
  649 + }
  650 + }
  651 + .bank-selected {
  652 + width: 325px;
  653 + height: 38px;
  654 + border: 1px solid #b0c2e1;
  655 + line-height: 38px;
  656 + float: left;
  657 + em {
  658 + float: left;
  659 + margin-right: 10px;
  660 + }
  661 + .bank-logo {
  662 + float: left;
  663 + margin-left: 15px;
  664 + margin-right: 20px;
  665 + margin-top: 5px;
  666 + }
  667 + }
  668 +
  669 + .bw-q-return {
  670 + margin-left: 10px;
  671 + color: #005aa0;
  672 + font-size: 12px;
  673 + }
  674 +
  675 + .ui-form {
  676 + color: #666;
  677 + font-size: 13px;
  678 + .ui-form-line {
  679 + margin-bottom: 18px;
  680 + }
  681 + .ui-form-label {
  682 + float: left;
  683 + text-align: right;
  684 + width: 75px;
  685 + line-height: 32px;
  686 + }
  687 + label{
  688 + float: left;
  689 + cursor: pointer;
  690 + margin-right: 20px;
  691 + }
  692 + .radio{
  693 + float: left;
  694 + margin-top: 7px;
  695 + margin-right: 5px;
  696 + }
  697 + .checkbox{
  698 + float: left;
  699 + margin-top: 7px;
  700 + }
  701 + .ui-form-group {
  702 + margin-left: 85px;
  703 + line-height: 32px;
  704 + }
  705 + .bank-selected {
  706 + margin-top: -4px;
  707 + _margin-top: 0;
  708 + width: auto;
  709 + padding-right: 15px;
  710 + }
  711 + .ui-input {
  712 + width: 238px;
  713 + height: 20px;
  714 + padding: 5px 10px;
  715 + line-height: 20px;
  716 + font-size: 12px;
  717 + background-color: #fff;
  718 + border: 1px solid #ddd;
  719 + vertical-align: middle;
  720 + -webkit-transition: border-color .1s;
  721 + -moz-transition: border-color .1s;
  722 + -ms-transition: border-color .1s;
  723 + transition: border-color .1s;
  724 + outline: none;
  725 + &:focus{
  726 + border-color: #5eb92d;
  727 + }
  728 + &.ui-input-error{
  729 + border-color: #ff5d5b;
  730 + }
  731 + }
  732 + .ui-select {
  733 + height: 32px;
  734 + line-height: 28px;
  735 + padding: 4px 2px;
  736 + vertical-align: middle;
  737 + border-style: solid;
  738 + border-width: 1px;
  739 + border-color: #b0c2e1;
  740 + background-color: #fff;
  741 + font-size: 12px;
  742 + border-radius: 0;
  743 + width: 80px;
  744 + }
  745 + .font-black {
  746 + color: #666;
  747 + }
  748 + }
  749 +
  750 + .bank-wrap {
  751 + .bw-quick {
  752 + &.type-credit {
  753 + background: url(../../images/pay/credit_bg.png) right center no-repeat;
  754 + }
  755 + }
  756 + }
  757 +
  758 + .paybox {
  759 + border-bottom: 1px solid #ddd;
  760 + padding: 0 2px 1px;
  761 + .subtit{
  762 + color: #666;
  763 + }
  764 + &.paybox-selected {
  765 + margin-top: -2px;
  766 + border: 0;
  767 + border: 2px solid #5eb92d;
  768 + padding: 0;
  769 + background-color: #fff;
  770 + .subtit{
  771 + color: #333;
  772 + }
  773 + .balance-wrap{
  774 + color: #333;
  775 + .p-value, .subtit{
  776 + color: #333;
  777 + }
  778 + }
  779 + }
  780 + }
  781 +}
0 \ No newline at end of file 782 \ No newline at end of file
css/cash_pay_wechat.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_pay_wechat.css
  1 +.CashPayWechatPage h2 {
  2 + font-size: 14px;
  3 + line-height: 50px;
  4 + border-bottom: 4px solid #5eba2c;
  5 +}
  6 +.CashPayWechatPage .order {
  7 + padding: 19px 19px 9px;
  8 + background-color: #FFF;
  9 + margin-bottom: 20px;
  10 +}
  11 +.CashPayWechatPage .order .summary {
  12 + position: relative;
  13 + padding-right: 230px;
  14 + background-color: #FFF;
  15 + z-index: 1;
  16 + padding-bottom: 10px;
  17 +}
  18 +.CashPayWechatPage .order .multi-summary h3 {
  19 + line-height: 50px;
  20 +}
  21 +.CashPayWechatPage .order .multi-summary .money a {
  22 + margin-top: 8px;
  23 +}
  24 +.CashPayWechatPage .order p {
  25 + font-size: 13px;
  26 + color: #999;
  27 +}
  28 +.CashPayWechatPage .order h3 {
  29 + font-size: 16px;
  30 + color: #333;
  31 + font-weight: 700;
  32 + line-height: 40px;
  33 + white-space: nowrap;
  34 + overflow: hidden;
  35 + text-overflow: ellipsis;
  36 +}
  37 +.CashPayWechatPage .order .money {
  38 + position: absolute;
  39 + right: 0;
  40 + top: 50%;
  41 + color: #666;
  42 + font-size: 14px;
  43 + margin-top: -30px;
  44 + text-align: right;
  45 + padding-top: 5px;
  46 +}
  47 +.CashPayWechatPage .order .money em {
  48 + font-size: 24px;
  49 + font-style: normal;
  50 + color: #ff6600;
  51 + font-weight: 700;
  52 +}
  53 +.CashPayWechatPage .order .money a {
  54 + display: inline-block;
  55 + font-size: 13px;
  56 + color: #005aa0;
  57 + margin-top: 5px;
  58 +}
  59 +.CashPayWechatPage .order .money .icon {
  60 + display: inline-block;
  61 + vertical-align: middle;
  62 + position: relative;
  63 + margin-left: 5px;
  64 + font-size: 0;
  65 + top: 1px;
  66 + width: 0;
  67 + height: 0;
  68 + overflow: hidden;
  69 + border: 4px solid #005aa0;
  70 + border-color: #005aa0 transparent transparent transparent;
  71 +}
  72 +.CashPayWechatPage .order .money .icon.down {
  73 + top: -4px;
  74 + border-color: transparent transparent #005aa0 transparent;
  75 +}
  76 +.CashPayWechatPage .order .detail {
  77 + font-size: 13px;
  78 + color: #666;
  79 + border-top: 1px solid #ddd;
  80 + padding-top: 20px;
  81 + margin-top: 10px;
  82 + padding-bottom: 10px;
  83 + display: none;
  84 +}
  85 +.CashPayWechatPage .order .detail li {
  86 + padding-bottom: 8px;
  87 +}
  88 +.CashPayWechatPage .order .detail .tit {
  89 + color: #999;
  90 +}
  91 +.CashPayWechatPage .order .detail table {
  92 + border: 1px solid #ddd;
  93 + width: 100%;
  94 + font-size: 13px;
  95 + color: #666;
  96 + border-collapse: collapse;
  97 + text-align: center;
  98 +}
  99 +.CashPayWechatPage .order .detail table th {
  100 + background-color: #eee;
  101 +}
  102 +.CashPayWechatPage .order .detail table th,
  103 +.CashPayWechatPage .order .detail table td {
  104 + padding: 13px 10px;
  105 + border: 1px solid #ddd;
  106 + border-width: 1px 0;
  107 +}
  108 +.CashPayWechatPage .btn {
  109 + display: inline-block;
  110 + margin-right: 10px;
  111 + font-size: 13px;
  112 + color: #999;
  113 + cursor: pointer;
  114 + padding: 0 10px;
  115 + background-color: #f5f5f5;
  116 + border: 1px solid #bbb;
  117 + line-height: 30px;
  118 + text-align: center;
  119 + border-radius: 3px;
  120 + min-width: 68px;
  121 +}
  122 +.CashPayWechatPage .wechat {
  123 + padding: 19px;
  124 + background-color: #FFF;
  125 + margin-bottom: 50px;
  126 +}
  127 +.CashPayWechatPage .wechat .back {
  128 + font-size: 13px;
  129 + color: #005aa0;
  130 +}
  131 +.CashPayWechatPage .wechat em {
  132 + font-style: normal;
  133 + font-weight: 700;
  134 + color: #ff6600;
  135 +}
  136 +.CashPayWechatPage .wechat .area {
  137 + overflow: hidden;
  138 + padding: 30px 0 40px;
  139 + width: 630px;
  140 + margin: 0 auto;
  141 +}
  142 +.CashPayWechatPage .wechat p {
  143 + font-size: 13px;
  144 + color: #999;
  145 +}
  146 +.CashPayWechatPage .wechat p strong {
  147 + font-size: 14px;
  148 + font-weight: 700;
  149 + margin-right: 20px;
  150 + color: #333;
  151 +}
  152 +.CashPayWechatPage .wechat .scan {
  153 + float: left;
  154 + margin-right: 135px;
  155 + padding-top: 50px;
  156 +}
  157 +.CashPayWechatPage .wechat .scan .code {
  158 + width: 200px;
  159 + height: 200px;
  160 + padding: 10px;
  161 + border: 1px solid #ddd;
  162 + margin-bottom: 20px;
  163 +}
  164 +.CashPayWechatPage .wechat .scan .btn {
  165 + background: #5dba2b url(../images/dest/icon_scan.png) 28px center no-repeat;
  166 + color: #fff;
  167 + border-color: #5dba2b;
  168 + line-height: 1.35;
  169 + text-align: left;
  170 + width: 132px;
  171 + margin: 0;
  172 + padding: 17px 10px 17px 78px;
  173 + border-radius: 0;
  174 + cursor: default;
  175 +}
css/cash_pay_wechat.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_pay_wechat.less
  1 +.CashPayWechatPage{
  2 + h2 {
  3 + font-size: 14px;
  4 + line-height: 50px;
  5 + border-bottom: 4px solid #5eba2c;
  6 + }
  7 + // .summary {
  8 + // background-color: #FFF;
  9 + // padding: 30px;
  10 + // position: relative;
  11 + // margin-bottom: 15px;
  12 + // h3 {
  13 + // font-size: 18px;
  14 + // margin-bottom: 10px;
  15 + // font-weight: 700;
  16 + // }
  17 + // p {
  18 + // font-size: 14px;
  19 + // color: #666;
  20 + // }
  21 + // span {
  22 + // position: absolute;
  23 + // right: 30px;
  24 + // top: 50%;
  25 + // margin-top: -18px;
  26 + // font-size: 18px;
  27 + // font-weight: 700;
  28 + // em {
  29 + // font-size: 24px;
  30 + // }
  31 + // }
  32 + // }
  33 +
  34 + .order {
  35 + padding: 19px 19px 9px;
  36 + // border: 1px solid #ddd;
  37 + background-color: #FFF;
  38 + margin-bottom: 20px;
  39 + .summary {
  40 + position: relative;
  41 + padding-right: 230px;
  42 + background-color: #FFF;
  43 + z-index: 1;
  44 + padding-bottom: 10px;
  45 + }
  46 + .multi-summary {
  47 + h3 {
  48 + line-height: 50px;
  49 + }
  50 + .money {
  51 + a {
  52 + margin-top: 8px;
  53 + }
  54 + }
  55 + }
  56 + p {
  57 + font-size: 13px;
  58 + color: #999;
  59 + }
  60 + h3 {
  61 + font-size: 16px;
  62 + color: #333;
  63 + font-weight: 700;
  64 + line-height: 40px;
  65 + white-space: nowrap;
  66 + overflow: hidden;
  67 + text-overflow: ellipsis;
  68 + }
  69 + .money {
  70 + position: absolute;
  71 + right: 0;
  72 + top: 50%;
  73 + color: #666;
  74 + font-size: 14px;
  75 + margin-top: -30px;
  76 + text-align: right;
  77 + padding-top: 5px;
  78 + em {
  79 + font-size: 24px;
  80 + font-style: normal;
  81 + color: #ff6600;
  82 + font-weight: 700;
  83 + }
  84 + a {
  85 + display: inline-block;
  86 + font-size: 13px;
  87 + color: #005aa0;
  88 + margin-top: 5px;
  89 + }
  90 + .icon {
  91 + display: inline-block;
  92 + vertical-align: middle;
  93 + position: relative;
  94 + margin-left: 5px;
  95 + font-size: 0;
  96 + top: 1px;
  97 + width: 0;
  98 + height: 0;
  99 + overflow: hidden;
  100 + border: 4px solid #005aa0;
  101 + border-color: #005aa0 transparent transparent transparent;
  102 + &.down {
  103 + top: -4px;
  104 + border-color: transparent transparent #005aa0 transparent;
  105 + }
  106 + }
  107 + }
  108 + .detail {
  109 + font-size: 13px;
  110 + color: #666;
  111 + border-top: 1px solid #ddd;
  112 + padding-top: 20px;
  113 + margin-top: 10px;
  114 + padding-bottom: 10px;
  115 + display: none;
  116 + li {
  117 + padding-bottom: 8px;
  118 + }
  119 + .tit {
  120 + color: #999;
  121 + }
  122 + table {
  123 + border: 1px solid #ddd;
  124 + width: 100%;
  125 + font-size: 13px;
  126 + color: #666;
  127 + border-collapse: collapse;
  128 + text-align: center;
  129 + th {
  130 + background-color: #eee;
  131 + }
  132 + th,
  133 + td {
  134 + padding: 13px 10px;
  135 + border: 1px solid #ddd;
  136 + border-width: 1px 0;
  137 + }
  138 + }
  139 + }
  140 + }
  141 +
  142 + .btn{
  143 + display: inline-block;
  144 + margin-right: 10px;
  145 + font-size: 13px;
  146 + color: #999;
  147 + cursor: pointer;
  148 + padding: 0 10px;
  149 + background-color: #f5f5f5;
  150 + border: 1px solid #bbb;
  151 + line-height: 30px;
  152 + text-align: center;
  153 + border-radius: 3px;
  154 + min-width: 68px;
  155 + }
  156 + .wechat{
  157 + padding: 19px;
  158 + // border: 1px solid #ddd;
  159 + background-color: #FFF;
  160 + margin-bottom: 50px;
  161 + .back{
  162 + font-size: 13px;
  163 + color: #005aa0;
  164 + }
  165 + em{
  166 + font-style: normal;
  167 + font-weight: 700;
  168 + color: #ff6600;
  169 + }
  170 + .area{
  171 + overflow: hidden;
  172 + padding: 30px 0 40px;
  173 + width: 630px;
  174 + margin: 0 auto;
  175 + }
  176 + p{
  177 + font-size: 13px;
  178 + color: #999;
  179 + strong{
  180 + font-size: 14px;
  181 + font-weight: 700;
  182 + margin-right: 20px;
  183 + color: #333;
  184 + }
  185 + }
  186 + .scan{
  187 + float: left;
  188 + margin-right: 135px;
  189 + padding-top: 50px;
  190 + .code{
  191 + width: 200px;
  192 + height: 200px;
  193 + padding: 10px;
  194 + border: 1px solid #ddd;
  195 + margin-bottom: 20px;
  196 + }
  197 + .btn{
  198 + background: #5dba2b url(../images/dest/icon_scan.png) 28px center no-repeat;
  199 + color: #fff;
  200 + border-color: #5dba2b;
  201 + line-height: 1.35;
  202 + text-align: left;
  203 + width: 132px;
  204 + margin: 0;
  205 + padding: 17px 10px 17px 78px;
  206 + border-radius: 0;
  207 + cursor: default;
  208 + }
  209 + }
  210 + }
  211 +}
0 \ No newline at end of file 212 \ No newline at end of file
css/cash_recharge.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_recharge.css
  1 +.bank-logo {
  2 + background-image: url(../images/dest/bank_logo.png);
  3 + display: block;
  4 + width: 125px;
  5 + height: 28px;
  6 + overflow: hidden;
  7 + text-indent: -9999px;
  8 +}
  9 +.mr10 {
  10 + margin-right: 10px;
  11 +}
  12 +.bank-bjrcb {
  13 + background-position: 0 0;
  14 +}
  15 +.bank-bob,
  16 +.bank-bjb {
  17 + background-position: 0 -28px;
  18 +}
  19 +.bank-cbhb {
  20 + background-position: 0 -56px;
  21 +}
  22 +.bank-bocd {
  23 + background-position: 0 -84px;
  24 +}
  25 +.bank-fudian {
  26 + background-position: 0 -112px;
  27 +}
  28 +.bank-icbc {
  29 + background-position: 0 -140px;
  30 +}
  31 +.bank-ceb {
  32 + background-position: 0 -168px;
  33 +}
  34 +.bank-gdb {
  35 + background-position: 0 -196px;
  36 +}
  37 +.bank-hkb {
  38 + background-position: 0 -224px;
  39 +}
  40 +.bank-hzb,
  41 +.bank-hzcb {
  42 + background-position: 0 -252px;
  43 +}
  44 +.bank-hengfeng {
  45 + background-position: 0 -280px;
  46 +}
  47 +.bank-hxb {
  48 + background-position: 0 -308px;
  49 +}
  50 +.bank-ccb {
  51 + background-position: 0 -336px;
  52 +}
  53 +.bank-jsb {
  54 + background-position: 0 -364px;
  55 +}
  56 +.bank-bcomm,
  57 +.bank-comm {
  58 + background-position: 0 -392px;
  59 +}
  60 +.bank-jinghua {
  61 + background-position: 0 -420px;
  62 +}
  63 +.bank-cmbc {
  64 + background-position: 0 -448px;
  65 +}
  66 +.bank-njcb {
  67 + background-position: 0 -476px;
  68 +}
  69 +.bank-nbcb {
  70 + background-position: 0 -504px;
  71 +}
  72 +.bank-abc {
  73 + background-position: 0 -532px;
  74 +}
  75 +.bank-pab,
  76 +.bank-spab {
  77 + background-position: 0 -560px;
  78 +}
  79 +.bank-spdb {
  80 + background-position: 0 -588px;
  81 +}
  82 +.bank-qdccb {
  83 + background-position: 0 -616px;
  84 +}
  85 +.bank-srcb {
  86 + background-position: 0 -644px;
  87 +}
  88 +.bank-shb {
  89 + background-position: 0 -672px;
  90 +}
  91 +.bank-sdb {
  92 + background-position: 0 -700px;
  93 +}
  94 +.bank-wzcb {
  95 + background-position: 0 -728px;
  96 +}
  97 +.bank-cib {
  98 + background-position: 0 -756px;
  99 +}
  100 +.bank-cmb {
  101 + background-position: 0 -784px;
  102 +}
  103 +.bank-zjtl {
  104 + background-position: 0 -812px;
  105 +}
  106 +.bank-boc {
  107 + background-position: 0 -840px;
  108 +}
  109 +.bank-post,
  110 +.bank-psbc {
  111 + background-position: 0 -868px;
  112 +}
  113 +.bank-citic {
  114 + background-position: 0 -896px;
  115 +}
  116 +.bank-cqrcb {
  117 + background-position: 0 -924px;
  118 +}
  119 +.bank-cqcb {
  120 + background-position: 0 -952px;
  121 +}
  122 +.bank-gzrcc {
  123 + background-position: 0 -980px;
  124 +}
  125 +.bank-gzcb {
  126 + background-position: 0 -1008px;
  127 +}
  128 +.bank-hsb {
  129 + background-position: 0 -1036px;
  130 +}
  131 +.bank-czb {
  132 + background-position: 0 -1064px;
  133 +}
  134 +.bank-bonc {
  135 + background-position: 0 -1092px;
  136 +}
  137 +.bank-gdnyb {
  138 + background-position: 0 -1120px;
  139 +}
  140 +.bank-chab {
  141 + background-position: 0 -1148px;
  142 +}
  143 +.bank-dylszc {
  144 + background-position: 0 -1177px;
  145 +}
  146 +.bank-dzb {
  147 + background-position: 0 -1205px;
  148 +}
  149 +.bank-lwb {
  150 + background-position: 0 -1233px;
  151 +}
  152 +.bank-qsb {
  153 + background-position: 0 -1260px;
  154 +}
  155 +.bank-rzb {
  156 + background-position: 0 -1289px;
  157 +}
  158 +.bank-tab {
  159 + background-position: 0 -1317px;
  160 +}
  161 +.bank-lsb {
  162 + background-position: 0 -1345px;
  163 +}
  164 +.bank-wfccb {
  165 + background-position: 0 -1373px;
  166 +}
  167 +.bank-ordox {
  168 + background-position: 0 -1401px;
  169 +}
  170 +.bank-boxm {
  171 + background-position: 0 -1430px;
  172 +}
  173 +.bank-sjbank {
  174 + background-position: 0 -1568px;
  175 +}
  176 +.pay-chinabank {
  177 + background-position: 0 -5px;
  178 +}
  179 +.pay-weixin {
  180 + background-position: 0 -42px;
  181 +}
  182 +.pay-99bill {
  183 + background-position: 0 -82px;
  184 +}
  185 +.pay-unionpay {
  186 + background-position: 0 -120px;
  187 +}
  188 +.pay-cmpay {
  189 + background-position: 0 -158px;
  190 +}
  191 +.pay-kara {
  192 + background-position: 0 -244px;
  193 +}
  194 +.pay-tenpay {
  195 + background-position: 0 -473px;
  196 +}
  197 +.CashRechargePage h2 {
  198 + font-size: 14px;
  199 + line-height: 50px;
  200 + border-bottom: 4px solid #5eba2c;
  201 +}
  202 +.CashRechargePage .summary {
  203 + background-color: #FFF;
  204 + padding: 30px;
  205 + position: relative;
  206 + margin-bottom: 10px;
  207 +}
  208 +.CashRechargePage .summary h3 {
  209 + font-size: 18px;
  210 + margin-bottom: 10px;
  211 + font-weight: 700;
  212 +}
  213 +.CashRechargePage .summary p {
  214 + font-size: 14px;
  215 + color: #666;
  216 +}
  217 +.CashRechargePage .summary span {
  218 + position: absolute;
  219 + right: 30px;
  220 + top: 50%;
  221 + margin-top: -18px;
  222 + font-size: 18px;
  223 + font-weight: 700;
  224 +}
  225 +.CashRechargePage .summary span em {
  226 + font-size: 24px;
  227 +}
  228 +.CashRechargePage .paybox {
  229 + background-color: #FFF;
  230 + padding: 25px;
  231 + margin-bottom: 36px;
  232 + position: relative;
  233 +}
  234 +.CashRechargePage .paybox:after {
  235 + position: absolute;
  236 + content: '';
  237 + width: 100%;
  238 + height: 7px;
  239 + left: 0;
  240 + bottom: -7px;
  241 + background: url(../images/btm_r.png) 0 bottom repeat-x;
  242 +}
  243 +.CashRechargePage .paybox .pay-item {
  244 + margin-bottom: 25px;
  245 +}
  246 +.CashRechargePage .paybox .pay-item h3 {
  247 + position: relative;
  248 + margin-bottom: 25px;
  249 +}
  250 +.CashRechargePage .paybox .pay-item h3 label {
  251 + display: block;
  252 +}
  253 +.CashRechargePage .paybox .pay-item h3 span {
  254 + font-size: 14px;
  255 + position: absolute;
  256 + right: 0;
  257 + top: 0;
  258 + bottom: 0;
  259 +}
  260 +.CashRechargePage .paybox .tab {
  261 + float: left;
  262 + padding-right: 26px;
  263 +}
  264 +.CashRechargePage .paybox .tab li {
  265 + width: 100%;
  266 + padding: 7px 10px 8px;
  267 + font-size: 14px;
  268 + background-color: #fbfbfb;
  269 + border: 1px solid #e6e6e6;
  270 + position: relative;
  271 + margin-bottom: 18px;
  272 + color: #666;
  273 + text-align: center;
  274 + cursor: pointer;
  275 +}
  276 +.CashRechargePage .paybox .tab li:after {
  277 + display: none;
  278 + content: '';
  279 + position: absolute;
  280 + right: -16px;
  281 + top: 50%;
  282 + margin-top: -8px;
  283 + border: 8px solid #5eba2c;
  284 + border-color: transparent transparent transparent #5eba2c;
  285 +}
  286 +.CashRechargePage .paybox .tab .on {
  287 + color: #FFF;
  288 + border-color: #5eba2c;
  289 + background-color: #5eba2c;
  290 +}
  291 +.CashRechargePage .paybox .tab .on:after {
  292 + display: block;
  293 +}
  294 +.CashRechargePage .paybox .bw-tab-content {
  295 + border-left: 1px solid #ddd;
  296 + margin-left: 125px;
  297 +}
  298 +.CashRechargePage .paybox .bw-tab-content .pl-item {
  299 + float: left;
  300 + width: 215px;
  301 + margin: 0 0 18px 30px;
  302 +}
  303 +.CashRechargePage .paybox .bw-tab-content .pl-item label {
  304 + display: block;
  305 +}
  306 +.CashRechargePage .paybox .bw-tab-content .pl-item .m-radio {
  307 + float: left;
  308 + margin: 12px 3px 0 0;
  309 +}
  310 +.CashRechargePage .paybox .bw-tab-content .pl-item .bk-item {
  311 + float: left;
  312 + width: 190px;
  313 + border: 1px solid #ddd;
  314 +}
  315 +.CashRechargePage .paybox .bw-tab-content .pl-item .bank-logo {
  316 + float: left;
  317 + margin-top: 4px;
  318 +}
  319 +.CashRechargePage .paybox .bw-tab-content .pl-item .num {
  320 + float: left;
  321 + line-height: 36px;
  322 + font-size: 12px;
  323 + color: #666;
  324 +}
  325 +.CashRechargePage .paybox .other-pay .pl-item {
  326 + float: left;
  327 + width: 275px;
  328 + margin: 0 30px 18px 0;
  329 +}
  330 +.CashRechargePage .paybox .other-pay .pl-item label {
  331 + display: block;
  332 +}
  333 +.CashRechargePage .paybox .other-pay .pl-item .m-radio {
  334 + float: left;
  335 + margin: 23px 3px 0 0;
  336 +}
  337 +.CashRechargePage .paybox .other-pay .pl-item .bk-item {
  338 + float: left;
  339 + width: 230px;
  340 + border: 1px solid #ddd;
  341 + padding: 10px;
  342 +}
  343 +.CashRechargePage .paybox .other-pay .pl-item .bk-item .m-icon {
  344 + width: 40px;
  345 + height: 40px;
  346 + text-align: left;
  347 + text-indent: -999em;
  348 + float: left;
  349 +}
  350 +.CashRechargePage .paybox .other-pay .pl-item h3 {
  351 + margin-left: 50px;
  352 + font-size: 14px;
  353 + display: block;
  354 + font-weight: 700;
  355 + color: #666;
  356 + line-height: 1.5;
  357 + margin-bottom: 0;
  358 +}
  359 +.CashRechargePage .paybox .other-pay .pl-item .desc {
  360 + margin-left: 50px;
  361 + display: block;
  362 + font-size: 13px;
  363 + color: #999;
  364 +}
css/cash_recharge.less 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_recharge.less
  1 +@import "m/bank";
  2 +.CashRechargePage {
  3 + h2 {
  4 + font-size: 14px;
  5 + line-height: 50px;
  6 + border-bottom: 4px solid #5eba2c;
  7 + }
  8 + .summary {
  9 + background-color: #FFF;
  10 + padding: 30px;
  11 + position: relative;
  12 + margin-bottom: 10px;
  13 + h3 {
  14 + font-size: 18px;
  15 + margin-bottom: 10px;
  16 + font-weight: 700;
  17 + }
  18 + p {
  19 + font-size: 14px;
  20 + color: #666;
  21 + }
  22 + span {
  23 + position: absolute;
  24 + right: 30px;
  25 + top: 50%;
  26 + margin-top: -18px;
  27 + font-size: 18px;
  28 + font-weight: 700;
  29 + em {
  30 + font-size: 24px;
  31 + }
  32 + }
  33 + }
  34 + .paybox {
  35 + background-color: #FFF;
  36 + padding: 25px;
  37 + margin-bottom: 36px;
  38 + position: relative;
  39 + &:after {
  40 + position: absolute;
  41 + content: '';
  42 + width: 100%;
  43 + height: 7px;
  44 + left: 0;
  45 + bottom: -7px;
  46 + background: url(../images/btm_r.png) 0 bottom repeat-x;
  47 + }
  48 + .pay-item {
  49 + margin-bottom: 25px;
  50 + h3 {
  51 + position: relative;
  52 + margin-bottom: 25px;
  53 + label {
  54 + display: block;
  55 + }
  56 + span {
  57 + font-size: 14px;
  58 + position: absolute;
  59 + right: 0;
  60 + top: 0;
  61 + bottom: 0;
  62 + }
  63 + }
  64 + }
  65 + .tab {
  66 + float: left;
  67 + padding-right: 26px;
  68 + li {
  69 + width: 100%;
  70 + padding: 7px 10px 8px;
  71 + font-size: 14px;
  72 + background-color: #fbfbfb;
  73 + border: 1px solid #e6e6e6;
  74 + position: relative;
  75 + margin-bottom: 18px;
  76 + color: #666;
  77 + text-align: center;
  78 + cursor: pointer;
  79 + &:after {
  80 + display: none;
  81 + content: '';
  82 + position: absolute;
  83 + right: -16px;
  84 + top: 50%;
  85 + margin-top: -8px;
  86 + border: 8px solid #5eba2c;
  87 + border-color: transparent transparent transparent #5eba2c;
  88 + }
  89 + }
  90 + .on {
  91 + color: #FFF;
  92 + border-color: #5eba2c;
  93 + background-color: #5eba2c;
  94 + &:after {
  95 + display: block;
  96 + }
  97 + }
  98 + }
  99 + .bw-tab-content {
  100 + border-left: 1px solid #ddd;
  101 + margin-left: 125px;
  102 + .pl-wrap {}
  103 + .pl-item {
  104 + float: left;
  105 + width: 215px;
  106 + margin: 0 0 18px 30px;
  107 + label {
  108 + display: block;
  109 + }
  110 + .m-radio {
  111 + float: left;
  112 + margin: 12px 3px 0 0;
  113 + }
  114 + .bk-item {
  115 + float: left;
  116 + width: 190px;
  117 + border: 1px solid #ddd;
  118 + }
  119 + .bank-logo {
  120 + float: left;
  121 + margin-top: 4px;
  122 + }
  123 + .num {
  124 + float: left;
  125 + line-height: 36px;
  126 + font-size: 12px;
  127 + color: #666;
  128 + }
  129 + }
  130 + }
  131 + .other-pay {
  132 + .pl-item {
  133 + float: left;
  134 + width: 275px;
  135 + margin: 0 30px 18px 0;
  136 + label {
  137 + display: block;
  138 + }
  139 + .m-radio {
  140 + float: left;
  141 + margin: 23px 3px 0 0;
  142 + }
  143 + .bk-item {
  144 + float: left;
  145 + width: 230px;
  146 + border: 1px solid #ddd;
  147 + padding: 10px;
  148 + .m-icon {
  149 + width: 40px;
  150 + height: 40px;
  151 + text-align: left;
  152 + text-indent: -999em;
  153 + float: left;
  154 + }
  155 + }
  156 + h3 {
  157 + margin-left: 50px;
  158 + font-size: 14px;
  159 + display: block;
  160 + font-weight: 700;
  161 + color: #666;
  162 + line-height: 1.5;
  163 + margin-bottom: 0;
  164 + }
  165 + .desc {
  166 + margin-left: 50px;
  167 + display: block;
  168 + font-size: 13px;
  169 + color: #999;
  170 + }
  171 + }
  172 + }
  173 + }
  174 +}
0 \ No newline at end of file 175 \ No newline at end of file
css/cash_recharge_wechat.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_recharge_wechat.css
  1 +.CashRechargeWechatPage h2 {
  2 + font-size: 14px;
  3 + line-height: 50px;
  4 + border-bottom: 4px solid #5eba2c;
  5 +}
  6 +.CashRechargeWechatPage .summary {
  7 + background-color: #FFF;
  8 + padding: 30px;
  9 + position: relative;
  10 + margin-bottom: 15px;
  11 +}
  12 +.CashRechargeWechatPage .summary h3 {
  13 + font-size: 18px;
  14 + margin-bottom: 10px;
  15 + font-weight: 700;
  16 +}
  17 +.CashRechargeWechatPage .summary p {
  18 + font-size: 14px;
  19 + color: #666;
  20 +}
  21 +.CashRechargeWechatPage .summary span {
  22 + position: absolute;
  23 + right: 30px;
  24 + top: 50%;
  25 + margin-top: -18px;
  26 + font-size: 18px;
  27 + font-weight: 700;
  28 +}
  29 +.CashRechargeWechatPage .summary span em {
  30 + font-size: 24px;
  31 +}
  32 +.CashRechargeWechatPage .btn {
  33 + display: inline-block;
  34 + margin-right: 10px;
  35 + font-size: 13px;
  36 + color: #999;
  37 + cursor: pointer;
  38 + padding: 0 10px;
  39 + background-color: #f5f5f5;
  40 + border: 1px solid #bbb;
  41 + line-height: 30px;
  42 + text-align: center;
  43 + border-radius: 3px;
  44 + min-width: 68px;
  45 +}
  46 +.CashRechargeWechatPage .wechat {
  47 + padding: 19px;
  48 + background-color: #FFF;
  49 + margin-bottom: 50px;
  50 +}
  51 +.CashRechargeWechatPage .wechat .back {
  52 + font-size: 13px;
  53 + color: #005aa0;
  54 +}
  55 +.CashRechargeWechatPage .wechat em {
  56 + font-style: normal;
  57 + font-weight: 700;
  58 + color: #ff6600;
  59 +}
  60 +.CashRechargeWechatPage .wechat .area {
  61 + overflow: hidden;
  62 + padding: 30px 0 40px;
  63 + width: 630px;
  64 + margin: 0 auto;
  65 +}
  66 +.CashRechargeWechatPage .wechat p {
  67 + font-size: 13px;
  68 + color: #999;
  69 +}
  70 +.CashRechargeWechatPage .wechat p strong {
  71 + font-size: 14px;
  72 + font-weight: 700;
  73 + margin-right: 20px;
  74 + color: #333;
  75 +}
  76 +.CashRechargeWechatPage .wechat .scan {
  77 + float: left;
  78 + margin-right: 135px;
  79 + padding-top: 50px;
  80 +}
  81 +.CashRechargeWechatPage .wechat .scan .code {
  82 + width: 200px;
  83 + height: 200px;
  84 + padding: 10px;
  85 + border: 1px solid #ddd;
  86 + margin-bottom: 20px;
  87 +}
  88 +.CashRechargeWechatPage .wechat .scan .btn {
  89 + background: #5dba2b url(../images/dest/icon_scan.png) 28px center no-repeat;
  90 + color: #fff;
  91 + border-color: #5dba2b;
  92 + line-height: 1.35;
  93 + text-align: left;
  94 + width: 132px;
  95 + margin: 0;
  96 + padding: 17px 10px 17px 78px;
  97 + border-radius: 0;
  98 + cursor: default;
  99 +}
css/cash_refill.css 0 โ†’ 100644
  View file @53211c8
  1 +++ a/css/cash_refill.css
  1 +.bank-logo {
  2 + background-image: url(../images/dest/bank_logo.png);
  3 + display: block;
  4 + width: 125px;
  5 + height: 28px;
  6 + overflow: hidden;
  7 + text-indent: -9999px;
  8 +}
  9 +.mr10 {
  10 + margin-right: 10px;
  11 +}
  12 +.bank-bjrcb {
  13 + background-position: 0 0;
  14 +}
  15 +.bank-bob,
  16 +.bank-bjb {
  17 + background-position: 0 -28px;
  18 +}
  19 +.bank-cbhb {
  20 + background-position: 0 -56px;
  21 +}
  22 +.bank-bocd {
  23 + background-position: 0 -84px;
  24 +}
  25 +.bank-fudian {
  26 + background-position: 0 -112px;
  27 +}
  28 +.bank-icbc {
  29 + background-position: 0 -140px;
  30 +}
  31 +.bank-ceb {
  32 + background-position: 0 -168px;
  33 +}
  34 +.bank-gdb {
  35 + background-position: 0 -196px;
  36 +}
  37 +.bank-hkb {
  38 + background-position: 0 -224px;
  39 +}
  40 +.bank-hzb,
  41 +.bank-hzcb {
  42 + background-position: 0 -252px;
  43 +}
  44 +.bank-hengfeng {
  45 + background-position: 0 -280px;
  46 +}
  47 +.bank-hxb {
  48 + background-position: 0 -308px;
  49 +}
  50 +.bank-ccb {
  51 + background-position: 0 -336px;
  52 +}
  53 +.bank-jsb {
  54 + background-position: 0 -364px;
  55 +}
  56 +.bank-bcomm,
  57 +.bank-comm {
  58 + background-position: 0 -392px;
  59 +}
  60 +.bank-jinghua {
  61 + background-position: 0 -420px;
  62 +}
  63 +.bank-cmbc {
  64 + background-position: 0 -448px;
  65 +}
  66 +.bank-njcb {
  67 + background-position: 0 -476px;
  68 +}
  69 +.bank-nbcb {
  70 + background-position: 0 -504px;
  71 +}
  72 +.bank-abc {
  73 + background-position: 0 -532px;
  74 +}
  75 +.bank-pab,
  76 +.bank-spab {
  77 + background-position: 0 -560px;
  78 +}
  79 +.bank-spdb {
  80 + background-position: 0 -588px;
  81 +}
  82 +.bank-qdccb {
  83 + background-position: 0 -616px;
  84 +}
  85 +.bank-srcb {
  86 + background-position: 0 -644px;
  87 +}
  88 +.bank-shb {
  89 + background-position: 0 -672px;
  90 +}
  91 +.bank-sdb {
  92 + background-position: 0 -700px;
  93 +}
  94 +.bank-wzcb {
  95 + background-position: 0 -728px;
  96 +}
  97 +.bank-cib {
  98 + background-position: 0 -756px;
  99 +}
  100 +.bank-cmb {
  101 + background-position: 0 -784px;
  102 +}
  103 +.bank-zjtl {
  104 + background-position: 0 -812px;
  105 +}
  106 +.bank-boc {
  107 + background-position: 0 -840px;
  108 +}
  109 +.bank-post,
  110 +.bank-psbc {
  111 + background-position: 0 -868px;
  112 +}
  113 +.bank-citic {
  114 + background-position: 0 -896px;
  115 +}
  116 +.bank-cqrcb {
  117 + background-position: 0 -924px;
  118 +}
  119 +.bank-cqcb {
  120 + background-position: 0 -952px;
  121 +}
  122 +.bank-gzrcc {
  123 + background-position: 0 -980px;
  124 +}
  125 +.bank-gzcb {
  126 + background-position: 0 -1008px;
  127 +}
  128 +.bank-hsb {
  129 + background-position: 0 -1036px;
  130 +}
  131 +.bank-czb {
  132 + background-position: 0 -1064px;
  133 +}
  134 +.bank-bonc {
  135 + background-position: 0 -1092px;
  136 +}
  137 +.bank-gdnyb {
  138 + background-position: 0 -1120px;
  139 +}
  140 +.bank-chab {
  141 + background-position: 0 -1148px;
  142 +}
  143 +.bank-dylszc {
  144 + background-position: 0 -1177px;
  145 +}
  146 +.bank-dzb {
  147 + background-position: 0 -1205px;
  148 +}
  149 +.bank-lwb {
  150 + background-position: 0 -1233px;
  151 +}
  152 +.bank-qsb {
  153 + background-position: 0 -1260px;
  154 +}
  155 +.bank-rzb {
  156 + background-position: 0 -1289px;
  157 +}
  158 +.bank-tab {
  159 + background-position: 0 -1317px;
  160 +}
  161 +.bank-lsb {
  162 + background-position: 0 -1345px;
  163 +}
  164 +.bank-wfccb {
  165 + background-position: 0 -1373px;
  166 +}
  167 +.bank-ordox {
  168 + background-position: 0 -1401px;
  169 +}
  170 +.bank-boxm {
  171 + background-position: 0 -1430px;
  172 +}
  173 +.bank-sjbank {
  174 + background-position: 0 -1568px;
  175 +}
  176 +.pay-chinabank {
  177 + background-position: 0 -5px;
  178 +}
  179 +.pay-weixin {
  180 + background-position: 0 -42px;
  181 +}
  182 +.pay-99bill {
  183 + background-position: 0 -82px;
  184 +}
  185 +.pay-unionpay {
  186 + background-position: 0 -120px;
  187 +}
  188 +.pay-cmpay {
  189 + background-position: 0 -158px;
  190 +}
  191 +.pay-kara {
  192 + background-position: 0 -244px;
  193 +}
  194 +.pay-tenpay {
  195 + background-position: 0 -473px;
  196 +}
  197 +.CashRefillPage h2 {
  198 + font-size: 14px;
  199 + line-height: 50px;
  200 + border-bottom: 4px solid #5eba2c;
  201 +}
  202 +.CashRefillPage .summary {
  203 + background-color: #FFF;
  204 + padding: 30px;
  205 + position: relative;
  206 + margin-bottom: 10px;
  207 +}
  208 +.CashRefillPage .summary h3 {
  209 + font-size: 18px;
  210 + margin-bottom: 10px;
  211 + font-weight: 700;
  212 +}
  213 +.CashRefillPage .summary p {
  214 + font-size: 14px;
  215 + color: #666;
  216 +}
  217 +.CashRefillPage .summary span {
  218 + position: absolute;
  219 + right: 30px;
  220 + top: 50%;
  221 + margin-top: -18px;
  222 + font-size: 18px;
  223 + font-weight: 700;
  224 +}
  225 +.CashRefillPage .summary span em {
  226 + font-size: 24px;
  227 +}
  228 +.CashRefillPage input.m-radio,
  229 +.CashRefillPage input.m-checkbox {
  230 + margin: 0;
  231 +}
  232 +.CashRefillPage .hide {
  233 + display: none !important;
  234 + visibility: hidden;
  235 +}
  236 +.CashRefillPage .pay-verify {
  237 + padding-top: 30px;
  238 + padding-bottom: 50px;
  239 +}
  240 +.CashRefillPage .pay-verify.credit-type {
  241 + background: url(../../images/pay/credit_code_bg.png) right 30px no-repeat;
  242 +}
  243 +.CashRefillPage .pay-verify h2 {
  244 + margin-bottom: 10px;
  245 +}
  246 +.CashRefillPage .pay-verify p {
  247 + overflow: hidden;
  248 + margin-bottom: 18px;
  249 +}
  250 +.CashRefillPage .pay-verify .text {
  251 + border: 1px solid #bbb;
  252 + line-height: 18px;
  253 + padding: 8px 12px;
  254 + background: #FFF;
  255 + width: 209px;
  256 + text-align: left;
  257 + color: #666;
  258 + font-size: 14px;
  259 + outline: none;
  260 + float: left;
  261 +}
  262 +.CashRefillPage .pay-verify .text.active,
  263 +.CashRefillPage .pay-verify .text:focus {
  264 + border-color: #5eb92d;
  265 +}
  266 +.CashRefillPage .pay-verify .pv-line {
  267 + clear: both;
  268 + margin-bottom: 20px;
  269 +}
  270 +.CashRefillPage .pay-verify .pv-line h3 {
  271 + line-height: 36px;
  272 + display: block;
  273 + width: 130px;
  274 + text-align: right;
  275 + font-weight: 700;
  276 +}
  277 +.CashRefillPage .pay-verify .pv-line label {
  278 + float: left;
  279 +}
  280 +.CashRefillPage .pay-verify .pv-line span {
  281 + line-height: 36px;
  282 + float: left;
  283 + width: 130px;
  284 + text-align: right;
  285 + font-weight: 700;
  286 +}
  287 +.CashRefillPage .pay-verify a {
  288 + float: left;
  289 + display: inline-block;
  290 + font-size: 13px;
  291 + line-height: 36px;
  292 + margin-left: 10px;
  293 + color: #005aa0;
  294 +}
  295 +.CashRefillPage .pay-verify button {
  296 + display: inline-block;
  297 + font-size: 14px;
  298 + background: #5eb92d;
  299 + line-height: 40px;
  300 + width: 120px;
  301 + text-align: center;
  302 + color: #FFF;
  303 + border-radius: 3px;
  304 + font-weight: 500;
  305 + outline: none;
  306 + cursor: pointer;
  307 +}
  308 +.CashRefillPage .pay-verify button[disabled] {
  309 + color: #999;
  310 + background: #ddd;
  311 + cursor: not-allowed;
  312 +}
  313 +.CashRefillPage .pay-verify .go-to-pay {
  314 + width: 150px;
  315 + margin-left: 20px;
  316 +}
  317 +.CashRefillPage .pay-verify .tips {
  318 + display: inline-block;
  319 + font-size: 13px;
  320 + color: #ff1111;
  321 + margin-left: 20px;
  322 +}
  323 +.CashRefillPage .pay-verify .tips em {
  324 + font-style: normal;
  325 +}
  326 +.CashRefillPage .pay-verify .font-gray {
  327 + color: #999;
  328 +}
  329 +.CashRefillPage .m-checkbox,
  330 +.CashRefillPage .m-radio {
  331 + float: left;
  332 +}
  333 +.CashRefillPage .method {
  334 + padding: 19px;
  335 + background-color: #FFF;
  336 + margin-bottom: 20px;
  337 + font-size: 14px;
  338 + color: #333;
  339 +}
  340 +.CashRefillPage .method h2 {
  341 + font-size: 14px;
  342 + color: #333;
  343 + padding-top: 5px;
  344 + margin-bottom: 20px;
  345 + font-weight: 700;
  346 +}
  347 +.CashRefillPage .method .subtit {
  348 + display: inline-block;
  349 + line-height: 16px;
  350 + font-weight: 700;
  351 +}
  352 +.CashRefillPage .method .subtit em {
  353 + font-style: normal;
  354 +}
  355 +.CashRefillPage .method .source {
  356 + display: block;
  357 + cursor: pointer;
  358 + overflow: hidden;
  359 +}
  360 +.CashRefillPage .method .source .checkbox {
  361 + float: left;
  362 + margin-right: 15px;
  363 +}
  364 +.CashRefillPage .method .item {
  365 + padding: 19px;
  366 + border: 1px solid #ddd;
  367 + color: #333;
  368 + font-size: 14px;
  369 + position: relative;
  370 +}
  371 +.CashRefillPage .method .item.on {
  372 + border: 2px solid #5eb92d;
  373 + padding: 18px;
  374 + z-index: 1;
  375 +}
  376 +.CashRefillPage .method .item .right {
  377 + float: right;
  378 + font-weight: 700;
  379 + display: none;
  380 +}
  381 +.CashRefillPage .method .item .right em {
  382 + font-weight: 700;
  383 + font-size: 14px;
  384 + font-style: normal;
  385 + color: #ff6600;
  386 +}
  387 +.CashRefillPage .method .other-pay {
  388 + padding-top: 15px;
  389 + padding-left: 18px;
  390 + display: none;
  391 +}
  392 +.CashRefillPage .method .other-pay ul {
  393 + overflow: hidden;
  394 + margin-left: -20px;
  395 +}
  396 +.CashRefillPage .method .other-pay ul li {
  397 + display: inline;
  398 + float: left;
  399 + border: 1px solid #ddd;
  400 + margin: 0 0 10px 20px;
  401 + width: 278px;
  402 + cursor: pointer;
  403 +}
  404 +.CashRefillPage .method .other-pay ul li.on {
  405 + border-color: #999;
  406 +}
  407 +.CashRefillPage .method .other-pay ul label {
  408 + display: block;
  409 + overflow: hidden;
  410 + padding: 15px 10px 15px 96px;
  411 + cursor: pointer;
  412 +}
  413 +.CashRefillPage .method .other-pay ul .radio {
  414 + float: left;
  415 + margin: 12px 0 0 -84px;
  416 +}
  417 +.CashRefillPage .method .other-pay ul .m-icon {
  418 + float: left;
  419 + width: 40px;
  420 + height: 40px;
  421 + margin-left: -55px;
  422 +}
  423 +.CashRefillPage .method .other-pay ul .name {
  424 + font-size: 14px;
  425 + display: block;
  426 + font-weight: 700;
  427 + color: #666;
  428 + line-height: 1.5;
  429 + margin-bottom: 5px;
  430 +}
  431 +.CashRefillPage .method .other-pay ul .desc {
  432 + display: block;
  433 + font-size: 13px;
  434 + color: #999;
  435 +}
  436 +.CashRefillPage .p-wrap {
  437 + padding: 10px 0;
  438 + position: relative;
  439 + font: 12px/1.5 Arial, Verdana, "\5b8b\4f53";
  440 +}
  441 +.CashRefillPage .p-wrap em {
  442 + font-style: normal;
  443 +}
  444 +.CashRefillPage .p-wrap .p-key {
  445 + float: left;
  446 + margin-top: 8px;
  447 + padding-left: 18px;
  448 +}
  449 +.CashRefillPage .p-wrap .p-key label {
  450 + cursor: pointer;
  451 +}
  452 +.CashRefillPage .p-wrap .p-key .checkbox {
  453 + float: left;
  454 +}
  455 +.CashRefillPage .p-wrap .p-key .subtit {
  456 + float: left;
  457 + vertical-align: top;
  458 + display: inline-block;
  459 + padding-left: 10px;
  460 + font-size: 14px;
  461 + font-family: "Microsoft Yahei";
  462 +}
  463 +.CashRefillPage .p-wrap .p-value {
  464 + margin-left: 125px;
  465 + line-height: 32px;
  466 +}
  467 +.CashRefillPage .p-wrap .p-v-line {
  468 + line-height: 32px;
  469 + height: 32px;
  470 +}
  471 +.CashRefillPage .p-wrap .bw-more-pay {
  472 + font-size: 13px;
  473 + color: #666;
  474 + margin-bottom: 12px;
  475 +}
  476 +.CashRefillPage .p-wrap .used-bank {
  477 + float: left;
  478 + position: relative;
  479 + font-size: 12px;
  480 + color: #999;
  481 + margin-right: 20px;
  482 +}
  483 +.CashRefillPage .p-wrap .used-bank dt {
  484 + position: relative;
  485 + cursor: pointer;
  486 + width: 492px;
  487 + height: 30px;
  488 + border: 1px solid #b0c2e1;
  489 + line-height: 30px;
  490 + background-color: #fff;
  491 + overflow: hidden;
  492 + -webkit-transition: border-color 0.1s;
  493 + -moz-transition: border-color 0.1s;
  494 + -ms-transition: border-color 0.1s;
  495 + transition: border-color 0.1s;
  496 +}
  497 +.CashRefillPage .p-wrap .used-bank dt:hover,
  498 +.CashRefillPage .p-wrap .used-bank dt.hover {
  499 + border-color: #ff6600;
  500 +}
  501 +.CashRefillPage .p-wrap .used-bank dt:hover .ub-arrow,
  502 +.CashRefillPage .p-wrap .used-bank dt.hover .ub-arrow {
  503 + background-color: #ff6600;
  504 +}
  505 +.CashRefillPage .p-wrap .used-bank dt .ub-arrow {
  506 + position: absolute;
  507 + top: 0;
  508 + right: 0;
  509 + width: 31px;
  510 + height: 30px;
  511 + background: url(../../images/pay/up.png) center center no-repeat #b0c2e1;
  512 + -webkit-transition: background-color 0.1s;
  513 + -moz-transition: background-color 0.1s;
  514 + -ms-transition: background-color 0.1s;
  515 + transition: background-color 0.1s;
  516 +}
  517 +.CashRefillPage .p-wrap .used-bank .ub-item {
  518 + overflow: hidden;
  519 +}
  520 +.CashRefillPage .p-wrap .used-bank .ub-item em {
  521 + float: left;
  522 + margin-right: 13px;
  523 +}
  524 +.CashRefillPage .p-wrap .used-bank .ub-item .bank-logo {
  525 + float: left;
  526 + margin-left: 10px;
  527 + margin-right: 10px;
  528 + margin-top: 1px;
  529 +}
  530 +.CashRefillPage .p-wrap .used-bank .ub-item .ub-i-quick {
  531 + margin-top: 6px;
  532 + background: #F60;
  533 + color: #fff;
  534 + height: 18px;
  535 + line-height: 18px;
  536 + padding: 0 5px;
  537 + margin-right: 5px;
  538 + border-radius: 2px;
  539 +}
  540 +.CashRefillPage .p-wrap .used-bank .ub-item .ub-i-limit {
  541 + color: #999;
  542 +}
  543 +.CashRefillPage .p-wrap .used-bank dd {
  544 + position: absolute;
  545 + z-index: 21;
  546 + display: none;
  547 + left: 0;
  548 + background-color: #fff;
  549 + width: 492px;
  550 + border: 1px solid #ddd;
  551 + border-top: none;
  552 + color: #999;
  553 +}
  554 +.CashRefillPage .p-wrap .used-bank dd .ub-list {
  555 + padding: 10px 0 5px;
  556 + font-size: 12px;
  557 +}
  558 +.CashRefillPage .p-wrap .used-bank dd .ub-list li {
  559 + position: relative;
  560 + cursor: pointer;
  561 + margin-bottom: 5px;
  562 + line-height: 30px;
  563 +}
  564 +.CashRefillPage .p-wrap .used-bank dd .ub-list li.selected,
  565 +.CashRefillPage .p-wrap .used-bank dd .ub-list li:hover {
  566 + background-color: #f5f5f5;
  567 +}
  568 +.CashRefillPage .p-wrap .bank-new,
  569 +.CashRefillPage .p-wrap .bank-return {
  570 + float: left;
  571 + color: #005aa0;
  572 + font-size: 12px;
  573 +}
  574 +.CashRefillPage .p-wrap .bank-new a,
  575 +.CashRefillPage .p-wrap .bank-return a {
  576 + color: #005aa0;
  577 +}
  578 +.CashRefillPage .p-wrap .p-amount {
  579 + position: absolute;
  580 + right: 20px;
  581 + top: 14px;
  582 + font-size: 14px;
  583 + text-align: right;
  584 + line-height: 26px;
  585 +}
  586 +.CashRefillPage .p-wrap .p-amount em,
  587 +.CashRefillPage .p-wrap .p-amount .money-unit {
  588 + font-style: normal;
  589 + vertical-align: bottom;
  590 + font-size: 18px;
  591 + color: #ff5d5b;
  592 + margin: 0 3px;
  593 +}
  594 +.CashRefillPage .p-wrap .p-amount .money-unit {
  595 + font-size: 14px;
  596 + margin: 0;
  597 +}
  598 +.CashRefillPage .balance-wrap .p-value {
  599 + font-size: 14px;
  600 + font-weight: 700;
  601 + color: #666;
  602 +}
  603 +.CashRefillPage .balance-wrap.disabled .checkbox {
  604 + cursor: default;
  605 +}
  606 +.CashRefillPage .balance-wrap.disabled .checkbox input {
  607 + cursor: default;
  608 +}
  609 +.CashRefillPage .balance-wrap.disabled label {
  610 + cursor: default;
  611 +}
  612 +.CashRefillPage .balance-wrap.disabled .subtit {
  613 + color: #999;
  614 +}
  615 +.CashRefillPage .balance-wrap.disabled .p-value {
  616 + color: #999;
  617 +}
  618 +.CashRefillPage .bank-area {
  619 + padding-top: 15px;
  620 + padding-left: 43px;
  621 + padding-right: 20px;
  622 + display: none;
  623 +}
  624 +.CashRefillPage .bank-area .tab {
  625 + border: 1px solid #ddd;
  626 + border-width: 0 0 1px 1px;
  627 + height: 36px;
  628 + margin-bottom: 25px;
  629 +}
  630 +.CashRefillPage .bank-area .tab li {
  631 + float: left;
  632 + font-size: 14px;
  633 + border: 1px solid #ddd;
  634 + border-left: none;
  635 + position: relative;
  636 + margin-bottom: -1px;
  637 + z-index: 1;
  638 + background-color: #f5f5f5;
  639 +}
  640 +.CashRefillPage .bank-area .tab li a {
  641 + display: block;
  642 + padding: 7px 32px;
  643 + color: #5eb92d;
  644 +}
  645 +.CashRefillPage .bank-area .tab .curr {
  646 + padding-top: 1px;
  647 + border-bottom-color: #FFF;
  648 + color: #333;
  649 + background-color: #FFF;
  650 +}
  651 +.CashRefillPage .bank-area .tab .curr a {
  652 + color: #333;
  653 +}
  654 +.CashRefillPage .payment-list {
  655 + width: 990px;
  656 + overflow: hidden;
  657 + zoom: 1;
  658 +}
  659 +.CashRefillPage .payment-list .pl-wrap {
  660 + overflow: hidden;
  661 + zoom: 1;
  662 + padding-bottom: 12px;
  663 + width: 1000px;
  664 +}
  665 +.CashRefillPage .payment-list .pl-item {
  666 + position: relative;
  667 + _zoom: 1;
  668 + float: left;
  669 + background-color: #fff;
  670 + padding: 5px 0;
  671 + height: 28px;
  672 + width: 188px;
  673 + margin-right: 10px;
  674 + margin-bottom: 10px;
  675 + cursor: pointer;
  676 + border: 1px solid #b0c2e1;
  677 + -webkit-transition: border-color 0.2s;
  678 + -moz-transition: border-color 0.2s;
  679 + -ms-transition: border-color 0.2s;
  680 + transition: border-color 0.2s;
  681 +}
  682 +.CashRefillPage .payment-list .pl-item:hover,
  683 +.CashRefillPage .payment-list .pl-item.hover {
  684 + border-color: #5eb92d;
  685 + z-index: 20;
  686 +}
  687 +.CashRefillPage .payment-list .pl-item:hover .pl-i-info,
  688 +.CashRefillPage .payment-list .pl-item.hover .pl-i-info {
  689 + visibility: visible;
  690 + opacity: 1;
  691 + bottom: -22px;
  692 +}
  693 +.CashRefillPage .payment-list .pl-item .bank-logo {
  694 + margin-left: 25px;
  695 +}
  696 +.CashRefillPage .payment-list .pl-item .pl-i-info {
  697 + position: absolute;
  698 + visibility: hidden;
  699 + left: -1px;
  700 + bottom: -18px;
  701 + width: 100%;
  702 + height: 20px;
  703 + line-height: 20px;
  704 + font-size: 12px;
  705 + border: 1px solid #5eb92d;
  706 + background-color: #5eb92d;
  707 + color: #fff;
  708 + text-align: center;
  709 + opacity: 0;
  710 + -webkit-transition: bottom .2s, opacity .2s;
  711 + -moz-transition: bottom .2s, opacity .2s;
  712 + -ms-transition: bottom .2s, opacity .2s;
  713 + transition: bottom .2s, opacity .2s;
  714 +}
  715 +.CashRefillPage .payment-list .pl-item .pl-i-selected {
  716 + display: none;
  717 + position: absolute;
  718 + width: 19px;
  719 + height: 19px;
  720 + right: 0;
  721 + top: 0;
  722 +}
  723 +.CashRefillPage .payment-list .pl-more {
  724 + float: left;
  725 + background-color: #ddffca;
  726 + padding: 5px 0;
  727 + height: 28px;
  728 + line-height: 28px;
  729 + font-size: 14px;
  730 + width: 188px;
  731 + border: 1px solid #ddffca;
  732 + text-align: center;
  733 + color: #5eb92d;
  734 + font-weight: 700;
  735 + cursor: pointer;
  736 + -webkit-transition: background-color 0.2s, color 0.2s;
  737 + -moz-transition: background-color 0.2s, color 0.2s;
  738 + -ms-transition: background-color 0.2s, color 0.2s;
  739 + transition: background-color 0.2s, color 0.2s;
  740 +}
  741 +.CashRefillPage .payment-list .pl-more:hover {
  742 + background-color: #5eb92d;
  743 + color: #FFF;
  744 +}
  745 +.CashRefillPage .bank-selected {
  746 + width: 325px;
  747 + height: 38px;
  748 + border: 1px solid #b0c2e1;
  749 + line-height: 38px;
  750 + float: left;
  751 +}
  752 +.CashRefillPage .bank-selected em {
  753 + float: left;
  754 + margin-right: 10px;
  755 +}
  756 +.CashRefillPage .bank-selected .bank-logo {
  757 + float: left;
  758 + margin-left: 15px;
  759 + margin-right: 20px;
  760 + margin-top: 5px;
  761 +}
  762 +.CashRefillPage .bw-q-return {
  763 + margin-left: 10px;
  764 + color: #005aa0;
  765 + font-size: 12px;
  766 +}
  767 +.CashRefillPage .ui-form {
  768 + color: #666;
  769 + font-size: 13px;
  770 +}
  771 +.CashRefillPage .ui-form .ui-form-line {
  772 + margin-bottom: 18px;
  773 +}
  774 +.CashRefillPage .ui-form .ui-form-label {
  775 + float: left;
  776 + text-align: right;
  777 + width: 75px;
  778 + line-height: 32px;
  779 +}
  780 +.CashRefillPage .ui-form label {
  781 + float: left;
  782 + cursor: pointer;
  783 + margin-right: 20px;
  784 +}
  785 +.CashRefillPage .ui-form .radio {
  786 + float: left;
  787 + margin-top: 7px;
  788 + margin-right: 5px;
  789 +}
  790 +.CashRefillPage .ui-form .checkbox {
  791 + float: left;
  792 + margin-top: 7px;
  793 +}
  794 +.CashRefillPage .ui-form .ui-form-group {
  795 + margin-left: 85px;
  796 + line-height: 32px;
  797 +}
  798 +.CashRefillPage .ui-form .bank-selected {
  799 + margin-top: -4px;
  800 + _margin-top: 0;
  801 + width: auto;
  802 + padding-right: 15px;
  803 +}
  804 +.CashRefillPage .ui-form .ui-input {
  805 + width: 238px;
  806 + height: 20px;
  807 + padding: 5px 10px;
  808 + line-height: 20px;
  809 + font-size: 12px;
  810 + background-color: #fff;
  811 + border: 1px solid #ddd;
  812 + vertical-align: middle;
  813 + -webkit-transition: border-color 0.1s;
  814 + -moz-transition: border-color 0.1s;
  815 + -ms-transition: border-color 0.1s;
  816 + transition: border-color 0.1s;
  817 + outline: none;
  818 +}
  819 +.CashRefillPage .ui-form .ui-input:focus {
  820 + border-color: #5eb92d;
  821 +}
  822 +.CashRefillPage .ui-form .ui-input.ui-input-error {
  823 + border-color: #ff5d5b;
  824 +}
  825 +.CashRefillPage .ui-form .ui-select {
  826 + height: 32px;
  827 + line-height: 28px;
  828 + padding: 4px 2px;
  829 + vertical-align: middle;
  830 + border-style: solid;
  831 + border-width: 1px;
  832 + border-color: #b0c2e1;
  833 + background-color: #fff;
  834 + font-size: 12px;
  835 + border-radius: 0;
  836 + width: 80px;
  837 +}
  838 +.CashRefillPage .ui-form .font-black {
  839 + color: #666;
  840 +}
  841 +.CashRefillPage .bank-wrap .bw-quick.type-credit {
  842 + background: url(../../images/pay/credit_bg.png) right center no-repeat;
  843 +}
  844 +.CashRefillPage .paybox {
  845 + border-bottom: 1px solid #ddd;
  846 + padding: 0 2px 1px;
  847 +}
  848 +.CashRefillPage .paybox .subtit {
  849 + color: #666;
  850 +}
  851 +.CashRefillPage .paybox.paybox-selected {
  852 + margin-top: -2px;
  853 + border: 0;
  854 + border: 2px solid #5eb92d;
  855 + padding: 0;
  856 + background-color: #fff;
  857 +}
  858 +.CashRefillPage .paybox.paybox-selected .subtit {
  859 + color: #333;
  860 +}
  861 +.CashRefillPage .paybox.paybox-selected .balance-wrap {
  862 + color: #333;
  863 +}
  864 +.CashRefillPage .paybox.paybox-selected .balance-wrap .p-value,
  865 +.CashRefillPage .paybox.paybox-selected .balance-wrap .subtit {
  866 + color: #333;
  867 +}