@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: Source Han Sans; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }

audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }

    audio:not([controls]) { display: none; height: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }

[hidden],
template { display: none; }

a { background-color: transparent; }

    a:active { outline: 0; }
    a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b,
strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code,
kbd,
pre,
samp { font-family: Source Han Sans, Source Han Sans; font-size: 1em; }

button,
input,
optgroup,
select,
textarea { color: inherit; margin: 0; }

button { overflow: visible; }

button,
select { text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

    button[disabled],
    html input[disabled] { cursor: default; }

    button::-moz-focus-inner,
    input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

    input[type="checkbox"],
    input[type="radio"] { box-sizing: border-box; padding: 0; }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button { height: auto; }

    input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td,
th { padding: 0; }

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Source Han Sans", 黑体, 苹方; }

html, .body { height: 100%; background-color: #fff; }

/* Spacing for block elements */
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure { margin: 0 0 1.6rem 0; }

* + p,
* + hr,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure { margin-top: 1.6rem; }

/* Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 1.6rem 0; font-weight: 600; font-size: 100%; }

h1 { font-size: 1.5em; }

h2 { font-size: 1.25em; }

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 { margin-top: 2em; }

/* Ordered and unordered lists */
ul,
ol { padding-left: 2em; }

    /* Reset margin for nested lists */
    ul > li > ul,
    ul > li > ol,
    ol > li > ol,
    ol > li > ul { margin: 1em 0; }

/* Description lists */
dt { font-weight: bold; }

    dt + dd { margin-top: .5em; }

dd { margin-left: 0; }

    dd + dt { margin-top: 1em; }

a { text-decoration: none; }

.u-a { color: #517af2; text-decoration: underline; }

/*Grid*/
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1170px; }

    .container:before, .container:after { content: " "; display: table; }

    .container:after { clear: both; }

@media (min-width: 768px) {
    .container { width: 750px; }
}

@media (min-width: 992px) {
    .container { width: 970px; }
}

@media (min-width: 1200px) {
    .container { width: 1170px; }
}

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

    .container-fluid:before, .container-fluid:after { content: " "; display: table; }

    .container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }

    .row:before, .row:after { content: " "; display: table; }

    .row:after { clear: both; }

.col-xs-g0 { position: relative; float: left; min-height: 1px; }

.col-xs-g, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-g, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-1 { width: 8.33333%; }

    .col-sm-2 { width: 16.66667%; }

    .col-sm-3 { width: 25%; }

    .col-sm-4 { width: 33.33333%; }

    .col-sm-5 { width: 41.66667%; }

    .col-sm-6 { width: 50%; }

    .col-sm-7 { width: 58.33333%; }

    .col-sm-8 { width: 66.66667%; }

    .col-sm-9 { width: 75%; }

    .col-sm-10 { width: 83.33333%; }

    .col-sm-11 { width: 91.66667%; }

    .col-sm-12 { width: 100%; }

    .col-sm-pull-0 { right: auto; }

    .col-sm-pull-1 { right: 8.33333%; }

    .col-sm-pull-2 { right: 16.66667%; }

    .col-sm-pull-3 { right: 25%; }

    .col-sm-pull-4 { right: 33.33333%; }

    .col-sm-pull-5 { right: 41.66667%; }

    .col-sm-pull-6 { right: 50%; }

    .col-sm-pull-7 { right: 58.33333%; }

    .col-sm-pull-8 { right: 66.66667%; }

    .col-sm-pull-9 { right: 75%; }

    .col-sm-pull-10 { right: 83.33333%; }

    .col-sm-pull-11 { right: 91.66667%; }

    .col-sm-pull-12 { right: 100%; }

    .col-sm-push-0 { left: auto; }

    .col-sm-push-1 { left: 8.33333%; }

    .col-sm-push-2 { left: 16.66667%; }

    .col-sm-push-3 { left: 25%; }

    .col-sm-push-4 { left: 33.33333%; }

    .col-sm-push-5 { left: 41.66667%; }

    .col-sm-push-6 { left: 50%; }

    .col-sm-push-7 { left: 58.33333%; }

    .col-sm-push-8 { left: 66.66667%; }

    .col-sm-push-9 { left: 75%; }

    .col-sm-push-10 { left: 83.33333%; }

    .col-sm-push-11 { left: 91.66667%; }

    .col-sm-push-12 { left: 100%; }

    .col-sm-offset-0 { margin-left: 0%; }

    .col-sm-offset-1 { margin-left: 8.33333%; }

    .col-sm-offset-2 { margin-left: 16.66667%; }

    .col-sm-offset-3 { margin-left: 25%; }

    .col-sm-offset-4 { margin-left: 33.33333%; }

    .col-sm-offset-5 { margin-left: 41.66667%; }

    .col-sm-offset-6 { margin-left: 50%; }

    .col-sm-offset-7 { margin-left: 58.33333%; }

    .col-sm-offset-8 { margin-left: 66.66667%; }

    .col-sm-offset-9 { margin-left: 75%; }

    .col-sm-offset-10 { margin-left: 83.33333%; }

    .col-sm-offset-11 { margin-left: 91.66667%; }

    .col-sm-offset-12 { margin-left: 100%; }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }

    .col-md-1 { width: 8.33333%; }

    .col-md-2 { width: 16.66667%; }

    .col-md-3 { width: 25%; }

    .col-md-4 { width: 33.33333%; }

    .col-md-5 { width: 41.66667%; }

    .col-md-6 { width: 50%; }

    .col-md-7 { width: 58.33333%; }

    .col-md-8 { width: 66.66667%; }

    .col-md-9 { width: 75%; }

    .col-md-10 { width: 83.33333%; }

    .col-md-11 { width: 91.66667%; }

    .col-md-12 { width: 100%; }

    .col-md-pull-0 { right: auto; }

    .col-md-pull-1 { right: 8.33333%; }

    .col-md-pull-2 { right: 16.66667%; }

    .col-md-pull-3 { right: 25%; }

    .col-md-pull-4 { right: 33.33333%; }

    .col-md-pull-5 { right: 41.66667%; }

    .col-md-pull-6 { right: 50%; }

    .col-md-pull-7 { right: 58.33333%; }

    .col-md-pull-8 { right: 66.66667%; }

    .col-md-pull-9 { right: 75%; }

    .col-md-pull-10 { right: 83.33333%; }

    .col-md-pull-11 { right: 91.66667%; }

    .col-md-pull-12 { right: 100%; }

    .col-md-push-0 { left: auto; }

    .col-md-push-1 { left: 8.33333%; }

    .col-md-push-2 { left: 16.66667%; }

    .col-md-push-3 { left: 25%; }

    .col-md-push-4 { left: 33.33333%; }

    .col-md-push-5 { left: 41.66667%; }

    .col-md-push-6 { left: 50%; }

    .col-md-push-7 { left: 58.33333%; }

    .col-md-push-8 { left: 66.66667%; }

    .col-md-push-9 { left: 75%; }

    .col-md-push-10 { left: 83.33333%; }

    .col-md-push-11 { left: 91.66667%; }

    .col-md-push-12 { left: 100%; }

    .col-md-offset-0 { margin-left: 0%; }

    .col-md-offset-1 { margin-left: 8.33333%; }

    .col-md-offset-2 { margin-left: 16.66667%; }

    .col-md-offset-3 { margin-left: 25%; }

    .col-md-offset-4 { margin-left: 33.33333%; }

    .col-md-offset-5 { margin-left: 41.66667%; }

    .col-md-offset-6 { margin-left: 50%; }

    .col-md-offset-7 { margin-left: 58.33333%; }

    .col-md-offset-8 { margin-left: 66.66667%; }

    .col-md-offset-9 { margin-left: 75%; }

    .col-md-offset-10 { margin-left: 83.33333%; }

    .col-md-offset-11 { margin-left: 91.66667%; }

    .col-md-offset-12 { margin-left: 100%; }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }

    .col-lg-1 { width: 8.33333%; }

    .col-lg-2 { width: 16.66667%; }

    .col-lg-3 { width: 25%; }

    .col-lg-4 { width: 33.33333%; }

    .col-lg-5 { width: 41.66667%; }

    .col-lg-6 { width: 50%; }

    .col-lg-7 { width: 58.33333%; }

    .col-lg-8 { width: 66.66667%; }

    .col-lg-9 { width: 75%; }

    .col-lg-10 { width: 83.33333%; }

    .col-lg-11 { width: 91.66667%; }

    .col-lg-12 { width: 100%; }

    .col-lg-pull-0 { right: auto; }

    .col-lg-pull-1 { right: 8.33333%; }

    .col-lg-pull-2 { right: 16.66667%; }

    .col-lg-pull-3 { right: 25%; }

    .col-lg-pull-4 { right: 33.33333%; }

    .col-lg-pull-5 { right: 41.66667%; }

    .col-lg-pull-6 { right: 50%; }

    .col-lg-pull-7 { right: 58.33333%; }

    .col-lg-pull-8 { right: 66.66667%; }

    .col-lg-pull-9 { right: 75%; }

    .col-lg-pull-10 { right: 83.33333%; }

    .col-lg-pull-11 { right: 91.66667%; }

    .col-lg-pull-12 { right: 100%; }

    .col-lg-push-0 { left: auto; }

    .col-lg-push-1 { left: 8.33333%; }

    .col-lg-push-2 { left: 16.66667%; }

    .col-lg-push-3 { left: 25%; }

    .col-lg-push-4 { left: 33.33333%; }

    .col-lg-push-5 { left: 41.66667%; }

    .col-lg-push-6 { left: 50%; }

    .col-lg-push-7 { left: 58.33333%; }

    .col-lg-push-8 { left: 66.66667%; }

    .col-lg-push-9 { left: 75%; }

    .col-lg-push-10 { left: 83.33333%; }

    .col-lg-push-11 { left: 91.66667%; }

    .col-lg-push-12 { left: 100%; }

    .col-lg-offset-0 { margin-left: 0%; }

    .col-lg-offset-1 { margin-left: 8.33333%; }

    .col-lg-offset-2 { margin-left: 16.66667%; }

    .col-lg-offset-3 { margin-left: 25%; }

    .col-lg-offset-4 { margin-left: 33.33333%; }

    .col-lg-offset-5 { margin-left: 41.66667%; }

    .col-lg-offset-6 { margin-left: 50%; }

    .col-lg-offset-7 { margin-left: 58.33333%; }

    .col-lg-offset-8 { margin-left: 66.66667%; }

    .col-lg-offset-9 { margin-left: 75%; }

    .col-lg-offset-10 { margin-left: 83.33333%; }

    .col-lg-offset-11 { margin-left: 91.66667%; }

    .col-lg-offset-12 { margin-left: 100%; }
}
/*Grid*/
.u-btn { padding-left: 15px; padding-right: 15px; height: 32px; line-height: 30px; display: inline-block; font-size: 12px; text-align: center; white-space: nowrap; background-image: none; border: 1px solid transparent; cursor: pointer; outline: none; -webkit-appearance: none; user-select: none; transition: background-color 300ms ease-out, border-color 300ms ease-out,color 300ms ease-out; }

.u-btn-lg { font-size: 14px; height: 44px; line-height: 42px; padding-left: 50px; padding-right: 50px; }

.u-btn-sx { padding-left: 18px; padding-right: 18px; height: 32px; line-height: 30px; }

.u-btn-al { padding-left: 28px; padding-right: 28px; height: 32px; line-height: 30px; }

.u-btn-lb { padding-left: 18px; padding-right: 18px; height: 26px; line-height: 24px; }

.u-btn-default { background-color: #f7f7f7; border: 1px solid #c6c6c6; color: #000; }

    .u-btn-default:hover { background-color: #fff; }

    .u-btn-default:active { background-color: #fff; border: 1px solid #1364c1; box-shadow: 0 0 5px 0 #1364c1 inset; }

.u-btn-primary { background-color: #1d73d6; border: 1px solid #1364c1; color: #fff; }

    .u-btn-primary:hover { background-color: #68adfd; }

    .u-btn-primary:active { background-color: #68adfd; border: 1px solid #1364c1; box-shadow: 0 0 5px 0 #1364c1 inset; }

.u-btn-no-hover { pointer-events: none; }

.u-btn-qd { cursor: pointer; border: 0; display: inline-block; width: 73px; height: 24px; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAYCAYAAAC2odCOAAACs0lEQVRYhe2Z30tTYRjHP9vEI9g8am3+uHBBiHCYDcKrYBdBSEF1mXGQZQR51Z0gDoroQhH8AxIKIkTYdbsIEboQvLLioBgiwVnUlj+azYPViZZdjB22qWdn5XEb7HN13r3P+z7v+z3P+7zPYY5rz8MP3qYTj3b3dSdVhOgQuF0fwO/y2ukmAdx1dD67k/59rsXpahTsdHbspPd03J9+8O7GpG0+kskki4uLCefuvl51AgG4GgU2fqZs9dHa2grQUVVHrFzURLJATSQL1ESyQJ1Z55g3yP2uq0UnGVmfYTa1emhfvG/ctP8olN5RJj++LHmcHZiKNLG5wMTmgukESu/ogbZHEPN+m+oeZCqnvaWnCCxPIosSU92Debbz2wohNWJh6SeHqUiQiYTOpXBJk5rZy6LEaNd1AGZTq8wW2L44O0C8bxzIF/dfovG4qLicFFIjdC6F2dJTjKzPGM/lpGgkAcabtUox++ym53qG8bt9B/pLjVy7sSSS2aILc1Ix+1z616aNOQLL+Z8XHkGsiKQNFkUy47DNgXk0rWgxQyBZlFA0lTFvkEstEv1r08iiVPYjlst/iwSZZPv+e5yY/tXYXPYGK0QWJYbag0Z7qD1oCHar7SIAV1p6UTQ1b1w5o+pYEne70AyATzjNxq9vlsfJomQ8x/vG8QgiY94gl88EeLWzbPQVlhQnTdFIshL2freP/rVp5nqGeb2TeeMeQTzyyK1oMSATMX63zygzssXr/LZSMfkILIikaGrR22p+WwGgrb7ZKD6tHLeQGoGcwjF7XENqJK/QzIpaLhynnsr77sDBa7ga0JQY8ZtPbPURjUYrr5isRGoiWaAmkgWcTQ7hT3pPL/c6Sia9p+NtaLLVRzKZBPhSd8HV8fjNh8RDrcr+Ump2NDBQf55oNGqnm8/Avb8w5wCLIL35xAAAAABJRU5ErkJggg==); }

.u-btn-noqd { background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAYCAYAAAC2odCOAAACe0lEQVRYhe2ZsWrjQBCGv5iA+4DxpUtr1VsFC4y7E3mBFN7CIPQCbtyYoCvc+AWMiQsHpBcIahKMCpeqtW26IxjSu7jcFT4J27Jy63BCDvjrVjvamfk1O7ugM8/zvgP3wCUndnkH7s6B++vr68uLi4vCPD09PWGaJrVarTAfRbBcLivPz893FaBQgQBWq9WXEwhIYq5Uyg7kK3ASSYOTSBqcRNLgKEWSUqKU0rYXQhxkf6if84NXPgKklMRxvPWs0+lsjQ3DYDaboZTKzDmOg23b2v5KFykMQ3q9Xub5bmKWZeG6bjqOoih3TaUUw+EQgEajkbGdTCYIITJ+Hh4eaDQamfVKF6nVamWSkFLS7/f3Bvw/sG0b27a3/Egpc+1LF+mzJJWQh2EYAAwGA4IgyMx/VIm7lC5SXrK72w1gNBrRarUA/SRd18V1XaSUzGazrbk4jrWqtXSRdpNNvnzSePeRNO2PqmmzhymlME2TMAyZz+e4rotSKq22f1G6SJtIKel2u7y8vNDtdhFCZETcTC5PSKUUvu+nY9/3U8Gm0ykAi8UC0zS33surqqO4JyWnTb/fT7dTvV4niiKEEAwGg9T29fWVq6sr7bU370FCCOI4JgxDxuMxzWYzndu9UmxSeiUJIXAcJ7fHRFFEGIYIIRiNRsznc9rtNrBOLG/LWZYFrCsmCAKCIEjX6vV6OI6jfXqWLpJOA968Jkyn07TadLZbctwn1Ot1DMPAtu2ti2Yi6j7OPM/7fXNzo53UZ3h8fOT29rZQH0Xh+/5x9KRj5ySSBieRNKgAP9/e3gp1Uq1WWS6Xhfoogr8xv595nmex/qX0rdyQjpJfwI8/Y1UCuh7UzlQAAAAASUVORK5CYII=); }

.g-table { border: 1px solid #ccc; color: #666; width: 100%; }

    .g-table td { border-bottom: 1px solid #ccc; padding: 12px 10px; font-size: 14px; color: #333; word-break: break-all; background-color: #fff; }

    .g-table th { background-color: #f9fafc; padding: 12px 10px; font-size: 14px; color: #333; text-align: left; border-bottom: 1px solid #ccc; word-break: break-all; font-weight: 400; }

    .g-table tr:hover { background-color: #f9fafc; }

.g-tr-h-no:hover { background-color: #fff !important; }

.g-tr-sm td { padding: 12px 10px; }

.g-tr-lg td { padding: 30px 10px; }

.g-tr-active { background-color: #EEF7FF; }

.g-td-i-ce { text-align: center; }

.g-table-col-bo td + td { border-left: 1px solid #ccc; }

.g-table-td-bdn td { border-bottom: none; }

.g-table-no-hover tr:hover { background-color: #fff; }

.u-table-y { border: 1px solid #ccc; color: #333; width: 100%; font-size: 12px; }

    .u-table-y td { word-break: break-all; }

.u-tablel-h td { border-bottom: 1px solid #ccc; font-size: 12px; color: #333; word-break: break-all; }

.u-table-bd td { border-left: 1px solid #ccc; }

.u-tablel-h-no td { border-bottom: 0; word-break: break-all; }


.u-table-no { border: 0 solid; }
    .u-table-no th { background-color: #fff; border: 0 solid; }
    .u-table-no td { border: 0 solid; }

/*
<table class="u-table-y v-table">
<tr class="trpt15">
<td >
</td>
</tr>
<tr>
<td></td>
</tr>
<tr class="trpb15">
<td></td>
</tr>
</table>
*/
.x-table { font-size: 14px; width: 100%; }
    .x-table td { padding: 12px 10px; border-bottom: 1px solid #e5e5e5; }
    .x-table .x-t-logo { width: 110px; height: 40px; }
    .x-table .x-tr-xu td { border-bottom: 1px dashed #e5e5e5; }

.u-d-table { display: table; }

.u-d-tr { display: table-row; }

.u-cell { display: table-cell; *display: inline-block; *width: auto; float: none; }

.v-table td:first-child { background-color: #eaedf1; text-align: right; width: 160px; }

.v-table { font-size: 14px; margin-top: 20px; border: 1px solid #c6c6c6; }

    .v-table td { height: 40px; padding-left: 15px; padding-right: 15px; border-left: 1px solid #c6c6c6; background-color: #fff; }

.trpt15 td { padding-top: 15px; height: 55px; }

.trpb15 td { padding-bottom: 15px; height: 55px; }

.u-input { width: 100%; height: 32px; line-height: 30px; border: 1px solid #ddd; border-radius: 2px; padding-left: 10px; font-size: 12px; display: inline-block; }

    .u-input:focus { border: 1px solid #1d73d6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.u-input-success { border: 1px solid #5bc92e; }

.u-input-warning { border: 1px solid #f5b400; }

.u-input-error { border: 1px solid #fd5b4a; }

.u-input-radio { margin-left: 20px; margin-right: 5px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; }
/*

<div class="g-select-box">
<label for="doc-select-1">下拉多选框</label>
<select id="doc-select-1">
<option value="option1">选项一...</option>
<option value="option2">选项二.....</option>
<option value="option3">选项三........</option>
</select>
<span class="am-form-caret"></span>
</div>

*/
select::-ms-expand { display: none; }

.g-select-box select { -webkit-appearance: none !important; -moz-appearance: none !important; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGBAMAAADj6an2AAAAFVBMVEUAAAC7v8i7v8i7v8i7v8i7v8i7v8jlzQi+AAAAB3RSTlMAJeJixwmgUspNjgAAACJJREFUCNdjYGUAIRYDBhMGBkZlZkUGBgahJAEgyejIAAUAHGwBgQFBz+QAAAAASUVORK5CYII=) no-repeat scroll 100%; background-position: center right 7px; border: 1px solid #ddd; border-radius: 0; color: #555555; display: inline-block; font-size: 12px; padding: 0.5em; transition: border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s; vertical-align: middle; width: 100%; height: 32px; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; line-height: 1.2; }

    .g-select-box select:focus { border: 1px solid #1d73d6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

    .g-select-box select > option { height: 30px; line-height: 30px; background-color: #fff; color: #333; padding-left: 10px; padding-top: 7px; }


/*
                         <div class="u-radio-g  u-radio-g-active u-radio-g-sm" data-radio="tc">新增服务<input class="hide" type="radio" name="tc" /></div>
                        <div class="u-radio-g  u-radio-g-sm" data-radio="tc"> 取消服务 <input class="hide" type="radio" name="tc" /></div>

<div> <div class="u-radio-g u-radio-g-active" data-radio="tc">包月套餐（3个月）<input class="hide" type="radio" name="tc" /></div> <span class="s-d4">￥299.00</span></div>
<div> <div class="u-radio-g" data-radio="tc">包月套餐（半年）<input class="hide" type="radio" name="tc" /></div> <span class="s-d4">￥599.00</span></div>
<div> <div class="u-radio-g" data-radio="tc">包月套餐（半年）<input class="hide" type="radio" name="tc" /></div> <span class="s-d4">￥899.00</span></div>
*/
.u-radio-g { height: 46px; line-height: 44px; width: 348px; border: 1px solid #e5e5e5; background-color: #f9fafc; color: #333; text-align: center; font-size: 14px; cursor: pointer; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

    .u-radio-g:hover { border: 1px solid #aaa; }

.u-radio-g-active { border: 2px solid #1d73d6; color: #1d73d6; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAADFBMVEUAAAAdc9Ydc9b///+AEXmxAAAAAnRSTlMAf7YpoZUAAABHSURBVAjXJcsxFQAhDATRuwYRSETaUOAAQZFABclsM8V/+9V+00w3Q0JCQkJCQkJCQkKKohlJsUg6m6R9SFpBvibU66WbUbka5Czv/y/KuAAAAABJRU5ErkJggg==) no-repeat bottom right; transition: background-color 300ms ease-out, border-color 300ms ease-out,color 300ms ease-out; }

    .u-radio-g-active:hover { border: 2px solid #1d73d6; }

.u-radio-g-sm.u-radio-g-active:hover { border: 1px solid #1d73d6; }

.u-radio-g-sm.u-radio-g-active { border: 1px solid #1d73d6; }

.u-radio-g-sm { height: 32px; line-height: 30px; width: auto; padding-left: 28px; padding-right: 28px; }

.u-radio-g.u-radio-g-zfb, .u-radio-gu-radio-g-active.u-radio-g-zfb { width: auto; border: 1px solid #aaa; line-height: 40px; height: 40px; padding-left: 20px; padding-right: 20px; }
    .u-radio-g.u-radio-g-zfb:hover, .u-radio-gu-radio-g-active.u-radio-g-zfb:hover { border: 1px solid #1d73d6; }

.textarea { display: block; width: 100%; padding: 10px; line-height: 1.2; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-appearance: none; resize: none; font-size: 12px; color: #333; }

    .textarea:focus { border: 1px solid #1d73d6; transition: border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s; }
.Max-site { /*width:200px;*/ /*height:50px;*/ position: absolute; left: 640px; top: 114px; }
.Max_msg { display: inline-block; text-align: center; /*position:absolute;
    top:120px;
    left:320px;*/ }

.g-sx .u-input + .u-input { margin-left: 10px; }

.g-sx-zd + .g-select-box { display: inline-block; }

.g-sx-zd { width: 100px; display: inline-block; text-align: right; }

.u-title { height: 34px; line-height: 34px; font-size: 16px; color: #333; border-bottom: 1px solid #e5e5e5; font-weight: 700; font-family: "Source Han Sans"; }
    .u-title .col-xs-g0 + .col-xs-g0 { margin-right: 10px; }
    .u-title .col-xs-g0 { font-weight: 400; }

.u-a { color: #1c81e5; cursor: pointer; }

.u-red { color: #fd5b4a; }

.u-green { color: #21c85c; }

.u-fw-box { width: 100%; padding: 25px 20px; background-color: #fff; margin-bottom: 10px; border: 1px solid #ccc; font-size: 14px; color: #333; line-height: 25px; }
    .u-fw-box > .row { margin-left: 0; margin-right: 0; }

.u-memu { margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-top: 70px !important; width: 180px; min-height: 100%; background-color: #293038; position: fixed; top: 0px; left: 0; bottom: 0; z-index: 141;overflow-y:auto; }
.u-memu::-webkit-scrollbar {
      width: 0;
    }
.u-memu::-webkit-scrollbar {
      width: 0;
    }
    .u-memu li { list-style: none; }

    .u-memu > li > a, .u-memu-sub > li > a { color: #c4c8d1; font-weight: 700; font-size: 14px; padding-left: 30px; height: 36px; line-height: 36px; text-decoration: none; cursor: pointer; display: inline-block; width: 100%; }

    .u-memu > li > a { border-top: 1px solid #1f252c; cursor: default; }

    .u-memu > li > .u-menu-x { cursor: pointer; }

    .u-memu > li > a.bt-no { border-top: none; }

li.u-memu-active > a { color: #fff; padding-left: 26px; border-left: 4px solid #1d73d6; overflow: hidden; border-right: 10px solid #424b56; border-left: 4px solid #1d73d6; background: #424b56 url(../../images/user/jt2.png) no-repeat; background-position: center right; }

.u-memu-sub > li > a:hover, .u-memu > li > .u-menu-x:hover { text-decoration: underline; }

.u-memu-open > .u-memu-sub { display: block; }

.u-memu-sub { margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; display: none; }

    .u-memu-sub > li > a { font-size: 14px; padding-left: 48px; font-weight: 500; }

.u-memu-active { height: 36px; }

.u-memu-sub > .u-memu-active > a { color: #fff; padding-left: 44px; border-right: 10px solid #424b56; border-left: 4px solid #1d73d6; background: #424b56 url(../../images/user/jt2.png) no-repeat; background-position: center right; }

.u-nav { height: 50px; background: #2075d6; top: 0; left: 0; min-width: 1200px; z-index: 142;position: fixed;width:100%;left:0;top:0; }

.u-nav-li { height: 50px; line-height: 50px; padding-left: 18px; padding-right: 18px; color: #fff; font-size: 14px; border-left: 1px solid #1364c1; float: right; cursor: pointer; }

.u-nav-tz { width: 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAA80lEQVQ4ja3TMS7EQRzF8bdLR0FFQ6ISDQcQHScQLXED0Yo4h2zcgriDjYp6NZQKGqHYj8LvnyDYtdmXTDLz3ptvJjOZFmSMaic5TNIfA6uf5CAIdvBidL1gGwlmCrqBxxFgj1gvxmxwg4UyVnD3D1gPy7V3Ebep4B6rFczjeghYt7rBGh7UotETNsubxuUfsIvqBFt4boJ8K75it/xJnP0A61QW7OHtc/gdCH0cVRaclNeveeMfl/dFPwEbnWKiOvs1mpN3ftv0FxDOMfXpVNM+7u9XDQLCFeZ8vGh3ULnFUH+5l6SVZGlQcVjg0GqPE5Yk70Lw+SFyx/GVAAAAAElFTkSuQmCC) no-repeat center center; padding-left: 63px; }
    .u-nav-tz .u-nav-tz-num { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAHlBMVEUgddYgddYgddYgddYgddYAAAD/qABqho/ZnyTboCKpl+NlAAAABnRSTlPdgQn5xQA9ELWcAAAAMElEQVQI12MIEjAQCmBQqcgoUWAQT0tLF2DgSEvLYGAwS0tLM4CwoeIqlZklChD1AEDqC981AckDAAAAAElFTkSuQmCC) no-repeat center center; width: 10px; height: 10px; border-radius: 10px; display: block; position: absolute; right: 26px; top: 13px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.u-alert { min-height: 36px; line-height: 36px; padding-left: 10px; font-size: 12px; padding-right: 10px; }

.u-alert-secondary { background-color: #f9fafc; border: 1px solid #e1e4e7; color: #1d73d6; }

.u-alert-success { background-color: #f2ffea; border: 1px solid #add793; color: #00992b; }

.u-alert-warning { background-color: #fcf8e2; border: 1px solid #edd28a; color: #9d7437; min-width: 980px; }

.u-alert-danger { background-color: #fff6f2; border: 1px solid #f1acac; color: #ee2117; }

.u-alert-colse { float: right; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEUAAADGxsbGxsbGxsbGxsbGxsbGxsabQfGfAAAABnRSTlMA1BUNwwyUrSJQAAAAQUlEQVQI12NgVmBgYGAKYAgRAtKKrgyKiQoMTGJCIAxmAwklIJMBKCAI4gIF0oBcKA0Xh6mD6YObYwI21xlqjwEAImoJj0EOdaAAAAAASUVORK5CYII=); margin-top: 10px; cursor: pointer; }

/*
<div class="u-btn u-btn-al mb10 u-btn-default" data-action="modal" data-modalid="modal" >+ 选择添加</div>

        <div id="modal" class="u-modal " data-modal="close">
            <div class="u-modal-box">
                <div class="u-modal-hd">
                    标题
                    <span class="u-modal-close j_modal-close" data-modal="close"></span>
                </div>
                <div class="u-modal-bd  pb30 fix">

                </div>

                <div class="u-modal-footer fix">
                    <div class="u-btn u-btn-primary r u-btn-al" data-modal="close" >确定</div>
                </div>
            </div>
        </div>
        <div class="u-modal-m  j_modal-m-close"></div>
*/
.u-modal { overflow-x: hidden; overflow-y: auto; transform: scale(1); transition-duration: 300ms; backface-visibility: hidden; bottom: 0; left: 0; outline: 0 none; perspective: 1000px; position: fixed; right: 0; text-align: center; top: 0; transition-property: transform, opacity, -webkit-transform; z-index: 1110; animation: show 0.5s 1 ease both; }

    .u-modal:before { content: " "; display: inline-block; height: 100%; vertical-align: middle; }

.u-modal-box { background: #f8f8f8 none repeat scroll 0 0; border-radius: 0; display: inline-block; margin-left: auto; margin-right: auto; max-width: 100%; position: relative; vertical-align: middle; width: 600px; border: 1px solid #ddd; background-color: #fff; z-index: 1120; }

.u-modal-hd { padding-left: 20px; height: 41px; line-height: 40px; font-size: 14px; text-align: left; border-bottom: 1px solid #ddd; background: #293038; color: #fff; margin: -1px; }

.u-modal-close { width: 14px; height: 14px; float: right; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEUAAADGxsbGxsbGxsbGxsbGxsbGxsabQfGfAAAABnRSTlMA1BUNwwyUrSJQAAAAQUlEQVQI12NgVmBgYGAKYAgRAtKKrgyKiQoMTGJCIAxmAwklIJMBKCAI4gIF0oBcKA0Xh6mD6YObYwI21xlqjwEAImoJj0EOdaAAAAAASUVORK5CYII=) no-repeat; cursor: pointer; margin-top: 12px; margin-right: 10px; }

.u-modal-bd { padding: 30px 40px; text-align: left; }

.u-modal-footer { text-align: left; padding: 20px; padding-top: 0; }

.u-modal-m { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 1; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; }

@keyframes show {
    from { opacity: 0; }
    to { opacity: 1; }
}

.u-animation-hide { animation: hide 0.5s 1 ease; }

@keyframes hide {
    0% { opacity: 1; }
    99% { opacity: 0; }
    100% { opacity: 0; }
}
/*分页*/
.g-page { line-height: normal; overflow: hidden; text-align: right; }

.xzsdf { color: Red; }

.g-page em { font-style: normal; padding-right: 5px; color: #999; padding: 10px 13px; }

.g-page a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; color: #1C81E5; padding: 0 13px; text-align: center; background-color: #fff; display: inline-block; border: 1px solid #e5e5e5; border-left: none; }

    .g-page a:hover { background-color: #1C81E5; border: 1px solid #1C81E5; color: #fff; text-decoration: none; }

.g-page .prev, .g-page .next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; color: #1C81E5; padding: 0 13px; text-align: center; background-color: #fff; display: inline-block; border: 1px solid #e5e5e5; border-left: none; }

    .g-page .prev.current { background-color: #F8F8F8; color: #999999; border: #e4e4e4 solid 1px; }

    .g-page .next.current { background-color: #F8F8F8; color: #999999; border: #e4e4e4 solid 1px; }

.g-page .current { box-sizing: border-box; height: 30px; line-height: 30px; background-color: #1C81E5; border: 1px solid #1C81E5; color: #f6f9fa; padding: 0 13px; text-decoration: none; text-align: center; display: inline-block; }

.g-ml-10 { margin: 10px; }

.g-ml-5 { margin: 10px; }

#AspNetPager1 { padding: 0; margin: 0; }

    #AspNetPager1 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; color: #1C81E5; padding: 0 13px; text-align: center; background-color: #fff; display: inline-block; border: 1px solid #e5e5e5; border-left: none; }

    #AspNetPager1 span { -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; background-color: #1C81E5; border: 1px solid #1C81E5; color: #f6f9fa; padding: 0 13px; text-decoration: none; text-align: center; display: inline-block; }

    #AspNetPager1 a:hover { background-color: #1C81E5; border: 1px solid #1C81E5; color: #fff; text-decoration: none; }

    #AspNetPager1 a[disabled="disabled"] { -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; color: #999; padding: 0 13px; text-align: center; background-color: #fff; display: inline-block; border: 1px solid #e5e5e5; }

.x-tabs-btn { color: #293038; font: 400 16px 'Source Han Sans'; padding-left: 20px; padding-right: 20px; line-height: 40px; height: 40px; display: inline-block; background-color: #f9fafc; border: 1px solid #e5e5e5; cursor: pointer; float: left; }
    .x-tabs-btn.active { border-top: 3px solid #1d73d6; font-weight: 700; background-color: #fff; height: 40px; line-height: 37px; border-bottom-color: transparent; }
    .x-tabs-btn + .x-tabs-btn { border-left: 0; }

.tabs-box { padding: 20px; background-color: #fff; border: 1px solid #e5e5e5;    min-height:calc(100vh - 180px); }

.tabs-box-k { padding: 0; }

.x-tabs-box2 { border-bottom: 1px solid #e5e5e5; }
    .x-tabs-box2 .x-tabs-btn { background-color: #F2F4F7; border: none; font-size: 16px; }
        .x-tabs-box2 .x-tabs-btn.active { border: 1px solid #e5e5e5; border-top: 3px solid #1d73d6; background-color: #F2F4F7; border-bottom: none; margin-bottom: -1px; height: 41px; font-weight: 700; }

.u-tip { position: absolute; z-index: 131; background-color: #fff8bb; border: 1px solid #f5b400; padding: 15px 20px; color: #9d7437; font-size: 12px; width: 240px; word-break: break-all; line-height: 1.48; border-radius: 3px; }
.u-tip2 { width: 175px; top: 30px; left: 0px; padding: 24px 10px 15px 10px; background-color: #fff; border: 1px solid #c6c6c6; color: #333; text-align: left; }
.u-tip .u-close { position: absolute; top: 5px; right: 5px; cursor: pointer; }
.u-tip .u-tip-caret { position: absolute; bottom: -5px; left: 8px; }

.u-tip-title { position: absolute; top: 100px; left: 200px; z-index: 132; background-color: #fff; border: 1px solid #c6c6c6; padding: 20px; color: #333; font-size: 12px; width: 240px; word-break: break-all; line-height: 1.48; border-radius: 3px; }
    .u-tip-title .u-tip-caret { position: absolute; top: -5px; left: 8px; }
    .u-tip-title .u-tip-caret-left { bottom: -5px; right: 8px; left: auto; }

/*
<div id="tip1" class="u-tip hide">
<div class="u-ico-close u-close"></div>
<div class="u-tip-caret u-ico-jtx"></div>
提醒：您还未完成实名认证 将无法申请API服务。
</div>


</div>
*/
/*
<div id="title" class="u-tip-title hide">
<div id="titleText">
</div>
<div class="u-ico-jts u-tip-caret"></div>

*/
.u-ico { display: inline-block; }

.u-progress-box { height: 12px; overflow: hidden; background-color: #d3d6d8; border-radius: 12px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.u-progress { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #6e747c; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }

.u-progress-xs { height: 12px; }
    .u-progress-xs .u-progress { line-height: 12px; }

/*
<div class="u-i-b"><a href="/api-track" target="_blank" class="u-i-btn">即时查询<div class="u-uh-title-mf">免费</div></a><div class="u-i-con">- 永久免费<br>- 即时查询返回物流单号轨迹结果<br>- 每日限制查询次数3000次<br>- 支持418余家国内外物流公司<br>- 需实名认证<br>- 适用于日查询单量3000以内<br></div><div class="u-i-btn-sq">适用于日查询单量≤3000次<br><div id="0" class="u-btn u-btn-default  u-btn-lg mt15">已开通</div></div></div>
<div class="u-i-b"><a href="/api-monitor" target="_blank" class="u-i-btn">隐私发件<img class="ml2 vn" src="/assets/images/public/new.png" alt=""></a><div class="u-i-con">-使用第三方安全号码替换用户真实号码，隐私不泄露<br>- 所有来电均转接到真实号码，来电不漏接<br>- 安全号码在打印面单时生成，在快递妥投后解绑，无后续骚扰<br>- 支持电子面单和普通纸质单<br>- 电子面单版式由快递鸟与快递公司联合推出，绑定安全号码之外，还集成扫码拨号等功能<br>- 需实名认证<br></div><div class="u-i-btn-sq">适用于全网快递<br><a id="5" class="u-btn u-btn-primary u-btn-lg mt15" href="/UserCenter/SelectPackage.aspx?productkey=13ad723e-dcf7-470f-8dcd-047ae558395f">申请API</a></div></div>
*/
.u-i-b { padding: 19px 22px; border: 1px solid #ccc; width: 300px; float: left; height: 350px; color: #333; font-size: 12px; margin-top: 10px; margin-left: 38px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.ml-38 { margin-left: -38px; }

.u-i-b:hover { box-shadow: 0px 2px 2px 1px #c6d9f0; }

.u-i-btn { display: block; width: 100%; height: 40px; border-radius: 20px; color: #333; font-weight: 700; line-height: 38px; background-color: #f9fafc; font-size: 16px; text-align: center; border: 1px solid #ddd; position: relative; }

.u-i-con { padding-top: 20px; height: 170px; font-size: 14px; }

.u-i-btn-sq { text-align: center; font-size: 16px; padding-top: 15px; color: #47b51a; }

.u-i-btn-btn { font-size: 16px; width: 120px; margin-top: 10px; }

.u-uh-xs { padding: 20px; background-color: #fff; border: 1px solid #ccc; font-size: 14px; color: #333; margin-bottom: 10px; transition: background-color 300ms ease-out, border-color 300ms ease-out,color 300ms ease-out; }

    .u-uh-xs:hover { border: 1px solid #aaa; box-shadow: 0px 2px 2px 1px #c6d9f0; }

.u-uh-title { background-color: #f9fafc; width: 100%; height: 40px; line-height: 38px; border-radius: 20px; border: 1px solid #ccc; text-align: center; font-weight: 700; font-size: 14px; position: relative; }

.u-uh-title-mf { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAiCAMAAAAEcluKAAAAjVBMVEUAAABCQUBCQUBCQUD5fgdCQUBCQUD+gAX8fwbwewroeAzjdg7acxDRcBO8aRqNWihCQUBCQUBCQUBCQUBoTTRLRD1GQj5CQUD3fQj1fQj1fQjyfAnsegvqeQvWchLCbBjNbxXGbRelYiG7aRqdXySzZx19VS12UjCrZB9gSzdMRDxCQUB8VC7/gAX/gAWFtsR/AAAALnRSTlMATQMR7kQN+/TYxr2vnoJqNjAqJSUdGAjp5OPcz8ujk5OIeXV0aGNfX1dQPDErX6ti1AAAAINJREFUOMvtzzUWhEAUBdH3WxhggBFk3F33vzwI8EMDCVlXfJPCv0/ox0gzzTQbhP3sTmRfCTCe2zYzGk9oypHEb5YKmc6DZgbS+GXThIT7ovkCpSJvXUerw1v6DLXC07KMLI9kyNBQcBQZ2p3pE0ERC1yzMqeE371w7sWcGvoynyuKASTmvsgt5+HlAAAAAElFTkSuQmCC); display: inline-block; width: 38px; height: 34px; vertical-align: middle; line-height: 30px; color: #fff; font-size: 12px; font-weight: 400; position: absolute; top: -2px; left: 10px; }

.u-uh-cz { width: 92px; float: right; height: 72px; line-height: 72px; }

.u-uh-d1 { width: 200px; height: 72px; line-height: 72px; padding-right: 20px; padding-left: 20px; text-align: right; }

.u-uh-d2 { line-height: 24px; padding-left: 20px; padding-right: 25px; }

.u-uh-d3 { line-height: 24px; padding-right: 20px; padding-left: 25px; border-left: 1px solid #ccc; }

/*//新版*/
.uh-table { font-size: 14px; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; }
    .uh-table .uh-td1 { width: 300px; padding-left: 19px; padding-right: 40px; }
    .uh-table .uh-td2 { width: 270px; }
    .uh-table .uh-td3 { line-height: 28px; width: 65px; }
    .uh-table .uh-td4 { width: 146px; line-height: 28px; }
    .uh-table .uh-td5 { line-height: 28px; padding-left: 40px; border-left: 1px solid #ccc; }

    .uh-table + .uh-table { margin-top: 10px; }

    .uh-table td { height: 110px; }

    .uh-table:hover { border: 1px solid #aaa; box-shadow: 0 2px 2px 1px #c6d9f0; }

.uh-xx { border: 1px dashed #ccc; }
    .uh-xx td { border: none; color: #999; }
    .uh-xx .u-uh-title { border-style: dashed; color: #999; }
    .uh-xx:hover { border-style: dashed; }

.u-con2 { padding-left: 180px;padding-top:50px; }

.u-con { padding: 20px; min-width: 1020px; }

.u-filter { padding: 10px 15px; margin-left: -10px; }

    .u-filter .col-xs-g0 { margin-left: 10px; margin-top: 10px; }

.u-logo { margin-left: 36px; float: left; }

/*
z-index
窗口1110
屏幕1100

菜单141
头部142

tip131
title132

*/
.g-radius, .g-select-box .g-radius { border-radius: 2px; }

.g-round { border-radius: 1000px; }

.u-ban { background-color: #f7f7f7; border-color: #e1e4e7; box-shadow: none; cursor: not-allowed; opacity: 0.45; pointer-events: none; }

.u-disabled { border-color: transparent; box-shadow: none; cursor: not-allowed; opacity: 0.45; pointer-events: none; outline: none; }
    .u-disabled:hover { border: 1px solid #fff; }


    .u-disabled:hover { border: 1px solid #fff; }

.u-bdc6 { border: 1px solid #c6c6c6; }

.u-bdrc6 { border-right: 1px solid #c6c6c6; }

.u-bgea { background-color: #eaedf1; }

/*显示隐藏*/
.g-d-n { display: none; }

.g-d-b { display: block; }

.g-d-i { display: inline; }

.g-d-ib { display: inline-block; }

.g-v-h { visibility: hidden; }

/*字体红色*/
.g-c-c0 { color: #cc0000; }

.u-ico-close { width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEUAAADGxsbGxsbGxsbGxsbGxsbGxsabQfGfAAAABnRSTlMA1BUNwwyUrSJQAAAAQUlEQVQI12NgVmBgYGAKYAgRAtKKrgyKiQoMTGJCIAxmAwklIJMBKCAI4gIF0oBcKA0Xh6mD6YObYwI21xlqjwEAImoJj0EOdaAAAAAASUVORK5CYII=) no-repeat; }

.u-ico-jtx { width: 8px; height: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAdElEQVQImW2LMQqDQBRE318IsRHEJpfwANql8k45gOyZzAUSsHQPEZtlIc1fUvw0miA4MM2bN6LT1c7NjaPk4HEpKjl4ELdrDp4UFQdIikqeh/9zHkhRAUReY7txq+oC4DcCiJmx3DvKzxPAVlnep5ZL/+ALptkqkEjl29AAAAAASUVORK5CYII=) no-repeat; }

.u-ico-jts { width: 8px; height: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAASElEQVQImXWKMRHAMAzElFIwB3MI/zsbg0EEw3dxculQLRqkIYnMpFF7AMw5GRFxopkBsNY603NHd8fd6VF7OHHzmapKf1SVXu+JMvrvUk0uAAAAAElFTkSuQmCC) no-repeat; }

.u-ico-wenhao { width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAWlBMVEUAAAAeddoeddoeddoeddoeddoeddoeddoeddoeddoeddoeddoeddoeddofddkeddofddkeddofddkeddoeddofddkeddofddkfddkfddkfddkfddkfddkfddl86Rq1AAAAHnRSTlMAKwbXj60OlHn5Lwvp6DiZGfTQvbuIfu/eoX9bRhOzkWMpAAAAhklEQVQY02VPSxYDIQhDwRF1/u303/tfsyDDqmzyIsEkoBMIS0EKYBPzyCHGwOPSOr+mwTZDukSBnJSsVbcpy/2ke8L9PotmCkA3FQjJT0EmwAo2y6F+CCUaf+NXHYo/zI9VoW1+crw6VJRPTfHpwKS2lgOg23ow3uEM5tGbR/8r5/W3s/4PVaUEY7TRW60AAAAASUVORK5CYII=) no-repeat; }

.c-t { color: #1B1C1F; font: 600 14px/1.714 'Source Han Sans'; }

.c-tr td { padding: 20px 5px; line-height: 22px; }

.c-t-bb td { border-bottom: 1px solid #ccc; }

.c-t-tou { height: 60px; padding-left: 20px; padding-right: 20px; margin: 0 -40px; margin-top: -30px; background-color: #f4f7fd; }

.c-y { width: 25px; height: 25px; line-height: 25px; border-radius: 50px; background-color: #1d75d9; text-align: center; font-size: 16px; color: #fff; display: inline-block; }

.c-y-no { background-color: #cfd4dd; color: #333; }

.c-x { width: 136px; margin-top: -10px; background-color: #1d75d9; height: 2px; }

.c-x-no { background-color: #cfd4dd; }

.c-table td { text-align: center; height: 60px; }

/* ---------------------single CSS----------------------- */
/* display */
.dn, .hide { display: none; }

.di { display: inline; }

.db { display: block; }

.dib { display: inline-block; }

/* if the element is block level(eg. div, li), using 'inline_any' instead */
.dt { display: table; }

.g-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.g-boxc { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* height */
.h12 { height: 12px; }

.h14 { height: 14px; }

.h16 { height: 16px; }

.h18 { height: 18px; }

.h20 { height: 20px; }

.h22 { height: 22px; }

.h24 { height: 24px; }

.h33 { height: 33px; }
.h60 { height: 60px; }

.h70 { height: 70px; }

.h80 { height: 80px; }

.h90 { height: 90px; }

.h100 { height: 100px; }

.h140 { height: 140px; }
.h195 { height: 195px; }

.ha { height: auto; }

/* width */
/* fixed width value */
.w1 { width: 100%; }

.w20 { width: 20px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w90 { width: 90px; }

.w100, .g-w100 { width: 100px; }

.w110, .g-w110 { width: 100px; }

.w120, .g-w120 { width: 120px; }

.w140, .g-w140 { width: 140px; }

.w160, .g-w160 { width: 160px; }

.w170, .g-w170 { width: 170px; }

.w180, .g-w180 { width: 180px; }

.w190, .g-w190 { width: 190px; }
.w195, g-w195 { width: 195px; }
.w200, .g-w200 { width: 200px; }

.w220, .g-w220 { width: 220px; }

.w240, .g-w240 { width: 240px; }

.w250 { width: 250px; }
.w260 { width: 260px; }

.w280 { width: 280px; }

.w300 { width: 300px; }

.w320 { width: 320px; }

.w360 { width: 360px; }

.w400 { width: 400px; }

.w460 { width: 460px; }

.w500 { width: 500px; }

.w600 { width: 600px; }

.w640 { width: 640px; }

.w700 { width: 700px; }

/* percent width value */
.pct10 { width: 10%; }

.pct15 { width: 15%; }

.pct20 { width: 20%; }

.pct25 { width: 25%; }

.pct30 { width: 30%; }

.pct33 { width: 33.3%; }

.pct40 { width: 40%; }

.pct50 { width: 50%; }

.pct60 { width: 60%; }

.pct66 { width: 66.6%; }

.pct70 { width: 70%; }

.pct75 { width: 75%; }

.pct80 { width: 80%; }

.pct90 { width: 90%; }

.pct100 { width: 100%; }

/* line-height */
.lh14 { line-height: 14px; }

.lh16 { line-height: 16px; }

.lh18 { line-height: 18px; }

.lh20 { line-height: 20px; }

.lh22 { line-height: 22px; }

.lh24 { line-height: 24px; }

.lh26 { line-height: 26px; }

.lh28 { line-height: 28px; }

.lh30 { line-height: 30px; }

.lh32 { line-height: 32px; }

.lh35 { line-height: 35px; }

.lh40 { line-height: 40px; }

.lh45 { line-height: 45px; }

.lh50 { line-height: 50px; }

/* margin */
.m0 { margin: 0; }

.mt0 { margin-top: 0; }

.ml1 { margin-left: 1px; }

.ml2 { margin-left: 2px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }

.mr2 { margin-right: 2px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px; }

.mt2 { margin-top: 2px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }

.mb2 { margin-bottom: 2px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mt30 { margin-top: 30px; }

/* margin negative */
.ml-1 { margin-left: -1px; }

.mr-1 { margin-right: -1px; }

.mt-1 { margin-top: -1px; }

.mb-1 { margin-bottom: -1px; }

.ml-3 { margin-left: -3px; }

.mr-3 { margin-right: -3px; }

.mt-3 { margin-top: -3px; }

.mb-3 { margin-bottom: -3px; }

.mt-5 { margin-top: -5px; }

.ml-10 { margin-left: -10px; }

.mr-10 { margin-right: -10px; }

.mt-10 { margin-top: -10px; }

.mb-10 { margin-bottom: -10px; }

.ml-15 { margin-left: -15px; }

.mr-15 { margin-right: -15px; }

.mt-15 { margin-top: -15px; }

.mb-15 { margin-bottom: -15px; }

.ml-20 { margin-left: -20px; }

.mr-20 { margin-right: -20px; }

.mt-20 { margin-top: -20px; }

.mb-20 { margin-bottom: -20px; }

/* padding */
.p0 { padding: 0; }

.pl0 { padding-left: 0; }

.pr0 { padding-right: 0; }

.p02 { padding-left: 0; padding-right: 0; }

.p1 { padding: 1px; }

.pl1 { padding-left: 1px; }

.pt1 { padding-top: 1px; }

.pr1 { padding-right: 1px; }

.pb1 { padding-bottom: 1px; }

.p2 { padding: 2px; }

.pl2 { padding-left: 3px; }

.pt3 { padding-top: 3px; }

.pr3 { padding-right: 3px; }

.pb3 { padding-bottom: 3px; }

.p3 { padding: 3px; }

.pl2 { padding-left: 2px; }

.pt2 { padding-top: 2px; }

.pr2 { padding-right: 2px; }

.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }

.p5 { padding: 5px; }

.pt5 { padding-top: 5px; }
.pt105 { padding-top: 105px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.p7 { padding: 7px; }

.pt7 { padding-top: 7px; }

.pr7 { padding-right: 7px; }

.pb7 { padding-bottom: 7px; }

.pl7 { padding-left: 7px; }

.p10 { padding: 10px; }

.pl10 { padding-left: 10px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }

.pl15 { padding-left: 15px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }

.pl20 { padding-left: 20px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }

.pl30 { padding-left: 30px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pr50 { padding-right: 50px; }

.pt50 { padding-top: 50px; }

.pb50 { padding-bottom: 50px; }

.pt70 { padding-top: 70px; }

.pb70 { padding-bottom: 70px; }

/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc { border: 1px solid #ccc; }

.blc { border-left: 1px solid #ccc; }

.brc { border-right: 1px solid #ccc; }

.btc { border-top: 1px solid #ccc; }

.bbc { border-bottom: 1px solid #ccc; }

.bdd { border: 1px solid #ddd; }

.bld { border-left: 1px solid #ddd; }

.brd { border-right: 1px solid #ddd; }

.btd { border-top: 1px solid #ddd; }

.bbd { border-bottom: 1px solid #ddd; }

.bde { border: 1px solid #eee; }

.ble { border-left: 1px solid #eee; }

.bre { border-right: 1px solid #eee; }

.bte { border-top: 1px solid #eee; }

.bbe { border-bottom: 1px solid #eee; }

.bde5 { border: 1px solid #e5e5e5; }

.ble5 { border-left: 1px solid #e5e5e5; }

.bre5 { border-right: 1px solid #e5e5e5; }

.bte5 { border-top: 1px solid #e5e5e5; }

.bbe5 { border-bottom: 1px solid #e5e5e5; }

.bdtn { border-top: none; }

.bdrn { border-right: none; }

.bdbn { border-bottom: none; }

.bdln { border-left: none; }

.bdx { border-style: dotted; }

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh { background-color: #fff; }

.bgfb { background-color: #fbfbfb; }

.bgff { background-color: #FFE4E4; }

.bgf5 { background-color: #f5f5f5; }

.bgf0 { background-color: #f0f0f0; }

.bgeb { background-color: #ebebeb; }

.bge { background-color: #eee; }

.bge0 { background-color: #e0e0e0; }

.bgc { background-color: #ccc; }

/* safe color */
.g0 { color: #000; }

.g3 { color: #333; }

.g6 { color: #666; }

.g9 { color: #999; }

.gc { color: #ccc; }

.wh { color: white; }

/* font-size */
.f0 { font-size: 0; }

.f10 { font-size: 10px; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f24 { font-size: 24px; }

.f28 { font-size: 28px; }

.f36 { font-size: 36px; }

/* font-family */
.fa { font-family: Source Han Sans; }

.ft { font-family: Source Han Sans; }

.fv { font-family: Source Han Sans; }

.fs { font-family: Source Han Sans; }

.fl { font-family: 'Source Han Sans'; }

.fw { font-family: 'Source Han Sans'; }

/* font-style */
.n { font-weight: normal; font-style: normal; }

.b { font-weight: bold; }

.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }

.tr, .g-tr { text-align: right; }

.tl { text-align: left; }

.tj { text-align: justify; }

/* text-decoration */
.tdl { text-decoration: underline; }

.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover { text-decoration: none; }

.tdn { text-decoration: none; }

/* letter-spacing */
.lt-1 { letter-spacing: -1px; }

.lt0 { letter-spacing: 0; }

.lt1 { letter-spacing: 1px; }

/* white-space */
.nowrap { white-space: nowrap; }

/* word-wrap */
.bk { word-wrap: break-word; }

/* vertical-align */
.vm { vertical-align: middle; }

.vtb { vertical-align: text-bottom; }

.vb { vertical-align: bottom; }

.vt { vertical-align: top; }

.vn { vertical-align: -2px; }

/* float */
.l, .g-l { float: left; }

.r, .g-r { float: right; }

.fn, .g-fn { float: none; }

/* clear */
.cl { clear: both; }

/* position */
.rel { position: relative; }

.abs { position: absolute; }

/*z-index*/
.zx1 { z-index: 1; }

.zx2 { z-index: 2; }

/* cursor */
.cu, .poi { cursor: pointer; }

.def { cursor: default; }

/* overflow */
.ovh { overflow: hidden; }

.ova { overflow: auto; }

/* visibility */
.vh { visibility: hidden; }

.vv { visibility: visible; }

/* zoom */
.z { *zoom: 1; }

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* 清除浮 动*/
.fix { *zoom: 1; }

    .fix:after { display: table; content: ''; clear: both; }

/* 基于display:table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }

/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }

/* 单行文字溢出虚点...显 示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* css3过渡动画效果 */
.trans { -webkit-transition: all 0.3s; transition: all 0.3s; }

/* 大小不定元素垂直居中 */
.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }

/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
/* 无框文本框文本域 */
.bd_none { border: 0; outline: none; }

/* 绝对定位隐藏 */
.abs_out { position: absolute; left: -999em; top: -999em; }

.abs_clip { position: absolute; clip: rect(0 0 0 0); }

/* 按钮禁用 */
.disabled { color: #acacac !important; border-color: #acacac !important; text-shadow: 1px 1px #fff !important; outline: 0 !important; cursor: default !important; pointer-events: none; }

    .disabled:hover { text-decoration: none !important; }

/*inline-block与float等宽列表*/
.inline_box { font-size: 1em; letter-spacing: -.25em; font-family: Source Han Sans; }

.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any { display: inline-block; *display: inline; letter-spacing: 0; vertical-align: top; *zoom: 1; }

.float_two, .float_three, .float_four, .float_five, .float_six { float: left; }

.inline_two, .float_two { width: 49.9%; }

.inline_three, .float_three { width: 33.3%; }

.inline_four, .float_four { width: 24.9%; }

.inline_five, .float_five { width: 19.9%; }

.inline_six, .float_six { width: 16.6%; }

.inline_fix { display: inline-block; width: 100%; height: 0; overflow: hidden; }

html, .body { background-color: #f2f4f7; height: 100%; }

/*# sourceMappingURL=user.css.map */

.paying-tips { border-bottom: 1px solid #DEDEDE; padding: 5px 20px; margin-bottom: 15px; margin-left: -20px; margin-top: -20px;height: 50px;
    line-height: 40px; }
.paying-table { width: 100%; background: #F8F8F8; border: 1px solid #EAEAEA; font-size: 16px; padding: 4px 5px; }
.paying-td { width: 33%; padding-left: 5px; }
.pay-code-box { margin: 0 auto; width: 300px; }
.paying-code { width: 206px; height: 206px; margin: 0 auto; border: 1px solid #e5e5e5; }
.pay-success-tip { font-size: 24px; font-weight: 600; color: rgba(51,51,51,1); line-height:33px;margin-top:10px; }
.next-tips{
font-size:12px;
font-weight:400;
color:rgba(153,153,153,1);

}
.u-title{
      background-color: #fff;
      padding:0 15px;
      height:50px;
      line-height:50px;
}
.u-title-tip{
font-size:16px;
font-weight:600;
color:rgba(51,51,51,1);
height:60px;line-height:60px;
}
.pay-dets-new{
    position:absolute;
    right:0;top:0;
}
.hidden{
    display:none;
}
.pay-selecter{
    width: 160px;
    height: 60px;
    line-height:60px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size:16px;
    font-weight:bold;
}
.pay-selecter:hover {
    border: 1px solid #1d73d6 !important;
}