/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  color: #000;
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    /* right: 0; */
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    width: 280px;
    overflow-x: hidden;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    /* padding-left: 52px; */
    margin-left: 0; }
.intl-tel-input.allow-dropdown input.jf-vphn-phone {
    padding-left: 34px;
}
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 91060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }
/* */
/* 定义字体 start */
@font-face {
    font-family: sans-serif Verdana;
    src: url(../css/font/Verdana.ttf);
}
a{text-decoration:none;}
body {
    font-family: Verdana;
    margin: 0;padding: 0;
    position:relative;
    overflow-x:hidden; height:100%;
}
h1 {
    font-size: 20px;
    font-family: Verdana;
    font-weight: bold;
    margin-top: 8px;
}
h2{
    font-size: 18px;
    font-family: Verdana;
    font-weight: normal;
}
ul,li,p,h1,h2,h3,h4,h5,h6,input{
    padding:0;
    margin:0;
    border:0;
    list-style-type:none;
}
input{  color: #000;
}
.popupBox, .jf-asst-small, .payConcent{
    z-index: 999999;
    font-size: 16px;
}
.login_con {
    background: url(../img/ButtonImg.png) -101px -110px no-repeat;
    display: block;
    width: 10px;
    height: 12px;
    margin-left: 5px;
}
html,body{
    height:100%;}
.popupContainer{width:100%;height:100px; margin:30px auto; text-align:center;position: absolute;
    top: 10px;}
.popupContainer a{ display:inline-block;width:100px; height:40px; border:solid 1px #f00; color:#f00; text-align:center; line-height:40px; text-decoration:none}
/*弹框样式1*/
div.popupBox {
    position: fixed;
    display:table;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-box-align:center;
    -moz-box-align:center;
}
.popupBox.Visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.popupBox-container {
    position: relative;
    width: 530px;
    margin:250px auto;
    height: 325px;
    background: lavender;
    border-radius: .3rem .3rem .3rem .3rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.popupBox-close{
    position: absolute;
    right:-11px;top:-7px; z-index: 10;width:auto;height:1.25rem; width:1.25rem;display: block;font-size:14px;
    border-radius: 50%;border: 2px solid white;
    text-align: center;
    line-height: 1.25rem;
    text-decoration: none;
    color: white;
    background: black;
    font-weight: bold;
}
.Visible .popupBox-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
div.contentWrapper{
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
div.pageContainer, div.pageWhiteContainer{margin:0 auto;}
/*end*/
.pageContainer {
    position: relative;
    width: 300px;
    height: 320px;
    text-align: center;
    padding-top: 0px; background: url(../img/f-bg.png) repeat;
    border-radius: 6px;
    border: 1px solid #000;
    z-index: 10;
}
.pageWhiteContainer {
    position: relative;
    width: 300px;
    height: 320px;
    text-align: center;
    padding-top: 0px;
    background-color: #fff;
    border-radius: 6px;

    z-index: 10;
    text-shadow: 0 0 black;
}
.pageTitleBox {
    width: 300px;
    height: 20px;
    margin-top: 10px;
}
.registerTitleBox{
    width: 300px;
    height: 20px;
    float: left;
    margin-top: 10px;
}
.pageLogoBox img{
    width: 210px;
    height: 60px;
    position: absolute;
    top: 27px;
    left: 44px;
}
.pageFormBtn{
    height: 42px;
    margin-top: 20px;
    line-height: 42px;
    text-align: center;
}
.registerFormBtn{
    height: 42px;
    margin-top: 8px;
    line-height: 42px;
    text-align: center;
}
.pageSingBtn{
    background: #ff7d00;
    font-size: 18px;
}
.pageScarBtn{
    background: #32b900;
    font-size: 18px;
}
.footerBox{
    width: 290px;
    font-size: 15px;
    height: 50px;
    margin: 16px 0px 0px 10px;
}
.allButton{
    cursor: pointer;
    width: 280px;
    height: 42px;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-family: Verdana;
    font-weight: bold;
    color: #fff;
}
/**/
.loginWay{
    width: 192px;
    float: right;
    position: relative;
    top: -30px;
}
.loginWay li {
    display: block;
    margin-left: 6px;
}
.loginWay a {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-left: 5px;
    display: inline;
}
.facebookBtn{
    background: url(../img/loginWay.png) -99px 2px no-repeat;
}
.googleBtn{
    background: url(../img/loginWay.png) -54px 2px no-repeat;
}
.twitterBtn{
    background: url(../img/loginWay.png) -8px 2px no-repeat;
}
/**/
.pageFormBox{
    width: 300px;
    height: 190px;margin-top: 25px;
}
.pageFormRegister{
    width: 300px;
    float: left;
    margin-top: 10px;
}
.formRegister i{
    width: 51px;
    height: 35px;
    float: left;
}
.pageFormGroup i{
    width: 51px;
    height: 35px;
    float: left;
}
.pageFormGroup{
    height: 42px;margin-top: 20px;position: relative;
}
.formRegister{
    height: 40px;
    margin-top: 10px;
    position: relative;
}
.pageForgot{
    height: 32px;margin-top: 8px;position: relative;
}
.Character{
    position: absolute;
    top: 6px;
    left: 16px;
    background: url(../img/InputImg.png) 0px -7px no-repeat;
}
.pageCharacter{
    position: absolute;
    top: 3px;
    left: 16px;
    background: url(../img/InputImg.png) 0px -7px no-repeat;
}
.groupLock{
    position: absolute;
    top: 6px;
    left: 16px;
    background: url(../img/InputImg.png) 0px -73px no-repeat;
}
.pageGroupLock{
    position: absolute;
    top: 3px;
    left: 16px;
    background: url(../img/InputImg.png) 0px -73px no-repeat;
}
.username {
    width:280px;
    height: 42px;
    text-indent: 52px;
    background:#e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000; /* browsers that don't support rgba */
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-size: 14px;
    color: #000;
}
.usernameRegister{
    width:280px;
    height: 38px;
    text-indent: 52px;
    background:#e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000; /* browsers that don't support rgba */
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-size: 14px;
    color: #000;
}
.password {
    width:280px;
    height: 42px;
    text-indent: 52px;
    background:#e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000; /* browsers that don't support rgba */
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-size: 14px;
    color: #000;
}
.passwordRegister{
    width:280px;
    height: 38px;
    text-indent: 52px;
    background:#e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000; /* browsers that don't support rgba */
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-size: 14px;
    color: #000;
}
input:-moz-placeholder { color: #636363; }
input:-ms-input-placeholder { color: #636363; }
input::-webkit-input-placeholder { color: #636363; }
input:focus {
    outline: none;
}
.submitButton {
    background:#ff7d00;
    font-size: 25px;
}
.pageLogoBox{
    width: 300px;
    height: 90px;
    position: relative;
}
.formBox{
    width: 300px;
    margin-top: 25px;
}
.logo{
    width: 230px;
    height: 96px;
    margin: 0 auto;
    background: url(../img/logo.png) no-repeat center;
    background-size: 100%;
}
.pageFooterBox {
    width: 290px;
    font-size: 15px;
    height: 50px;
    margin: 4px 0px 0px 10px;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.goBack{
    position: absolute;
    top: 6px;
    left: 21px;
    font-size: 14px;
    color: #f0f7ff;
}
.leftico {
    background: url(../img/ButtonImg.png) -101px -109px no-repeat;
    width: 10px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: -11px;
}
.backico {
    background: url(../img/btnback.png) no-repeat;
    background-size: 60% auto;
    width: 16px;
    height: 24px;
    position: absolute;
    top: 12px;
    left: 2px;
}
.loginForgot{
    position: absolute;
    top: 5px;
    font-size: 12px;
    right: 14px;
    color: #ff0000;
}
.loginForgot span{
    background: url(../img/ButtonImg.png) -51px -109px no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: -22px;
}
.footerLinkLeft{
    float: left;
    font-size: 11px;
    color: #fff;
}
.footerLinkLeft span{
    background: url(../img/ButtonImg.png) -117px -109px no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
}
.footerLinkRight{
    font-size: 11px;
    float: right;
    color: #FFF;
}
.footerLinkRight span{
    background: url(../img/ButtonImg.png) -117px -109px no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
}
.footerLinkRightLogo {
	float: right;
    width: 40px;
    height: 40px;
}
.footerLinkRightLogo img{
	width: 40px;
    height: 40px;
}
.connect a:hover {  }
.promptTitle{
    width: 300px;text-align: center;margin-top: 50px;font-size: 22px;
}
.pagePrompt{
    width: 300px;text-align: center;margin-top: 60px;
}
.promptConfirm{
    cursor: pointer;
    width: 140px;
    height: 42px;
    padding: 0;
    text-align: center;
    background: #ff7d00;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-family: Verdana;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin-top: 40px;
}
.footerLeft{
    width: 100px;
    height: 20px;
    float: left;
}
.footerRight{
    width: 280px;
    height: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.footerLogo{
    background: url('../img/logo_s.png') no-repeat left center;
    background-size: 60px 12px;
}
.agreement{
    height: 24px;
    margin-top: 6px;
    font-size: 12px;
    position: relative;
}
.agreementForgot{
    font-size: 12px;
    color: #fff;
}
.showBigialog{
    color: #ff0000;
}
.pageRegisterBtn{
    background: #ff7d00;
    font-size: 18px;
}
.pageAgree{
    position: absolute;
    left: 10px;
    width: 23px;
    height: 23px;
    background: url(../img/ButtonImg.png) -1px -110px no-repeat;
}
/*.pageAgree:active{*/
/*background: url(../img/ButtonImg.png) -26px -110px no-repeat;*/
/*}*/
.intro{
    background: url(../img/ButtonImg.png) -26px -110px no-repeat;
}
.agree_intro{
    margin-left: 35px;
    margin-top: 0px;
    text-align: left;
    float: left;
    line-height: 1;
}
.forgotTitle{
    height: 34px;
    margin-top: 22px;
    font-size: 12px;
    float: left;
    text-align: left;
    position: relative;
    padding-left: 10px;
}
.phoneGiftTitle{
    height: 48px;
}
.forgotFormBtn{
    height: 42px;
    margin-top: 8px;
    line-height: 42px;
    text-align: center;
}
.formForgot{
    height: 40px;
    position: relative;
}
.passwordForgot{
    width: 280px;
    height: 38px;
    text-indent: 10px;
    background: #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-size: 14px;
    color: #000;
}
.forgotAgreement{
    height: 28px;
    margin-top: 10px;
    font-size: 12px;
    text-align: left;
    position: relative;
    padding-left: 10px;
}
.forgotFormCode{
    width: 300px;
    height: 40px;
    margin-top: 10px;
}
.allCode{
    width: 134px;
    height: 38px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
}
.codeBtn{
    background: #e5e5e5;
    color: #6b6b6b;
    text-indent: 10px;
}
.confirmBtn{
    background: #7e7e7e;
    color: #e4e4e4;
}
.protocolTitle{
    width: 300px;
    height: 38px;
}
.pageFormProtocol{
    width: 300px;
    float: left;
    overflow: auto;
}
.pageFormProtocol a{
    width: 280px;
    float: left;
    max-height: 196px;
    overflow: auto;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
}
.agreeButton{
    background: #ff7d00;
    font-size: 25px;
}
::-webkit-scrollbar{width:0;}
.protocolTitle a{
    width: 290px;
    height: 30px;
    font-size: 14px;
    display: block;
    line-height: 30px;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
.pageFormAgree{
    width: 300px;
    float: left;
    height: 42px;
    margin-top: 12px;
}
.formBoxBind{
    width: 300px;
    float: left;
    margin-top: 3px;
}
.formBoxBindForFBMessagePage{
    margin-bottom: 3px;
}
.bindAccount{
    width: 300px;
    float: left;
}
.bindAccount li{ display: block;}
.allBind{
    width: 134px;
    height: 30px;
    margin-left: 11px;
    float: left;
    cursor: pointer;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    margin-top: 4px;
}
.bindAccountF{
    background: url(../img/F.png) no-repeat center;

}
.bindAccountG{
    background: url(../img/G.png) no-repeat center;

}
.bindAccountWx{
    background: url(../img/wx.png) no-repeat center;
    background-size: 90%;
    height: 40px !important;
}
.bindLogoBox{
    width: 300px;
    height: 60px;
    position: relative;
}
.bindLogoBox img{
    width: 180px;
    position: absolute;
    top: 12px;
    left: 60px;
}

.bindGameLogoBox{
    width: 300px;
    /*position: relative;*/
}
.bindGameLogoBox h3{  height:34px; line-height: 34px; display:block; color: #fff; font-family: Verdana; font-size: 16px; text-align:left; padding-left: 15px; font-weight: 600; border-radius: 5px 5px 0 0; /*background:#ababab;*/ }

.bindGameLogoBox span{display: inline-block;  height:20px; line-height: 35px; display:block; color: #454545; font-family: Verdana;font-size: 14px; text-align:center;  font-weight: 400;  }
.bindGameLogoBox img{
    display: inline-block;
    width: 135px;
    height: 135px; margin: 15px auto 0;
    /*position: absolute;
    top: 55px;
    left: 84px;*/
}
.BindTitle a{
    font-size: 12px;
}
.bindBtnTitle{
    width: 300px;
    height: 14px;
    float: left;
    line-height: 14px;
}
.pageFormBindBtn{
    height: 35px;
    margin: 5px 0px 0px 10px;
    line-height: 35px;
    text-align: center;
    float: left;
}
.bindBtnTitle a{
    font-size: 12px;
}
.BindTitle{
    width: 300px;
    height: 15px;
    float: left;
    line-height: 15px;
}
.allBindButton{
    cursor: pointer;
    width: 280px;
    height: 35px;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-family: Verdana;
    font-weight: bold;
    color: #fff;
}
.guestId{
    width: 300px;
    height: 20px;
    float: left;
}
.guestId a {
  color: #fff;
}
.pageOutBtn{
    background: #ff7d00;
    font-size: 18px;
}
/*pay*/
.payConcent{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    overflow: auto;
    background: #fff;float: left;
}
.payCenterBox{
    width: 310px;
    margin: 0 auto;
}
.payTitltBox{
    width: 100%;
    height: 40px;
    background: #19abff;
    position: relative;
}
.payTitleCenter{
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}
.closeBtn{
    width: 40px;
    height: 40px;
    position: absolute;
    top:0px;
    left: 0px;
    color: #fff;
    padding-left: 12px;
}
.payNav{
    width: 280px;
    height: 30px;
    border: 1px solid #19abff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
}
.payNavBox{
    width: 310px;
    height: 40px;
    margin: 6px auto;
    color: #03A9F4;
    border-bottom: 1px solid #ccc;
}
.payNav li{
    float: left;
    width: 140px;
    line-height: 30px;
    height: 30px;
    font-size: 15px;
}
.activer{
    background: #19abff;
    color: #fff;
}
.userInfo{
    width: 300px;
    height: 110px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
}
.userInfo li{
    width: 300px;
    height: 20px;
    background: #fff;
    margin-top: 5px;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
}
.userInfo span{
    float: left;
    font-size: 15px;
}
.userInfo a{
    margin-left: 5px;
    color: #0000ee;
}
.userInfo .money{
    color: #ff0000;
}
.paymentChannel{
    width: 300px;
    float: left;
}
.paymentChannel a{
    float: left;
    color: #757474;
    font-size: 18px;
}
.paymentChannel .loading{
    width: 300px;
    margin-top: 10px;
    float: left;
}
.chargePayment{
    width: 300px;
    float: left;
}
.chargePayment li{
    width: 140px;
    float: left;
    margin-left: 5px;
    background: #fff;
}
.chargePayment li.BUTTON, .chargePayment li.XsollaBUTTON, .chargePayment li.G2SBUTTON, .chargePayment li.UnpayBUTTON{
    width:290px;
}
.chargePayment li.BUTTON img, .chargePayment li.XsollaBUTTON img, .chargePayment li.UnpayBUTTON img{
    width:290px;
}
.chargePayment li.TEXT, .chargePayment li.G2STEXT, .chargePayment li.XsollaTEXT {
    width: 290px;
    line-height: 30px;
}
.chargePayment li.TEXT a, .chargePayment li.G2STEXT a, .chargePayment li.XsollaTEXT a {
    width: 290px;
    text-decoration: underline;
    text-align: center;
    font-size: 12px;
}
.BUTTON .button,  .XsollaBUTTON .button,  .G2SBUTTON .button,  .UnpayBUTTON .button {
    width: 100%;
    height: 35px;
    background-color: #19abff;
    border: 0;
    border-radius: 5px;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
}
.payTip{
    width: 300px;
    margin-top: 10px;
    float: left;
}
.chargePayment img{
    width: 140px;
}
.payTipList a{
    float: left;
    color: #757474;
    font-size: 12px;
}
.payTipTitle{
    font-size: 16px;
    color: #757474;
    float: left;
}
.payTipList{
    width: 300px;
    height: 98px;
    float: left;
}
.payTipList li{
    width: 300px;
    float: left;
    margin-top: 8px;
    background: #fff;
    text-align: left;
}
.contactService{
    width: 300px;
    height: 80px;
    float: left;
    line-height: 58px;
}
.contactServiceBtn{
    border: 1px solid #e0e0e0;
    color: #0a0a0a;
    background: #fff;
    font-size: 16px;
    font-weight: inherit;
}
.tabBoxRight{
    width: 310px;
    height: 20px;
    float: left;
    display: none;
}
.tabBoxRightUl{
    width: 303px;
    height: 20px;
    color: #000;
    margin: 0 auto;
}
.tabBoxRightUl li{
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 0px 4px 0px 4px;
}
.recordAll{
    border-right: 1px solid #000;
}
.paymentSuccessful{
    border-right: 1px solid #000;
}
.paymentFailed{
    border-right: none;
}
.activeNew{
    color: #19abff;
}
.paymentAllNav{
    color: #000000;
}
.paymentAllNav div{
    display: none;
}
.emptyConfirmBox{
    width: 300px;
    height: 50px;
    margin-top: 60px;
}
.emptyConfirmBtnL{
    background: #32b900;
    font-size: 18px;
    color: #fff;
}
.emptyConfirmBtnR{
    background: #ff7d00;
    font-size: 18px;
    color: #fff;
}
.suspendedBall{
    width: 45px;
    height: 45px;
    position:relative;
    top:10px;
    background: url(../img/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.suspendedBallBox{
    height: 70px;
    background: url(../img/f-bg.png) repeat;
    border-radius: 38px;
    border: 2px solid #fff;
}
.suspendedBallBoxLeft{
    padding-left: 10px;
    padding-right: 55px;
}
.suspendedBallBoxRight{
    padding-left: 65px;
    padding-right: 0;
}
.suspendedBallBox li{
    width: 50px;
    height: 55px;
    float: left;
    margin-top: 2px;
    margin-left: 6px;
}

.suspendedBallBox li a{
    width: 50px;
    height: 0px;
    padding-top: 50px;
    font-size: 12px;
    display: block;
    background-size: 100%;
    text-align: center;
}
.suspendedAccount{
    background: url(../img/c-1-01.png) no-repeat center;
}
.suspendedWebsite{
    background: url(../img/c-1-02.png) no-repeat center;
}
.suspendedForum{
    background: url(../img/c-1-03.png) no-repeat center;
}
.suspendedRcd{
    background: url(../img/c-1-04.png) no-repeat center;
}
.suspendedReward{
    background: url(../img/c-1-05.png) no-repeat center;
}
.suspendedDiscord{
    background: url(../img/c-1-discord.png) no-repeat center;
}
.suspendedDownload{
    background: url(../img/c-1-download.png) no-repeat center;
}
.navTitBox{
    width: 70px;
    height: 70px;
    position:absolute;
    background: url(../img/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_instantfunscom{
    background: url(../img/instantfuns.com/logo.png) no-repeat center;
    background-size: 100%;
}
.navTitBox_instantfunscom{
    background: url(../img/instantfuns.com/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_instantfunscom{
    background: url(../img/instantfuns.com/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_instantfunscom{
    background: url(../img/instantfuns.com/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.logo_zroadme{
    background: url(../img/zroad.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_zroadme{
    background: url(../img/zroad.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_zroadme{
    background: url(../img/zroad.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_zroadme{
    background: url(../img/zroad.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_okgameme{
    background: url(../img/okgame.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_okgameme{
    background: url(../img/okgame.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_okgameme{
    background: url(../img/okgame.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_okgameme{
    background: url(../img/okgame.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_pocketgameme{
    background: url(../img/pocketgame.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_pocketgameme{
    background: url(../img/pocketgame.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_pocketgameme{
    background: url(../img/pocketgame.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_pocketgameme{
    background: url(../img/pocketgame.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_instantgameme{
    background: url(../img/instantgame.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_instantgameme{
    background: url(../img/instantgame.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_instantgameme{
    background: url(../img/instantgame.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_instantgameme{
    background: url(../img/instantgame.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_oph5me{
    background: url(../img/oph5.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_oph5me{
    background: url(../img/oph5.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_oph5me{
    background: url(../img/oph5.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_oph5me{
    background: url(../img/oph5.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_instantfunsme{
    background: url(../img/instantfuns.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_instantfunsme{
    background: url(../img/instantfuns.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_instantfunsme{
    background: url(../img/instantfuns.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_instantfunsme{
    background: url(../img/instantfuns.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_herogome{
    background: url(../img/herogo.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_herogome{
    background: url(../img/herogo.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_herogome{
    background: url(../img/herogo.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_herogome{
    background: url(../img/herogo.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_zeusgameme{
    background: url(../img/zeusgame.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_zeusgameme{
    background: url(../img/zeusgame.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_zeusgameme{
    background: url(../img/zeusgame.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_zeusgameme{
    background: url(../img/zeusgame.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_heatgamesme{
    background: url(../img/heatgames.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_heatgamesme{
    background: url(../img/heatgames.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_heatgamesme{
    background: url(../img/heatgames.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_heatgamesme{
    background: url(../img/heatgames.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_tantanyoucom{
    background: url(../img/tantanyou.com/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_tantanyoucom{
    background: url(../img/tantanyou.com/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_tantanyoucom{
    background: url(../img/tantanyou.com/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_tantanyoucom{
    background: url(../img/tantanyou.com/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_fingergameme{
    background: url(../img/fingergame.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_fingergameme{
    background: url(../img/fingergame.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_fingergameme{
    background: url(../img/fingergame.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_fingergameme{
    background: url(../img/fingergame.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_plusfunscom{
    background: url(../img/plusfuns.com/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_plusfunscom{
    background: url(../img/plusfuns.com/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_plusfunscom{
    background: url(../img/plusfuns.com/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_plusfunscom{
    background: url(../img/plusfuns.com/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_uninjame{
    background: url(../img/uninja.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_uninjame{
    background: url(../img/uninja.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_uninjame{
    background: url(../img/uninja.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_uninjame{
    background: url(../img/uninja.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_g432com{
    background: url(../img/g432.com/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_g432com{
    background: url(../img/g432.com/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_g432com{
    background: url(../img/g432.com/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_g432com{
    background: url(../img/g432.com/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.logo_theninjame{
    background: url(../img/theninja.me/logo.png) no-repeat center;
    background-size: 100%;
}
.footerLogo_theninjame{
    background: url(../img/theninja.me/logo_s.png) no-repeat left center;
    background-size: 60px 12px;
}
.suspendedBall_theninjame{
    background: url(../img/theninja.me/c-1-0.png) no-repeat center;
    background-size: 100% 100%;
}
.navTitBox_theninjame{
    background: url(../img/theninja.me/c-1-0border.png) no-repeat center;
    background-size: 100%;
}
.navTitBoxLeft{
    top:0;
    left: 0;
}
.navTitBoxRight{
    top:0;
    right:0;
}
/*.bindAccount li{*/
/*float: left;*/
/*width: 40px;*/
/*height: 40px;*/
/*overflow: hidden;*/
/*margin-left: 46px;*/
/*display: inline;*/
/*}*/
.allBind a{
    width: 134px;
    height: 30px;
    display: block;
}
.oneBind a{
    width: 240px;
    height: 30px;
    line-height: 46px;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    margin: 14px auto 0px;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
}
.oneBindMakeByCode {
    width: 240px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    margin: 14px auto 0px;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
}

.wxLogWrap {
  margin-top: 10px;
}
.wxLogWrap .wxBtn img {
  width: 195px;
  height: 52px;
  margin: 0 auto;
}
.wxLogWrap p img {
  width: 5%;
  height: 5%;
  background-size: cover;
  vertical-align: middle;
}
.wxLogWrap p {
  color: #3c3c3c;
  font-size: 12px;
}

.threeBind a{
    width: 40px;
    height: 40px;
    display: block;
}
.bindAccountW{
    background: url(../img/T.png) no-repeat center;
}
.bindAccountOneW{
    background: url(../img/T.png) #45b0e3 no-repeat center;
}
.bindAccountOneG{
    background: url(../img/G.png) #d33200 no-repeat center;
}
.bindAccountOneF{
    background: url(../img/F.png) #39599f no-repeat center;
}
.bindAccountOneFL{
    background: url(../img/FL.png) #39599f no-repeat center;
}
.bindAccountThreeW{
    background: url(../img/loginWay.png) -8px 2px no-repeat;
}
.bindAccountThreeF{
    background: url(../img/loginWay.png) -99px 2px no-repeat;
}
.bindAccountThreeG{
    background: url(../img/loginWay.png) -54px 2px no-repeat;
}

.threeBind{
    float: left;
    width: 40px;
    height: 40px;
    margin-left: 46px;
    overflow: hidden;
    display: inline;
}
.suspendedBigBox{
    /*display: none;*/
    position: relative;
}
.paymentAllNav{
    width: 310px;
    float: left;
}
.paymentAllRecord{
    width: 300px;
    float: left;
}
.paymentAllList{
    width: 310px;
    float: left;
}
.paymentList{
    width: 310px;
    height: 60px;
    float: left;
    margin-top: 5px;
    border-bottom: 1px solid #ccc;
}
.paymentLeft{
    width: 150px;
    height: 55px;
    float: left;
    font-size: 12px;
}
.paymentRight{
    width: 148px;
    height: 55px;
    float: right;
}
.paymentRight a{
    font-size: 12px;
    float: right;
    color: #8c8a8a;
}
.paymentAllList p{
    display: -webkit-box;
}
.paymentName{
    color: #8c8a8a;
    margin-right: 5px;
}
.paymentMoney{
    color: #fb3e03;
}
.paymentService{
    width: 100px;
    height: 30px;
    margin-top: 5px;
    float: right;
    color: #19abff;
    background: #fff;
    border: 1px solid #19abff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/*Prompt*/
.contentWrapperPrompt{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.pageContainerPrompt{
    position: relative;
    width: 300px;
    height: 306px;
    text-align: center;
    padding-top: 0px;
    background: url(../img/f-bg.png) repeat;
    border-radius: 6px;
    border: 1px solid #000;
    z-index: 11;
    margin: 0 auto;
}
.pageContainerLoading{
    width: 100%;
    height: 100%;
}
.promptChoiceBox {
    width: 24px;
    height: 18px;
    float: left;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 2px;
    background-image: url(../img/inputradio.png);
    background-repeat: no-repeat;
    background-position: -24px 0;
}
.promptChecked {
    opacity: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.promptChoiceTitle{
    width: 255px;
    height: 30px;
    float: left;
    font-size: 13px;
    text-align: left;
    margin-left: 25px;
    margin-top: 20px;
}
.promptChoiceList{
    width: 255px;
    height: 80px;
    float: left;
    margin-left: 25px;
    margin-top: 20px;

}
.promptChoiceList li{
    width: 255px;
    height: 20px;
    line-height: 18px;
    float: left;
    margin-top: 6px;
}
.promptChoiceList a{
    font-size: 12px;
    float: left;
}
.promptChoiceList input{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.marginTopBottomLarge {
    margin: 20px 0;
    height: auto;
}

.marginVerticalLarge {
    margin-top: 5px;
    margin-bottom: 5px;
}

.jf-asst-small {
    position: fixed;
    top: 0;
    left: 0;
}

#jf-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:999999;
    width: 280px;
    margin-left: -140px;
    padding: 10px 0 ;
    background-color:#6b6b6b;
    border-radius: 4px;
    text-align:center;
    word-wrap: break-word;
    color: #fff;
}

.pageTitleBox h1, .registerTitleBox h1 {
    position: relative;
    top: 14px;
}

#jf-msgbox {
    z-index:9999999;
    color: #fff;
}
#jfroot {
    text-align: center;
}
#jf-root {
    position:absolute; 
    top:0;
    left:0;
    width:100%;
    height:100%;
    color: #fff;
}
#jf-asst, #jf-popupbox {
    color: #fff;
}
.signupSwith, .loginSwith {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 12px;
    color: #999;
    text-decoration-line:  underline;
    text-underline-position:  under;
}
@media (orientation: portrait) {
}

@media (orientation: landscape) {
    .formBoxBind{
        margin-top: 6px;
    }
    .pageFormBindBtn{
        margin: 10px 0px 0px 10px;
    }
    .footerRight{
        margin-top: 0px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='text'],
    input[type='password'] {
        font-size: 16px;
    }
}

/*add20180124 全屏轮播*/
.bannerCloseBtn{width: 80px; height: 36px; line-height: 33px;  text-indent: -10px; display: block; cursor: pointer; background:url(../img/skipCloseBtn.png) 0 0 no-repeat; position: absolute; right:0px; top: 0px; z-index:902 }
.tips_ad{ width:300px; height:300px; display: none;  position:absolute; left:50%; top:50%;  z-index:900; opacity:1;filter:alpha(opacity=1);  position:absolute;}
.tips_ad img{border-radius: 10px; border: 1px solid #000;}
.adCloseBtn{ display:block; width:34px; height:34px; background:url(../img/adCloseBtn.png) 0 0 no-repeat; color: #fff; position:absolute; right:-12px; top:-12px; text-align:center; font-weight:bolder; font-size:16px; display:block; z-index:999;}

/*add20180126广告滚动*/
.newsWinBox { width: 90%;height: 20px; font-size: 14px;position:absolute; left:0px; top:0px; z-index:802;}
.newsWinBox a { margin: 0 15px; color: #fff;text-decoration:none;}
.newsWinBox a:hover { text-decoration: underline;}
.newsRollBox {width:100%;background-color: #817d7d;position:absolute; left:0px; top:0px; z-index:802;}
.newsRollBox .newsIconBox{height:40px;float:left;background: url(../img/a1.png) no-repeat center;z-index:800}

span.redDot{
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
  background: red;
  border: 1px solid red;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
span.redDot.inMaxIco{top: -48px;}
span.redDot.inMaxIco.outRight{left: 38px;} 
span.redDot.inMaxIco.outLeft{left: 0px;} 
span.redDot.inMixIco{top: 0px;}
span.redDot.inMixIco.OutRight{left: 32px;}
span.redDot.inMixIco.OutLeft{left: 0px;}

/*start*/
.pageChargeContent {
  position: relative;
  width: 320px;
  text-align: center;
  padding-top: 0px;
  background-color: #F5F5F3;
  border-radius: 6px;
  margin: 0 auto;
  z-index: 10;
  text-shadow: 0 0 black;
  font-family: "Microsoft YaHei"
}
.pageChargeTitle{ font-size: 18px;font-weight:bolder; color: #0073BE; text-align: center; line-height: 60px; position: relative;}
.pageChargeClose{ width: 32px; height: 32px; background: url(../img/pageChargeClose.png) no-repeat center;; position: absolute; right: 8px; top:16px;background-size:16px 16px;}
.pageChargeInfo ul{margin: 10px 0;}
.pageChargeInfo ul li{font-size: 15px; font-weight:bolder; display:block; width: 100%; color: #000; line-height: 30px; text-align: left; margin-left: 65px; }
.pageChargeInfo ul li span{ display:inline-block;}
.pageChargeInfo ul li span.col_red{color: #E60012}

.paymentMethod{padding-bottom: 20px}
.paymentMethod h3{ height: 30px; line-height: 30px;font-family: "Microsoft YaHei"; background: #E8E7E6; font-size: 14px;font-weight:400; color: #707070; text-align: left; padding-left: 20px; font-weight: normal}
.paymentMethod ul{width: 100%;}
.paymentMethod ul li{display: block;  border-bottom: 1px solid #DBDAD8; line-height: 60px; padding-left: 35px; color: #000;}
.paymentMethod ul li span{ display: inline-block;} 
.paymentMethod ul li span.wxPay,.paymentMethod ul li span.WxpayH5{ background: url(../img/wx2.png) no-repeat center; width: 26px; height: 26px; float: left; background-size: 100% 100%; margin-top: 17px; margin-right: 12px;}
.paymentMethod ul li span.wxTitle, .paymentMethod ul li span.zfbTitle{ text-align: left ;float: left;width: 165px;}
.paymentMethod ul li span.zfbPay,.paymentMethod ul li span.AlipayH5{ background: url(../img/zfb.png) no-repeat center; width: 26px; height: 26px; float: left; background-size: 100% 100%; margin-top: 17px; margin-right: 12px;}
.paymentMethod ul li span.col_hui{background: #E3E3E3; width: 18px; height: 18px; border-radius:9px; margin-top: 5px; }
.paymentMethod ul li span.wxChecked{background: url(../img/wxChecked.png) no-repeat center; background-size:18px 18px; }
.paymentMethod ul li span.zfbChecked{background: url(../img/zfbChecked.png) no-repeat center; background-size:18px 18px; }
.paymentMethod ul li span.checked0{background: url(../img/wxChecked.png) no-repeat center; background-size:18px 18px; }
.paymentMethod ul li span.checked1{background: url(../img/zfbChecked.png) no-repeat center; background-size:18px 18px; }
.paymentMethodBtn{font-size: 17px; color: #fff; background: #00A0E9; width: 200px; height: 44px; line-height: 44px;font-weight:400; border-radius: 24px; margin:30px auto 0px; }
/*end*/