@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a img { vertical-align: top; border: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
b, strong { font-weight: bold; }
em, i, dfn { font-style: italic; }
a, a:hover, a:focus { text-decoration: none; }
  a:hover, a:active, a:focus { outline: none; text-decoration: underline; }
.hide { display: none; }

@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a img { vertical-align: top; border: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
b, strong { font-weight: bold; }
em, i, dfn { font-style: italic; }
s a, a:hover, a:focus { text-decoration: none; }
a:hover, a:active, a:focus { outline: none; text-decoration: underline; }
.hide { display: none; }
html, body { font-size: 12px; font-family: Tahoma, Arial, "Microsoft YaHei", "SimSun"; }

body { font-family: "Microsoft YaHei", "SimSun"; margin: 0 auto 0 auto; width: 100%; background: #bed6e2 url(/2026041301/images/background-iamge.jpg) repeat-x left 76px; }

.clear { background-color: #000; clear: both; font-size: 0; height: 0; line-height: 0; width: 100%; padding: 0; margin: 0; border: 0; overflow: hidden; }
.float-right { float: right; }
.float-left { float: left; }

.split10px { height: 10px; line-height: 10px; font-size: 0; clear: both; display: block; padding: 0; margin: 0; }
.split20px { height: 20px; line-height: 20px; font-size: 0; clear: both; display: block; padding: 0; margin: 0; }
.split30px { height: 30px; line-height: 30px; font-size: 0; clear: both; display: block; padding: 0; margin: 0; }
.split40px { height: 40px; line-height: 40px; font-size: 0; clear: both; display: block; padding: 0; margin: 0; }

.width10px { width: 10px; font-size: 0; padding: 0; margin: 0; border: 0; display: inline-block; }
.width20px { width: 20px; font-size: 0; padding: 0; margin: 0; border: 0; display: inline-block; }

.breadCrumb { margin: 20px auto 0 auto; width: 100%; height: 26px; line-height: 26px; text-align: right; color: #404040; }
  .breadCrumb a { color: #0077b3; margin: 0 5px 0 5px; }
  .breadCrumb img { float: left; }

.header { margin: 0 auto 0 auto; width: 100%; height: 76px; background: url(/2026041301/images/top_bg.jpg) repeat-x center 2px; }
  .header .colorbar { margin: 0 auto 0 auto; width: 100%; height: 2px; line-height: 2px; font-size: 0; background: url(/2026041301/images/top1.jpg) repeat-x; }
  .header .nav { margin: 0 auto 0 auto; width: 980px; height: 74px; }
    .header .nav .logo { float: left; width: 130px; height: 63px; display: block; background: url(/2026041301/images/logo.jpg) no-repeat; text-indent: -9999px; }
    .header .nav .link { float: right; margin-top: 5px; width: 780px; height: 25px; line-height: 25px; text-align: right; color: #e0e0e0; }
      .header .nav .link a { font-size: 12px; color: #666666; margin: 0 10px 0 10px; text-decoration: none; }
        .header .nav .link a:hover { color: #000; text-decoration: underline; }

.menu { float: left; position: relative; z-index: 1; height: 32px; width: 720px; margin: 4px 0 0 80px; line-height: 32px; }
.menulist { height: 32px; }
  .menulist ul { height: 32px; list-style: none; }
  .menulist li { height: 32px; width: 100px; background: url(/2026041301/images/menu_bg.jpg) no-repeat; margin: 0 40px 0 0; float: left; position: relative; text-indent: -9999px; display: inline; }
    .menulist li.on a, .menulist li.off a, .menulist li.off a:hover { background: url(/2026041301/images/menu_bg.jpg) no-repeat; }
    .menulist li.off .tab1 { background-position: 0px 0px; }
    .menulist li.off .tab2 { background-position: -100px 0px; }
    .menulist li.off .tab3 { background-position: -200px 0px; }
    .menulist li.off .tab4 { background-position: -300px 0px; }
    .menulist li.off .tab5 { background-position: -400px 0px; }
    .menulist li.on .tab1, .menulist li.off .tab1:hover { background-position: 0px -32px; }
    .menulist li.on .tab2, .menulist li.off .tab2:hover { background-position: -100px -32px; }
    .menulist li.on .tab3, .menulist li.off .tab3:hover { background-position: -200px -32px; }
    .menulist li.on .tab4, .menulist li.off .tab4:hover { background-position: -300px -32px; }
    .menulist li.on .tab5, .menulist li.off .tab5:hover { background-position: -400px -32px; }

    .menulist li a { width: 100px; height: 32px; display: block; }
    .menulist li .sec { width: 100px; background: #FFF; position: absolute; top: 30px; left: 0px; overflow: hidden; height: 0px; filter: alpha(opacity=80); opacity: 0.8; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.1); box-shadow: 3px 3px 3px rgba(0,0,0,.1); }
      .menulist li .sec a { font-size: 13px; display: block; width: 100%; cursor: pointer; color: #000; line-height: 25px; height: 25px; text-align: center; margin-top: 10px; text-indent: 1px; background: none; }
        .menulist li .sec a:hover { background: #6993ab; color: #FFF; }

.gameshall { height: 1050px; background: url(/images/gameshall/gamelist_bg.jpg); }
.gamelist h1 { width: 988px; height: 121px; background: url(/images/gameshall/yxdt_h1.jpg); }
.gamelist { width: 988px; height: 972px; margin: 0 auto; padding-top: 20px; }
.yxdt_l { width: 10px; height: 820px; background: url(/images/gameshall/yxdt_left.jpg) repeat-y; float: left; }
.yxdt_main { width: 880px; height: 820px; background: #FFF; float: left; }
.yxdt_r { width: 98px; height: 820px; background: url(/images/gameshall/yxdt_right_bg.jpg) repeat-y; float: left; }
.Lines { width: 830px; height: 3px; background: url(/images/gameshall/lines.jpg) repeat-x; margin-left: 50px; }
.yxdt_game { width: 830px; height: 190px; margin: 30px 0 20px 50px; background: #f4f4f4; }
  .yxdt_game a { display: block; margin: 0 20px 0 0; float: left; }
.yxdt_text { width: 570px; height: 170px; padding-top: 20px; float: left; }
  .yxdt_text p { display: block; color: #333; font-size: 13px; line-height: 20px; margin-top: 4px; }
  .yxdt_text span { font-size: 16px; font-weight: bold; }
  .yxdt_text a { margin: 0; color: #fb580b; }
    .yxdt_text a:hover { color: #267DCC; }

.button { float: right; margin-top: 10px; }
  .button a { margin: 0 6px; }
.yxdt_b { width: 988px; height: 40px; background: url(/images/gameshall/yxdt_b.jpg); clear: both; }


.copyright { margin: 50px auto 0 auto; width: 100%; height: 150px; background: url(/2026041301/images/copyright_bg.jpg) repeat-x; text-align: center; }
  .copyright p { line-height: 20px; color: #6f6f6f; padding: 30px 0 0 0; }

.wrapper { margin: 0 auto; width: 980px; }

.default .main { margin: 0 auto 0 auto; width: 100%; height: auto; }
  .default .main .charge-list { width: 314px; height: auto; margin: 20px 0 0 19px; display: inline; float: left; overflow: hidden; }
    .default .main .charge-list h2 { width: 314px; height: 38px; background: url(/images/recharge/charge_title.jpg ) no-repeat; padding: 0 0 0 10px; }
    .default .main .charge-list .charge { width: 314px; height: 150px; background: url(/2026041301/images/recharge/charge_list_bg.jpg) no-repeat; position: relative; }
      .default .main .charge-list .charge .charge-icon { width: 150px; height: 140px; background-image: url(/images/recharge/icon3.jpg ); display: block; position: absolute; left: 0px; top: 0px; }
      .default .main .charge-list .charge .item1 { background-position: 0px 20px; }
      .default .main .charge-list .charge .item2 { background-position: 0px -130px; }
      .default .main .charge-list .charge .item3 { background-position: 0px -280px; }
      .default .main .charge-list .charge .item4 { background-position: 0px -430px; }
      .default .main .charge-list .charge .item5 { background-position: 0px -580px; }
      .default .main .charge-list .charge .item6 { background-position: 0px -740px; }
      .default .main .charge-list .charge .item7 { background-position: 0px -880px; }
      .default .main .charge-list .charge .charge-text { font-family: "Microsoft YaHei", "SimSun"; width: 145px; height: 66px; line-height: 20px; color: #4d4d4d; position: absolute; left: 150px; top: 15px; }
      .default .main .charge-list .charge .charge-btn { width: 111px; height: 35px; background-image: url(/images/recharge/charge_btn.jpg ); display: block; position: absolute; left: 172px; top: 100px; }
        .default .main .charge-list .charge .charge-btn:hover { background-image: url(/images/recharge/charge_btn_on.jpg ); display: block; }
      .default .main .charge-list .charge .buying-btn { width: 111px; height: 35px; background-image: url(/images/buy/buying_btn.jpg ); display: block; position: absolute; left: 172px; top: 100px; }
        .default .main .charge-list .charge .buying-btn:hover { background-image: url(/images/buy/buying_btn_on.jpg ); display: block; }

      .default .main .charge-list .charge .charge-btn2 { width: 111px; height: 35px; background-image: url(/images/recharge/charge_btn2.jpg ); display: block; position: absolute; left: 30px; top: 100px; }
        .default .main .charge-list .charge .charge-btn2:hover { background-image: url(/images/recharge/charge_btn2_on2.jpg ); display: block; }
      .default .main .charge-list .charge .charge-btn3 { width: 111px; height: 35px; background-image: url(/images/recharge/charge_btn3.jpg ); display: block; position: absolute; left: 30px; top: 100px; }
        .default .main .charge-list .charge .charge-btn3:hover { background-image: url(/images/recharge/charge_btn3_on3.jpg ); display: block; }

    .default .main .charge-list .tel_box { width: 314px; height: 150px; background: url(/2026041301/images/recharge/charge_list_bg.jpg) no-repeat; position: relative; }
      .default .main .charge-list .tel_box ul { width: 280px; height: 140px; margin: 0 auto; padding-top: 10px; }
        .default .main .charge-list .tel_box ul li { height: 40px; line-height: 42px; border-bottom: #e4e9f3 1px solid; padding-left: 44px; background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat; }
          .default .main .charge-list .tel_box ul li a { color: #4d4d4d; }
            .default .main .charge-list .tel_box ul li a:hover { color: #4e92b7; font-weight: bold; font-size: 14px; }
          .default .main .charge-list .tel_box ul li span { width: 89px; height: 28px; }
            .default .main .charge-list .tel_box ul li span a { width: 89px; height: 28px; background: url(/2026041301/images/recharge/tel_box_btn.jpg) no-repeat; display: block; float: right; margin-top: 8px; }
              .default .main .charge-list .tel_box ul li span a:hover { background: url(/2026041301/images/recharge/tel_box_btn.jpg) no-repeat 0 -28px; }
          .default .main .charge-list .tel_box ul li i { width: 89px; height: 28px; }
            .default .main .charge-list .tel_box ul li i a { width: 89px; height: 28px; background: url(/2026041301/images/buy/tel_buy_btn.jpg) no-repeat; display: block; float: right; margin-top: 8px; }
              .default .main .charge-list .tel_box ul li i a:hover { background: url(/2026041301/images/buy/tel_buy_btn.jpg) no-repeat 0 -28px; }
      .default .main .charge-list .tel_box .mobile { background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 4px; }
      .default .main .charge-list .tel_box .telecom { background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 -66px; }
      .default .main .charge-list .tel_box .unicom { background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 -30px; }

.base .main h2 { width: 970px; height: 38px; background: url(/2026041301/images/title.jpg) no-repeat; padding: 0 0 0 20px; overflow: hidden; }
.base .main { margin: 20px auto 0 auto; width: 100%; height: auto; background: url(/2026041301/images/main_bg.jpg) repeat-y; }
.base .main_bottom { margin: 0 auto 0 auto; width: 100%; height: 1px; background: url(/2026041301/images/main_bottom.jpg) no-repeat; }

.base .main .left { width: 190px; height: auto; float: left; }

  .base .main .left .sidebar { margin: 0; padding: 0; display: block; width: 190px; }
    .base .main .left .sidebar a { font-family: "Microsoft YaHei", "SimSun"; font-size: 14px; width: 190px; display: block; height: 44px; color: #666563; line-height: 44px; text-decoration: none; overflow: hidden; vertical-align: middle; }
    .base .main .left .sidebar .on { background: url(/2026041301/images/menu_left_bg.jpg) no-repeat 0px 0px; color: #287498; }
    .base .main .left .sidebar .off { background: url(/2026041301/images/menu_left_bg.jpg) no-repeat 0px -50px; }
      .base .main .left .sidebar .off:hover { background: url(/2026041301/images/menu_left_bg.jpg) no-repeat 0px -100px; color: #287498; }
    .base .main .left .sidebar span { width: 70px; height: 44px; display: inline-block; background-image: url(/2026041301/images/recharge/icon.gif); background-repeat: no-repeat; overflow: hidden; vertical-align: middle; }
    .base .main .left .sidebar .item1 { background-position: 10px 10px; }
    .base .main .left .sidebar .item2 { background-position: 10px -30px; }
    .base .main .left .sidebar .item3 { background-position: 10px -70px; }
    .base .main .left .sidebar .item4 { background-position: 10px -110px; }
    .base .main .left .sidebar .item5 { background-position: 10px -145px; }
    .base .main .left .sidebar .item6 { background-position: 10px -185px; }
    .base .main .left .sidebar .item7 { background-position: 12px -224px; }
    .base .main .left .sidebar .item8 { background-position: 12px -262px; }
    .base .main .left .sidebar .item9 { background-position: 10px -295px; }
    .base .main .left .sidebar .item10 { background-position: 10px -326px; }
    .base .main .left .sidebar .item11 { background-position: 12px -359px; }

    .base .main .left .sidebar .contact { width: 190px; height: auto; display: block; }
      .base .main .left .sidebar .contact h4 { width: 190px; height: 41px; background: url(/2026041301/images/recharge/contact_us.jpg) no-repeat; }
      .base .main .left .sidebar .contact p { color: #287498; padding: 10px 0 0 20px; }

  .base .main .left .banner { padding: 10px 0 20px 10px; }
    .base .main .left .banner .i { margin: 10px 0 10px 0; }



.base .main .right { width: 790px; height: auto !important; min-height: 380px; height: 380px; float: left; }
  .base .main .right .steps { width: 726px; height: 34px; margin: 20px auto 10px; background: url(/2026041301/images/steps.jpg) no-repeat 0 0; }
    .base .main .right .steps li { float: left; width: 181px; height: 34px; display: inline; }
      .base .main .right .steps li a { color: #FFF; width: 181px; height: 34px; text-align: center; line-height: 34px; display: block; vertical-align: middle; }
      .base .main .right .steps li.off a { text-decoration: none; color: #287498; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; }
      .base .main .right .steps li.on a { text-decoration: underline; color: #fff; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; }

      .base .main .right .steps li.off a.step1 { background: url(/2026041301/images/steps.jpg) no-repeat 0 -34px; }
      .base .main .right .steps li.off a.step2 { background: url(/2026041301/images/steps.jpg) no-repeat -181px 0; }
      .base .main .right .steps li.off a.step3 { background: url(/2026041301/images/steps.jpg) no-repeat -362px 0; }
      .base .main .right .steps li.off a.step4 { background: url(/2026041301/images/steps.jpg) no-repeat -543px 0; }
      .base .main .right .steps li.on a.step1 { background: url(/2026041301/images/steps.jpg) no-repeat 0px 0px; }
      .base .main .right .steps li.on a.step2 { background: url(/2026041301/images/steps.jpg) no-repeat -181px -34px; }
      .base .main .right .steps li.on a.step3 { background: url(/2026041301/images/steps.jpg) no-repeat -362px -68px; }
      .base .main .right .steps li.on a.step4 { background: url(/2026041301/images/steps.jpg) no-repeat -543px -102px; }

  .base .main .right .pay_box { width: 780px; margin: 20px auto; }
    .base .main .right .pay_box ul { margin: 0; padding-left: 6px; }
      .base .main .right .pay_box ul li { width: 180px; height: 200px; float: left; background: url(/2026041301/images/recharge/pay_box_li.jpg) no-repeat; margin: 0 2px 16px 8px; display: inline; position: relative; }
        .base .main .right .pay_box ul li h2 { margin: 12px auto 11px; width: 156px; height: 20px; text-indent: -9999px; overflow: hidden; }
          .base .main .right .pay_box ul li h2.bank { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat; }
          .base .main .right .pay_box ul li h2.alipay { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -20px; }
          .base .main .right .pay_box ul li h2.phone { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -40px; }
          .base .main .right .pay_box ul li h2.junwang { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -60px; }
          .base .main .right .pay_box ul li h2.ykt { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -80px; }
          .base .main .right .pay_box ul li h2.jifen { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -100px; }
          .base .main .right .pay_box ul li h2.aliWallet { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -120px; }
          .base .main .right .pay_box ul li h2.WeiXin { background: url(/2026041301/images/recharge/pay_box_h2.jpg) no-repeat 0 -140px; }
          .base .main .right .pay_box ul li h2.buy_swk { background: url(/2026041301/images/buy/gmswk_h2.jpg) no-repeat 0 0; }
    .base .main .right .pay_box .left_ico { float: left; text-align: center; padding-top: 5px; width: 72px; height: 74px; margin: 5px 0 0 2px; }
    .base .main .right .pay_box .r_text { float: left; width: 96px; font-size: 12px; padding-left: 6px; margin-top: 12px; line-height: 16px; color: #327093; }

    .base .main .right .pay_box .btn_pay { position: absolute; width: 78px; height: 30px; bottom: 20px; left: 8px; background: url(/2026041301/images/recharge/btn_pay.jpg) no-repeat; clear: both; }
      .base .main .right .pay_box .btn_pay a { width: 78px; height: 30px; display: block; }
        .base .main .right .pay_box .btn_pay a:hover { background: url(/2026041301/images/recharge/btn_pay.jpg) no-repeat 0 -30px; }

    .base .main .right .pay_box .btn_help { position: absolute; width: 78px; height: 30px; bottom: 20px; left: 92px; background: url(/2026041301/images/recharge/btn_help.jpg) no-repeat; clear: both; }
      .base .main .right .pay_box .btn_help a { width: 78px; height: 30px; display: block; }
        .base .main .right .pay_box .btn_help a:hover { background: url(/2026041301/images/recharge/btn_help.jpg) no-repeat 0 -30px; }

    .base .main .right .pay_box .btn_jxs { width: 78px; height: 30px; position: absolute; bottom: 8px; left: 9px; background: url(/2026041301/images/buy/jxs_btn.jpg) no-repeat; clear: both; }
      .base .main .right .pay_box .btn_jxs a { display: block; width: 78px; height: 30px; }
        .base .main .right .pay_box .btn_jxs a:hover { background: url(/2026041301/images/buy/jxs_btn.jpg) no-repeat 0 -30px; }
    .base .main .right .pay_box .pay2_wz { position: absolute; left: 8px; bottom: 44px; clear: both; }
    .base .main .right .pay_box .help2_wz { position: absolute; left: 92px; bottom: 44px; clear: both; }

    .base .main .right .pay_box .ykt_btn { background: url(/2026041301/images/recharge/ykt_pay_btn.jpg) no-repeat; position: absolute; width: 78px; height: 30px; left: 8px; bottom: 44px; clear: both; }
      .base .main .right .pay_box .ykt_btn a { width: 78px; height: 30px; display: block; }
        .base .main .right .pay_box .ykt_btn a:hover { background: url(/2026041301/images/recharge/ykt_pay_btn.jpg) no-repeat 0 -30px; }

    .base .main .right .pay_box .ykt_gk_btn { background: url(/2026041301/images/recharge/ykt_gk_btn.jpg) no-repeat; position: absolute; width: 78px; height: 30px; left: 9px; bottom: 8px; clear: both; }
      .base .main .right .pay_box .ykt_gk_btn a { width: 78px; height: 30px; display: block; }
        .base .main .right .pay_box .ykt_gk_btn a:hover { background: url(/2026041301/images/recharge/ykt_gk_btn.jpg) no-repeat 0 -30px; }

    .base .main .right .pay_box .mobile { width: 172px; height: 32px; margin: 6px auto 0; background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 6px; padding: 0; border-bottom: 1px #e4e9f3 solid; position: relative; }
      .base .main .right .pay_box .mobile a { line-height: 32px; padding-left: 40px; color: #327093; width: 120px; display: block; }
        .base .main .right .pay_box .mobile a:hover { font-size: 13px; font-weight: bold; }
      .base .main .right .pay_box .mobile span { width: 16px; height: 30px; background: url(/2026041301/images/recharge/pay_tel_btn.jpg) no-repeat 0 0; position: absolute; right: 8px; top: 7px; cursor: pointer; }
        .base .main .right .pay_box .mobile span.bg { background: url(/2026041301/images/buy/buy_tel_btn.jpg) no-repeat; }

    .base .main .right .pay_box .telecom { width: 172px; height: 32px; margin: 0 auto; border-bottom: 1px #e4e9f3 solid; background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 -68px; padding: 0; position: relative; }
      .base .main .right .pay_box .telecom a { line-height: 32px; padding-left: 40px; color: #327093; width: 120px; display: block; }
        .base .main .right .pay_box .telecom a:hover { font-size: 13px; font-weight: bold; }
      .base .main .right .pay_box .telecom span { width: 16px; height: 30px; background: url(/2026041301/images/recharge/pay_tel_btn.jpg) no-repeat 0 0; position: absolute; right: 8px; top: 7px; cursor: pointer; }
        .base .main .right .pay_box .telecom span.bg { background: url(/2026041301/images/buy/buy_tel_btn.jpg) no-repeat; }

    .base .main .right .pay_box .unicom { width: 172px; height: 32px; margin: 0 auto; border-bottom: 1px #e4e9f3 solid; background: url(/2026041301/images/recharge/tel_box_li.jpg) no-repeat 0 -32px; padding: 0; position: relative; }
      .base .main .right .pay_box .unicom a { line-height: 32px; padding-left: 40px; color: #327093; width: 120px; display: block; }
        .base .main .right .pay_box .unicom a:hover { font-size: 13px; font-weight: bold; }
      .base .main .right .pay_box .unicom span { width: 16px; height: 30px; background: url(/2026041301/images/recharge/pay_tel_btn.jpg) no-repeat 0 0; position: absolute; right: 8px; top: 7px; cursor: pointer; }
        .base .main .right .pay_box .unicom span.bg { background: url(/2026041301/images/buy/buy_tel_btn.jpg) no-repeat; }
    .base .main .right .pay_box .tel_help { position: absolute; bottom: 22px; right: 10px; }

  .base .main .right .form .row { width: 790px; height: auto; display: inline-block; margin: 10px 0 0 0; font-family: "Microsoft YaHei", "SimSun"; }
    .base .main .right .form .row .title { font-size: 14px; color: #4d4d4d; line-height: 30px; min-height: 30px; padding: 0 5px; margin: 0; float: left; width: auto; }
    .base .main .right .form .row .dropdown { font-family: "Microsoft YaHei", "SimSun"; font-size: 14px; width: 150px; }
    .base .main .right .form .row label { font-size: 14px; color: #4d4d4d; text-align: right; width: 150px; line-height: 30px; height: 30px; padding: 0; margin: 0; float: left; }
.care { color: #F00; padding: 0 0 0 80px; }
.base .main .right .form .sign-code input { width: 60px !important; border-radius: 3px; }
.base .main .right .form .sign-code .txt { width: 60px !important; border-radius: 3px; }
.base .main .right .form .sign-code img { height: 30px; margin-left: 6px !important; }
.base .main .right .form .row .string { display: inline-block; line-height: 30px; color: #cb7e21; font-size: 14px; }
  .base .main .right .form .row .string a { color: #267399; padding-left: 4px; text-decoration: underline; }
.base .main .right .form .row .radio-group { display: inline-block; width: 530px; }
  .base .main .right .form .row .radio-group label { float: left; width: 40%; text-align: left; cursor: pointer; }


.base .main .right .form .row .inputFocus { float: left; height: auto; position: relative; width: 260px; }
  .base .main .right .form .row .inputFocus input,
  .base .main .right .form .row .inputFocus .txt { font-size: 14px; width: 253px; display: inline-block; padding: 0 0 0 5px; font-family: "Microsoft YaHei", "SimSun"; }
  .base .main .right .form .row .inputFocus input { border: solid 1px #679ab5; font-weight: bold; color: #404040; padding-top: 0; padding-bottom: 0; height: 28px; line-height: 28px; float: left; border-radius: 3px; background: url(/2026041301/images/ipt_bg.jpg) repeat-x; }
  .base .main .right .form .row .inputFocus .txt { border: solid 1px #b3b3b3; z-index: 999; color: #b2b2b2; height: 28px; line-height: 28px; position: absolute; top: 0; left: 0; border-radius: 3px; }
  .base .main .right .form .row .inputFocus .txt2 { font-size: 14px; width: auto; min-width: 255px; height: auto; min-height: 30px; display: inline-block; padding: 0 5px 0 5px; font-family: "Microsoft YaHei", "SimSun"; background-color: #f2f5f7; z-index: 9999; color: #267399; line-height: 30px; border-radius: 3px; font-weight: bold; }
.base .main .right .jf_care { margin: 6px 0 0 80px; }
  .base .main .right .jf_care p { line-height: 24px; }

.base .main .right .form .icon { width: 16px; height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; }
.base .main .right .form .errormsg { width: 360px; float: left; margin: 0 0 0 10px; height: auto; }
.base .main .right .form .err { width: 330px; display: inline-block; font-size: 12px; line-height: 24px; vertical-align: top; }
  .base .main .right .form .err b { font-weight: 100; color: #4d4d4d; }

.base .main .right .form .general .errormsg { display: none; }

.base .main .right .form .error .errormsg { color: #cc0000; }
  .base .main .right .form .error .errormsg .icon { background: url(/2026041301/images/recharge/icon-form.jpg) no-repeat 0px 3px; margin: 0 5px 0 0; }
.base .main .right .form .error .inputFocus input { color: #ff0000 !important; border: solid 1px #995c5c !important; }

.base .main .right .form .success .errormsg { color: #267399; }
  .base .main .right .form .success .errormsg .icon { background: url(/2026041301/images/recharge/icon-form.jpg) no-repeat 0px -43px; margin: 0 5px 0 0; }

.base .main .right .form .warning .errormsg { color: #cb7e21; }
  .base .main .right .form .warning .errormsg .icon { background: url(/2026041301/images/recharge/icon-form.jpg) no-repeat 0px -93px; margin: 0 5px 0 0; }

.base .main .right .form .pay-select { height: 60px; line-height: 60px; background: url(/2026041301/images/recharge/xian.jpg) no-repeat left bottom; padding: 0px 0 0 151px; margin: 10px 0; clear: both; display: block; }
  .base .main .right .form .pay-select label { float: left; height: 60px; cursor: pointer; }
    .base .main .right .form .pay-select label.on { background: url(/2026041301/images/recharge/arrow.jpg) no-repeat left bottom; width: auto; }
    .base .main .right .form .pay-select label.off { background: url(); }
    .base .main .right .form .pay-select label input { height: 60px; line-height: 60px; float: left; }
    .base .main .right .form .pay-select label span { height: 50px; line-height: 50px; background: url(/2026041301/images/recharge/pay_select.jpg) no-repeat; margin: 5px; overflow: hidden; display: inline-block; }
    .base .main .right .form .pay-select label.bill99 span { background-position: 0px 10px; width: 100px; }
    .base .main .right .form .pay-select label.tenpay span { background-position: 0px -108px; width: 130px; }
    .base .main .right .form .pay-select label.alipay span { background-position: 0px -48px; width: 130px; }
    .base .main .right .form .pay-select label.szf span { background-position: 0px -168px; width: 130px; }
    .base .main .right .form .pay-select label.weixin span { background-position: 0px -221px; width: 100px; }
    .base .main .right .form .pay-select label.junnetweixin span { background-position: 0px -271px; width: 100px; }
    .base .main .right .form .pay-select label.chongqilai_weixin span { background-position: 0px -320px; width: 100px; }
    .base .main .right .form .pay-select label.weixin span { background-position: 0px -221px; width: 100px; }
    .base .main .right .form .pay-select label.weixin_jsapi-official-lieyan span { background-position: 0px -221px; width: 100px; }
    .base .main .right .form .pay-select label.weixin_jsapi-official-joyyear span { background-position: 0px -221px; width: 100px; }
    .base .main .right .form .pay-select label.weixin_jsapi-official span { background-position: 0px -221px; width: 100px; }

.base .main .right .form .oper-bar { margin: 20px 0 30px 149px; text-align: left; }

.base .main .right .tips1 { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; font-weight: bold; color: #333; background: url(/2026041301/images/icon4.jpg) no-repeat 0px 3px; padding: 0 0 0 18px; margin: 30px 0 0 70px; }
.base .main .right .tips { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; width: 600px; height: auto; color: #666666; margin: 10px auto 50px auto; }
  .base .main .right .tips p { line-height: 2em; }
    .base .main .right .tips p a { color: #478fb3; }
      .base .main .right .tips p a:hover { color: #cb7e21; text-decoration: underline; }

.base .main .right .show-form { margin: 30px auto 0 auto; }
  .base .main .right .show-form .row { width: 550px; margin: 0 auto 0 auto; clear: both; display: block; font-family: "Microsoft YaHei", "SimSun"; min-height: 40px; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }
    .base .main .right .show-form .row .string { display: inline-block; line-height: 40px; color: #404040; font-size: 14px; padding: 0 0 0 15px; }
    .base .main .right .show-form .row label { font-size: 14px; color: #000; text-align: right; width: 180px; line-height: 40px; height: 40px; padding: 0; margin: 0; float: left; background-color: #d9e6ed; }
  .base .main .right .show-form .line { width: 550px; margin: 0 auto 0 auto; clear: both; display: block; font-family: "Microsoft YaHei", "SimSun"; border-top: solid 1px #cccccc; }
  .base .main .right .show-form .pay-select { height: 50px !important; clear: both; display: block; overflow: hidden; }
    .base .main .right .show-form .pay-select label { float: left; height: 50px !important; cursor: pointer; line-height: 50px !important; }
    .base .main .right .show-form .pay-select .icon { height: 50px; line-height: 50px; background: url(/2026041301/images/recharge/pay_select.jpg) no-repeat; margin: 0 0 0 15px; overflow: hidden; display: inline-block; }
    .base .main .right .show-form .pay-select .icon-bill99 { background-position: 0px 10px; width: 100px; }
    .base .main .right .show-form .pay-select .icon-alipay { background-position: 0px -48px; width: 130px; }
    .base .main .right .show-form .pay-select .icon-szf { background-position: 0px -168px; width: 130px; }
    .base .main .right .show-form .pay-select .icon-qrcode-weixin { background-position: 0px -221px; width: 100px; }
    .base .main .right .show-form .pay-select .icon-junnetweixin { background-position: 0px -271px; width: 100px; }
    .base .main .right .show-form .pay-select .icon-chongqilai_weixin { background-position: 0px -320px; width: 100px; }
    .base .main .right .show-form .pay-select .icon-qrcode-weixin { background-position: 0px -221px; width: 100px; }
    .base .main .right .show-form .pay-select .icon-weixin_jsapi-official { background-position: 0px -221px; width: 100px; }


  .base .main .right .show-form .cards-list { }
  .base .main .right .show-form .cards-list { width: 550px; margin: 20px auto 0 auto; clear: both; display: block; font-family: "Microsoft YaHei", "SimSun"; }
    .base .main .right .show-form .cards-list td { line-height: 40px; height: 40px; color: #404040; font-size: 14px; text-align: center; width: 275px; border: solid 1px #cccccc; }
    .base .main .right .show-form .cards-list th { font-size: 14px; color: #000; text-align: center; width: 275px; line-height: 34px; height: 34px; background-color: #d9e6ed; border: solid 1px #cccccc; }


  .base .main .right .show-form .pay-select .icon-tenpay { background-position: 0px -108px; width: 130px; }

  .base .main .right .show-form .oper-bar { width: 552px; padding: 30px 0 0 0; margin: 0 auto 30px auto; text-align: center; height: 90px; position: relative; border-top: solid 1px #cccccc; height: auto !important; min-height: 90px; }
    .base .main .right .show-form .oper-bar .ljcz { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_ljcz.jpg) no-repeat 0px 0px; text-indent: -9999px; position: absolute; left: 170px; }
      .base .main .right .show-form .oper-bar .ljcz:hover { background: url(/2026041301/images/btn/btn_ljcz.jpg) no-repeat 0px -42px; }
      .base .main .right .show-form .oper-bar .ljcz a { width: 112px; height: 42px; display: block; }

    .base .main .right .show-form .oper-bar .goon { width: 112px; height: 42px; background: url(/2026041301/images/btn/buy_goon.jpg) no-repeat 0px 0px; text-indent: -9999px; position: absolute; left: 320px; }
      .base .main .right .show-form .oper-bar .goon:hover { background: url(/2026041301/images/btn/buy_goon.jpg) no-repeat 0px -42px; }
      .base .main .right .show-form .oper-bar .goon a { width: 112px; height: 42px; display: block; }

  .base .main .right .show-form .AliPurse { width: 410px; float: left; }
    .base .main .right .show-form .AliPurse .row { width: 410px; margin: 0; clear: both; display: block; font-family: "Microsoft YaHei", "SimSun"; min-height: 40px; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; overflow: hidden; }
      .base .main .right .show-form .AliPurse .row label { font-size: 14px; color: #000; text-align: right; width: 164px; line-height: 40px; height: 40px; padding: 0; margin: 0; float: left; background-color: #d9e6ed; }
      .base .main .right .show-form .AliPurse .row .string { display: inline-block; line-height: 40px; color: #404040; font-size: 14px; padding: 0 0 0 15px; }

  .base .main .right .show-form .AliIcon { width: 268px; height: 296px; border: 1px #cccccc solid; border-left: none; float: left; }
    .base .main .right .show-form .AliIcon img { margin: 0 auto; padding-top: 10px; display: block; }
    .base .main .right .show-form .AliIcon .WX_padding { padding-top: 90px; }
  .base .main .right .show-form .buy_WX { width: 268px; height: 337px; border: 1px #cccccc solid; border-left: none; float: left; }
    .base .main .right .show-form .buy_WX img { margin: 0 auto; padding-top: 120px; display: block; }
  .base .main .right .show-form .buy_Ali { width: 268px; height: 337px; border: 1px #cccccc solid; border-left: none; float: left; }
    .base .main .right .show-form .buy_Ali img { margin: 0 auto; padding-top: 20px; display: block; }
.base .main .right .ali-oper-bar { width: 552px; margin: 20px auto 30px auto; text-align: center; position: relative; height: auto !important; min-height: 120px; height: 120px; }
  .base .main .right .ali-oper-bar p { margin-bottom: 15px; font-size: 14px; color: #F00; }
  .base .main .right .ali-oper-bar .btn_back { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_AliBack.jpg) no-repeat 0px 0px; text-indent: -9999px; border: none; position: absolute; left: 140px; cursor: pointer; }
    .base .main .right .ali-oper-bar .btn_back:hover { background: url(/2026041301/images/btn/btn_AliBack.jpg) no-repeat 0px -42px; }
  .base .main .right .ali-oper-bar .btn_fish { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_AliFish.jpg) no-repeat 0px 0px; text-indent: -9999px; border: none; position: absolute; left: 300px; cursor: pointer; }
    .base .main .right .ali-oper-bar .btn_fish:hover { background: url(/2026041301/images/btn/btn_AliFish.jpg) no-repeat 0px -42px; }





.base .main .right .showcard-form .oper-bar { width: 552px; padding: 0; margin: 0 auto 30px auto; text-align: center; height: 90px; }

.base .main .right .showerror-form { margin: 30px auto 0 auto; }
  .base .main .right .showerror-form .row3 { width: 480px; height: auto; line-height: 90px; display: block; background-color: #eaf2f5; border: #d0cccd solid 1px; margin: 50px auto 0 auto; font-family: "Microsoft YaHei", "SimSun"; color: #404040; padding: 10px; }
    .base .main .right .showerror-form .row3 .showerror-img { width: 65px; height: 65px; float: left; display: inline; margin: 0 auto 0 auto; background-image: url(/2026041301/images/showerror_icon.jpg); background-repeat: no-repeat; margin: 12px 0 0 10px; overflow: hidden; vertical-align: middle; }
    .base .main .right .showerror-form .row3 .icon-error { background-position: 0px 0px; }
    .base .main .right .showerror-form .row3 .icon-warning { background-position: 0px -70px; }
    .base .main .right .showerror-form .row3 .icon-success { background-position: 0px -140px; }
    .base .main .right .showerror-form .row3 .string { width: 370px; height: auto; float: left; line-height: 26px; display: block; font-size: 14px; font-family: "Microsoft YaHei", "SimSun"; margin: 12px 0 0 30px; }
      .base .main .right .showerror-form .row3 .string strong { color: #F00; display: block; padding-left: 110px; }
  .base .main .right .showerror-form .oper-bar { text-align: center; }

.base .main .right .loading { width: 400px; height: 160px; margin: 40px auto; padding: 60px 0 0 0; background: #edf7f9; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
  .base .main .right .loading img { margin: 0 auto; display: block; }
  .base .main .right .loading p { margin: 14px auto 0; font-weight: bold; font-size: 14px; color: #287498; width: 360px; text-align: center; }
  .base .main .right .loading span { margin: 30px auto; width: 360px; display: block; font-size: 14px; }

.base .main .right .szf_error { width: 400px; height: auto !important; min-height: 200px; height: 200px; margin: 40px auto; padding: 12px 0 0 0; background: #edf7f9; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
  .base .main .right .szf_error img { margin: 0 auto; display: block; }
  .base .main .right .szf_error p { margin: 18px auto 20px; font-weight: bold; font-size: 14px; color: #F00; width: 360px; }

.tit { color: #F00; text-align: center; display: block; font-size: 20px; }
.extract { display: block; text-align: center; margin: 20px auto; }

.base .main .right .process-list { position: absolute; margin: 0px; padding: 0px; top: 20px; left: 790px; right: 0px; list-style: none; z-index: 99999; }
  .base .main .right .process-list li { background-color: #eaf2f5; width: 800px; border-top: 1px solid #fcfcfc; border-left: 1px solid #d6dadd; border-bottom: 1px solid #d6dadd; padding: 6px 0px 6px 10px; margin: 0; }
    .base .main .right .process-list li .icon { width: 30px; height: 30px; display: inline-block; background-image: url(/2026041301/images/help/help_icon.jpg); background-repeat: no-repeat; vertical-align: middle; }
    .base .main .right .process-list li .icon-1 { background-position: 0px 0px; }
    .base .main .right .process-list li .icon-2 { background-position: 0px -30px; }
    .base .main .right .process-list li .icon-3 { background-position: 0px -60px; }
    .base .main .right .process-list li .icon-4 { background-position: 0px -90px; }
    .base .main .right .process-list li .icon-5 { background-position: 0px -120px; }
    .base .main .right .process-list li .icon-6 { background-position: 0px -150px; }
    .base .main .right .process-list li .icon-7 { background-position: 0px -180px; }
    .base .main .right .process-list li .icon-8 { background-position: 0px -210px; }
    .base .main .right .process-list li .icon-9 { background-position: 0px -240px; }
    .base .main .right .process-list li a { display: inline-block; font-weight: bold; color: #267399; line-height: 20px; width: 300px; height: auto; padding: 0 0 0 10px; vertical-align: middle; }
.base .right .process-list li a:hover { color: #c97f20; }
.base .main .right .process-pic { width: 730px; margin: 0 auto 0 auto; }
  .base .main .right .process-pic li { font-size: 14px; color: #4d4d4d; line-height: 24px; margin: 30px 0 0 0; }
    .base .main .right .process-pic li p { font-weight: bold; color: #000; line-height: 24px; border-bottom: 1px solid #e0e0e0; }
    .base .main .right .process-pic li img { margin: 15px 0 0 20px; }

.imgcode { cursor: pointer; }

.base .main .right .line { margin: 10px 0; }
.base .main .right .careful { clear: both; border-top: 1px #626262 dashed; width: 692px; padding: 15px 0 25px 8px; margin: 0 auto; }
  .base .main .right .careful span { color: #699b2a; font-size: 14px; font-weight: bold; padding-left: 24px; background: url(/2026041301/images/wenhao.jpg) no-repeat 0 0; height: 20px; line-height: 20px; display: block; margin-bottom: 8px; }
  .base .main .right .careful p { line-height: 22px; color: #525252; padding: 0; }
.shrink { text-indent: 2em; }

.base .main .right .help { padding: 10px 30px; }
  .base .main .right .help h1 { font-size: 16px; color: #287498; line-height: 24px; padding: 2px 0 6px; font-weight: bold; border-bottom: 2px #c0d0da solid; }
    .base .main .right .help h1 span { width: 18px; height: 18px; background: url(/2026041301/images/help/h4-listimg.jpg) no-repeat; display: block; float: left; margin: 2px 6px 0 0; }
.right .help .top_list { margin: 0; padding: 0; }
  .right .help .top_list table { background-color: #eff6f9; }
  .right .help .top_list td { text-align: center; height: 34px; line-height: 34px; font-size: 12px; }
    .right .help .top_list td a { color: #3f3f3f; display: block; line-height: 34px; }
      .right .help .top_list td a:hover, .right .help .top_list td.on a { background: #6ba1bb; color: #FFF; height: 30px; width: auto; }

.base .main .right .help h3 { font-size: 16px; text-align: center; border-bottom: 1px #ebebeb solid; height: 30px; margin: 30px 0 10px; color: #2d7ea4; font-weight: 800; }
  .base .main .right .help h3 span { font-size: 13px; padding: 0 4px; font-weight: normal; }
.base .main .right .help h4 { font-size: 14px; color: #f60; padding: 10px 0; font-weight: bold; }
.base .main .right .help p { font-size: 12px; color: #006ca2; line-height: 18px; text-indent: 2em; margin: 2px 0; }
.base .main .right .help img { margin: 20px auto; display: block; border: 1px #C7EAF3 solid; }
.base .main .right .help .page_list { color: #000; position: relative; margin-top: 10px; width: 730px; }
  .base .main .right .help .page_list .box h4 { font-size: 14px; padding: 14px 2px; border-bottom: 1px dashed #b5d6e7; position: relative; cursor: pointer; color: #065a78; font-weight: normal; }
    .base .main .right .help .page_list .box h4:first-child { margin-top: 0px; }
  .base .main .right .help .page_list .box p { font-size: 12px; line-height: 2; color: #323232; text-indent: 0; margin: 0; }
  .base .main .right .help .page_list .box i { font-style: normal; font-size: 12px; color: #F00; }
  .base .main .right .help .page_list .box { padding: 0 10px; margin-bottom: 10px; }
  .base .main .right .help .page_list .num { color: #f60; margin-right: 4px; font-weight: bold; }
  .base .main .right .help .page_list .txt { display: none; border-bottom: 1px dashed #bdbdbd; padding: 15px; }
  .base .main .right .help .page_list .mod_server h3 { font-size: 13px; }
  .base .main .right .help .page_list .icon_down { position: absolute; top: 22px; right: 4px; border-color: #4291ae transparent transparent; border-image: none; border-style: solid dashed dashed; border-width: 8px; content: ""; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 0; }
  .base .main .right .help .page_list .icon_up { position: absolute; top: 14px; right: 4px; border-color: transparent transparent #4291ae; border-image: none; border-style: dashed dashed solid; border-width: 8px; content: ""; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 0; }

.base .main .right .help .back { width: 176px; height: 50px; margin: 30px auto; }
  .base .main .right .help .back a { display: block; width: 176px; height: 50px; text-indent: -9999px; background: url(/2026041301/images/help/back-cz.jpg) no-repeat; }
    .base .main .right .help .back a:hover { background-position: 0 -50px; }



.base .main .right .change_g { padding: 0 20px; }
  .base .main .right .change_g h1 { font-size: 14px; color: #333; line-height: 24px; padding: 20px 0 8px; font-weight: bold; border-bottom: 1px #c0d0da solid; }
    .base .main .right .change_g h1 span { width: 18px; height: 18px; background: url(/2026041301/images/help/h4-listimg.jpg) no-repeat; display: block; float: left; margin-right: 4px; margin-top: 2px; }
  .base .main .right .change_g ul { padding-left: 16px; }
    .base .main .right .change_g ul li { width: 228px; height: 158px; float: left; padding: 10px 16px 12px 0; }
      .base .main .right .change_g ul li img { opacity: 1; filter(alpha=100); }
        .base .main .right .change_g ul li img:hover { transform: scale(1.03);}
.margin_b30 { margin-bottom: 30px; }

.base .main .right .pay_box ul li h2.buy_bank { background: url(/2026041301/images/buy/buy_box_h2.jpg) no-repeat; }
.base .main .right .pay_box .con { background: url(/2026041301/images/buy/buy_con_bg.jpg) no-repeat; width: 780px; overflow: hidden; }
  .base .main .right .pay_box .con .text { color: #327093; line-height: 20px; text-indent: 2em; padding: 10px 0 0 6px; width: 176px; }
.base .main .right .pay_box .top20 { padding-top: 20px; padding-left: 6px; }
.base .main .right .pay_box .tit { background: url(/2026041301/images/buy/title_bg.jpg); width: 122px; height: 29px; line-height: 29px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
.base .main .right .pay_box ul li h2.buy_alipay { background: url(/2026041301/images/buy/buy_box_h2.jpg) no-repeat 0 -20px; }
.base .main .right .pay_box ul li h2.buy_phone { background: url(/2026041301/images/buy/buy_box_h2.jpg) no-repeat 0 -40px; }
.base .main .right .pay_box ul li h2.buy_junwang { background: url(/2026041301/images/buy/buy_box_h2.jpg) no-repeat 0 -60px; }
.base .main .right .pay_box ul li h2.buy_WeiXin { background: url(/2026041301/images/buy/buy_box_h2.jpg) no-repeat 0 -80px; }

.base .main .right .pay_box .buybg { position: absolute; width: 78px; height: 30px; bottom: 12px; left: 8px; background: url(/2026041301/images/buy/buy_btn.jpg) no-repeat; clear: both; }
  .base .main .right .pay_box .buybg a { width: 78px; height: 30px; display: block; }
    .base .main .right .pay_box .buybg a:hover { background: url(/2026041301/images/buy/buy_btn.jpg) no-repeat 0 -30px; }
.base .main .right .pay_box .buy_btn_help { position: absolute; width: 78px; height: 30px; bottom: 12px; left: 92px; clear: both; background: url(/2026041301/images/buy/buy_btn_help.jpg) no-repeat; }
  .base .main .right .pay_box .buy_btn_help a { width: 78px; height: 30px; display: block; }
    .base .main .right .pay_box .buy_btn_help a:hover { background: url(/2026041301/images/buy/buy_btn_help.jpg) no-repeat 0 -30px; }
.base .main .right .pay_box .help2 { position: absolute; bottom: 4px; right: 8px; clear: both; }

.base .main .right .buy_steps { width: 702px; height: 34px; margin: 20px auto 10px; background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat 0 0; }
  .base .main .right .buy_steps li { float: left; width: 234px; height: 34px; display: inline; }
    .base .main .right .buy_steps li a { color: #FFF; width: 234px; height: 34px; text-align: center; line-height: 34px; display: block; vertical-align: middle; }
    .base .main .right .buy_steps li.off a { text-decoration: none; color: #287498; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; }
    .base .main .right .buy_steps li.on a, .main .right .steps li.off a:hover { text-decoration: underline; color: #fff; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; }

    .base .main .right .buy_steps li.off a.step1 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat 0 -34px; }
    .base .main .right .buy_steps li.off a.step2 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat -234px 0; }
    .base .main .right .buy_steps li.off a.step3 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat -468px 0; }
    .base .main .right .buy_steps li.on a.step1 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat 0px 0px; }
    .base .main .right .buy_steps li.on a.step2 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat -234px -34px; }
    .base .main .right .buy_steps li.on a.step3 { background: url(/2026041301/images/buy/buy_steps.jpg) no-repeat -468px -68px; }

.base .main .right .show-form .buy_AliIcon { width: 268px; height: 337px; border: 1px #cccccc solid; border-left: none; float: left; background: url(/2026041301/images/Ali.jpg) no-repeat 34px 64px; }

.bank-remind{ width: 640px; margin: 0 auto; line-height: 1.8; font-size: 14px;}
.bank-remind p span{ font-weight: 600; padding-right: 6px; color: #F00;}

#red { color: #F00; }

@charset "utf-8";


.oper-bar .split { width: 20px; height: 0; border: 0; font-size: 0; line-height: 0; overflow: hidden; display:inline-block; }

.oper-bar .btn { border:0; cursor:pointer; font-size: 0; line-height:84px; overflow: hidden; display: inline-block; }

.oper-bar .btn-submit { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_djcz.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-submit:hover { background: url(/2026041301/images/btn/btn_djcz.jpg) no-repeat 0px -42px; }

.oper-bar .btn-help { width: 78px; height: 42px; background: url(/2026041301/images/btn/btn_bz.jpg) no-repeat 0px 0px;}
  .oper-bar .btn-help:hover { background: url(/2026041301/images/btn/btn_bz.jpg) no-repeat 0px -42px; }

.oper-bar .btn-next { width: 94px; height: 42px; background: url(/2026041301/images/btn/btn_xyb.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-next:hover { background: url(/2026041301/images/btn/btn_xyb.jpg) no-repeat 0px -42px; }

.oper-bar .btn-prev { width: 78px; height: 42px; background: url(/2026041301/images/btn/btn_fh.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-prev:hover { background: url(/2026041301/images/btn/btn_fh.jpg) no-repeat 0px -42px; }

.oper-bar .btn-recharge { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_ljcz.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-recharge:hover { background: url(/2026041301/images/btn/btn_ljcz.jpg) no-repeat 0px -42px; }

.oper-bar .btn-pay { width: 112px; height: 42px; background: url(/2026041301/images/btn/btn_ljzf.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-pay:hover { background: url(/2026041301/images/btn/btn_ljzf.jpg) no-repeat 0px -42px; }

.oper-bar .btn-confirm { width:112px; height: 42px; background: url(/2026041301/images/btn/btn_qrcz.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-confirm:hover { background: url(/2026041301/images/btn/btn_qrcz.jpg) no-repeat 0px -42px; }

.oper-bar .btn-goback { width: 78px; height: 42px; background: url(/2026041301/images/btn/btn_fh.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-goback:hover { background: url(/2026041301/images/btn/btn_fh.jpg) no-repeat 0px -42px;}
  
.oper-bar .btn_fish_pay { width:112px; height: 42px; background: url(/2026041301/images/btn/btn_AliFish.jpg) no-repeat 0px 0px; }
  .oper-bar .btn_fish_pay:hover { background:url(/2026041301/images/btn/btn_AliFish.jpg) no-repeat 0px -42px;}

.oper-bar .btn-close { width: 78px; height: 42px; background: url(/2026041301/images/btn/btn_gb.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-close:hover { background: url(/2026041301/images/btn/btn_gb.jpg) no-repeat 0px -42px; }

.oper-bar .btn-over { width: 78px; height: 42px; background: url(/2026041301/images/btn/btn_wc.jpg) no-repeat 0px 0px; }
  .oper-bar .btn-over:hover { background: url(/2026041301/images/btn/btn_wc.jpg) no-repeat 0px -42px; }
  
.oper-bar .gohome {width:112px; height: 42px; background: url(/2026041301/images/btn/gohome.jpg) no-repeat 0px 0px;}
  .oper-bar .gohome:hover { background: url(/2026041301/images/btn/gohome.jpg) no-repeat 0px -42px;}
  
  .oper-bar .GoOn {width:112px; height: 42px; background: url(/2026041301/images/btn/btn_goon.jpg) no-repeat 0px 0px;}
  .oper-bar .GoOn:hover { background: url(/2026041301/images/btn/btn_goon.jpg) no-repeat 0px -42px;}
  
 .btn-qd {width:78px; height: 42px; background: url(/2026041301/images/btn/btn_qd.jpg) no-repeat 0px 0px; border:none; text-indent:-9999px; display:block; margin:0 auto;}
  .btn-qd:hover { background: url(/2026041301/images/btn/btn_qd.jpg) no-repeat 0px -42px;}








.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; background-color: #032e53; }

* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }


.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


.ui-widget { }
  .ui-widget .ui-widget { font-size: 1em; }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { }
  .ui-widget-content a { color: #333333; }
.ui-widget-header { }
  .ui-widget-header a { color: #ffffff; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .30; filter: Alpha(Opacity=30); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../../../css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20; filter: Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-dialog { position: absolute; overflow: hidden; }
  .ui-dialog .ui-dialog-titlebar { width: auto; height: 24px; position: relative; padding: 6px 0 0 0; cursor: move; }
  .ui-dialog .ui-dialog-title { font-size: 14px; color: #FFF; font-weight: bold; padding: 0 0 0 10px; display: inline-block; }
  .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; width: 18px; height: 18px; }
    .ui-dialog .ui-dialog-titlebar-close span { display: inline-block; cursor: pointer; }
    .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { }

  .ui-dialog .ui-dialog-content { height: auto; position: relative; border: 0; padding: 0px 3px 3px 3px; zoom: 1; overflow: hidden; }
  .ui-dialog .ui-dialog-buttonpane { display: block; text-align: right !important; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 60px; height: 24px; line-height: 24px; background-repeat: no-repeat; color: #FFF; text-decoration: none !important; margin: 10px 0 0 0; display: inline-block; text-align: center; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset-danger { background-image: url(/2026041301/images/box/box_btn3-long.jpg); width: 120px; height: 24px; line-height: 24px; background-repeat: no-repeat; color: #FFF; text-decoration: none !important; margin: 10px 0 0 0; display: inline-block; text-align: center; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset-red { width: 120px; height: 24px; line-height: 24px; background-repeat: no-repeat; color: #FFF; text-decoration: none !important; margin: 10px 0 0 0; display: inline-block; text-align: center; }
    .ui-dialog .ui-dialog-buttonpane a { cursor: pointer; border: 0; }
  .ui-dialog .ui-resizable-se { }

  .ui-dialog .pop-box { background-color: #FFF; padding: 10px 7px 10px 7px; }
    .ui-dialog .pop-box p { line-height: 1.5em; font-size: 14px; color: #4d4d4d; display: block; padding: 10px 10px 10px 30px; color: black; }

  .ui-dialog .box-icon { width: 60px; height: 60px; background-image: url(/2026041301/images/box/box_icon.jpg); background-repeat: no-repeat; display: block; float: left; margin: 0px 10px 0 0; }

.ui-dialog-success .box-icon { background-position: 0px 0px; }
.ui-dialog-success .ui-dialog-titlebar { background: url(/2026041301/images/box/box_bg.jpg) repeat-x; }
.ui-dialog-success .ui-dialog-titlebar-close { background: url(/2026041301/images/box/box_close.jpg) no-repeat; }
.ui-dialog-success .ui-dialog-content { background-color: #468aaf; }
.ui-dialog-success .ui-dialog-buttonpane .ui-dialog-buttonset { background-image: url(/2026041301/images/box/box_btn.jpg); }

.ui-dialog-success .ui-dialog-buttonpane .ui-dialog-buttonset-red { background-image: url(/2026041301/images/box/box_btn3-long.jpg); }

.ui-dialog-warning .box-icon { background-position: 0px -120px; }
.ui-dialog-warning .ui-dialog-titlebar { background: url(/2026041301/images/box/box_bg2.jpg) repeat-x; }
.ui-dialog-warning .ui-dialog-titlebar-close { background: url(/2026041301/images/box/box_close2.jpg) no-repeat; }
.ui-dialog-warning .ui-dialog-content { background-color: #99600f; }
.ui-dialog-warning .ui-dialog-buttonpane .ui-dialog-buttonset { background-image: url(/2026041301/images/box/box_btn2.jpg); }


.ui-dialog-error .box-icon { background-position: 0px -60px; }
.ui-dialog-error .ui-dialog-titlebar { background: url(/2026041301/images/box/box_bg2.jpg) repeat-x; }
.ui-dialog-error .ui-dialog-titlebar-close { background: url(/2026041301/images/box/box_close2.jpg) no-repeat; }
.ui-dialog-error .ui-dialog-content { background-color: #990f0f; }
.ui-dialog-error .ui-dialog-buttonpane .ui-dialog-buttonset { background-image: url(/2026041301/images/box/box_btn2.jpg); }

@charset "utf-8";
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

div.ie6 {
	position: 			absolute;
}
div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
 left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.top-left {
 left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-right {
 left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-left {
 left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.center {
 left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

div.jGrowl {
	position:			absolute;
}
body > div.jGrowl {
	position:			fixed;
}
div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}
div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;

}
div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}
div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}
div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}
div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}
div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}
div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}
div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}
div.jGrowl div.manilla {
	background-color: 		#FFF1C2;
	color: 					navy;
}
div.jGrowl div.smoke {
	background: url(../../../Scripts/lib/jgrowl/smoke.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	width: 					280px;
	height: 				55px;
	overflow: 				hidden;
}
div.jGrowl div.flora {
	background: 			#E6F7D4 url(../../../Scripts/lib/jgrowl/flora-notification.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	opacity: 				1;
	filter: 				alpha(opacity = 100);
	width: 					270px;
	height: 				90px;
	padding: 				0px;
	overflow: 				hidden;
	border-color: 			#5ab500;
}
div.jGrowl div.flora div.message {
	padding: 				5px;
	color: 					#000;
}
div.jGrowl div.flora div.header {
	background: 			url(../../../Scripts/lib/jgrowl/flora-header.png) no-repeat;
	padding: 				5px;
}
div.jGrowl div.flora div.close {
	background: 			url(../../../Scripts/lib/jgrowl/flora-close.png) no-repeat;
	padding: 				5px;
	color: 					transparent;
	padding: 				0px;
	margin: 				5px;
	width:					17px;
}
div.jGrowl div.iphone {
	font-family: 			"Helvetica Neue", "Helvetica";
	font-size: 				12px;
	background: 			url(../../../Scripts/lib/jgrowl/iphone.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	opacity: 				.90;
	filter: 				alpha(opacity = 90);
	width: 					245px;
	height: 				137px;
	padding: 				0px;
	overflow: 				hidden;
	border-color: 			#5ab500;
	color: 					#fff;
}
div.jGrowl div.iphone div.message {
	padding-top: 			0px;
	padding-bottom: 		7px;
	padding-left: 			15px;
	padding-right: 			15px;
}
div.jGrowl div.iphone div.header {
	padding: 				7px;
	padding-left: 			15px;
	padding-right: 			15px;
	font-size: 				17px;
}
div.jGrowl div.iphone div.close {
	display: 				none;
}
div#random {
	width: 					1000px;
	background-color: 		red;
	line-height: 			60px;
}

@media print {
div.jGrowl {
	display: 			none;
}
}

.loading-indicator { height: 80px; width: 80px; background: url( '/2026041301/Scripts/lib/showLoading/images/loading.gif' ); background-repeat: no-repeat; background-position: center center; }

.loading-indicator-overlay { background-color: #FFFFFF; opacity: 0.6; filter: alpha(opacity = 60); }

