@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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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; }
/*=== END ===*/


/*=== 版权 ===*/
.copyright { margin: 50px auto 0 auto; width: 100%; padding: 24px 0; background: url(/2025050801/images/copyright_bg.jpg) repeat-x; text-align: center; }
.copyright p { line-height: 2; color: #6f6f6f;}
.copyright p a { color: #267399; padding: 0 3px;}

/*=== 外包 装===*/
.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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/images/buy/tel_buy_btn.jpg) no-repeat 0 -28px; }
      .default .main .charge-list .tel_box .mobile { background: url(/2025050801/images/recharge/tel_box_li.jpg) no-repeat 0 4px; }
      .default .main .charge-list .tel_box .telecom { background: url(/2025050801/images/recharge/tel_box_li.jpg) no-repeat 0 -66px; }
      .default .main .charge-list .tel_box .unicom { background: url(/2025050801/images/recharge/tel_box_li.jpg) no-repeat 0 -30px; }

/*=== 充值通用部分 ===*/
.base .main h2 { width: 970px; height: 38px; background: url(/2025050801/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(/2025050801/images/main_bg.jpg) repeat-y; }
.base .main_bottom { margin: 0 auto 0 auto; width: 100%; height: 1px; background: url(/2025050801/images/main_bottom.jpg) no-repeat; }
/* 左边部分 */
.base .main .left { width: 190px; height: auto; float: left; }
  /* sidebar */
  .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(/2025050801/images/menu_left_bg.jpg) no-repeat 0px 0px; color: #287498; }
    .base .main .left .sidebar .off { background: url(/2025050801/images/menu_left_bg.jpg) no-repeat 0px -50px; }
      .base .main .left .sidebar .off:hover { background: url(/2025050801/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(/2025050801/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(/2025050801/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 .steps { width: 790px; height: 46px; margin:20px 0 0 0; }
    .base .main .right .steps li { float: left; display: inline; width: auto; margin: 0 0 0 24px; }
      .base .main .right .steps li a span { width: 46px; height: 46px; line-height: 46px; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }
      .base .main .right .steps li.on a span, .main .right .steps li.off a span { background-image: url(/2025050801/images/recharge/icon2.jpg); background-repeat: no-repeat; }
      .base .main .right .steps li.on a span { background-image: url(/2025050801/images/recharge/icon2.jpg); background-repeat: no-repeat; }
      .base .main .right .steps li.off a { text-decoration: none; color: #666666; font-size: 14px; height: 46px; line-height: 46px; }
      .base .main .right .steps li.on a, .main .right .steps li.off a:hover { text-decoration: none; color: #267399; font-size: 14px; height: 46px; line-height: 46px; }
      .base .main .right .steps li.off a .steps1 { background-position: 0px 0px; }
      .base .main .right .steps li.off a .steps2 { background-position: 0px -60px; }
      .base .main .right .steps li.off a .steps3 { background-position: 0px -120px; }
	  .base .main .right .steps li.off a .steps4 { background-position: 0px -180px;}
      .base .main .right .steps li.on a .steps1, .main .right .steps li.off a:hover .steps1 { background-position: 0px -240px; }
      .base .main .right .steps li.on a .steps2, .main .right .steps li.off a:hover .steps2 { background-position: 0px -300px; }
      .base .main .right .steps li.on a .steps3, .main .right .steps li.off a:hover .steps3 { background-position: 0px -360px; }
	  .base .main .right .steps li.on a .steps4, .main .right .steps li.off a:hover .steps4 { background-position: 0px -420px; }
      .base .main .right .steps li.split { width: 0px !important; border-right: solid 1px #dadada; height: 46px; line-height: 46px; display: block; }
*/
/*form.ctrl*/
.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(/2025050801/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(/2025050801/images/steps.jpg) no-repeat 0 -34px; }
      .base .main .right .steps li.off a.step2 { background: url(/2025050801/images/steps.jpg) no-repeat -181px 0; }
      .base .main .right .steps li.off a.step3 { background: url(/2025050801/images/steps.jpg) no-repeat -362px 0; }
      .base .main .right .steps li.off a.step4 { background: url(/2025050801/images/steps.jpg) no-repeat -543px 0; }
      .base .main .right .steps li.on a.step1 { background: url(/2025050801/images/steps.jpg) no-repeat 0px 0px; }
      .base .main .right .steps li.on a.step2 { background: url(/2025050801/images/steps.jpg) no-repeat -181px -34px; }
      .base .main .right .steps li.on a.step3 { background: url(/2025050801/images/steps.jpg) no-repeat -362px -68px; }
      .base .main .right .steps li.on a.step4 { background: url(/2025050801/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(/2025050801/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(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat; }
          .base .main .right .pay_box ul li h2.alipay { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -20px; }
          .base .main .right .pay_box ul li h2.phone { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -40px; }
          .base .main .right .pay_box ul li h2.junwang { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -60px; }
          .base .main .right .pay_box ul li h2.ykt { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -80px; }
          .base .main .right .pay_box ul li h2.jifen { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -100px; }
          .base .main .right .pay_box ul li h2.aliWallet { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -120px; }
          .base .main .right .pay_box ul li h2.WeiXin { background: url(/2025050801/images/recharge/pay_box_h2.jpg) no-repeat 0 -140px; }
          .base .main .right .pay_box ul li h2.buy_swk { background: url(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/images/recharge/ykt_pay_btn.jpg) no-repeat 0 -30px; }

    .base .main .right .pay_box .ykt_gk_btn { background: url(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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 .radio-group label { float: left; width: auto; text-align: left; cursor: pointer; padding-right: 20px; }*/
/*form.inputFocus*/
.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(/2025050801/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; }
/* ==from.validate == */
.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; }
/* general */
.base .main .right .form .general .errormsg { display: none; }
/* error */
.base .main .right .form .error .errormsg { color: #cc0000; }
  .base .main .right .form .error .errormsg .icon { background: url(/2025050801/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; }
/* success */
.base .main .right .form .success .errormsg { color: #267399; }
  .base .main .right .form .success .errormsg .icon { background: url(/2025050801/images/recharge/icon-form.jpg) no-repeat 0px -43px; margin: 0 5px 0 0; }
/*warning*/
.base .main .right .form .warning .errormsg { color: #cb7e21; }
  .base .main .right .form .warning .errormsg .icon { background: url(/2025050801/images/recharge/icon-form.jpg) no-repeat 0px -93px; margin: 0 5px 0 0; }
/* pay.mode.select */
.base .main .right .form .pay-select { height: 60px; line-height: 60px; background: url(/2025050801/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(/2025050801/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(/2025050801/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; }

/*form.oper-bar*/
.base .main .right .form .oper-bar { margin: 20px 0 30px 149px; text-align: left; }
/*form.tips-帮助*/
.base .main .right .tips1 { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; font-weight: bold; color: #333; background: url(/2025050801/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; }
/*form.show*/
.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(/2025050801/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; }
  /*form.oper-bar*/
  .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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/images/btn/btn_AliBack.jpg) no-repeat 0px -42px; }
  .base .main .right .ali-oper-bar .btn_fish { width: 112px; height: 42px; background: url(/2025050801/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(/2025050801/images/btn/btn_AliFish.jpg) no-repeat 0px -42px; }
/*form.showcard*/
/*.base .main .right .showcard-form { margin: 30px auto 0 auto; }
    .base .main .right .showcard-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; border-bottom: solid 1px #cccccc; }
      .base .main .right .showcard-form .row .string { display: inline-block; line-height: 40px; color: #404040; font-size: 14px; padding: 0 0 0 15px; }
      .base .main .right .showcard-form .row label { font-size: 14px; color: #000; text-align: right; width: 180px; line-height: 40px; height: 40px; padding: 0; margin: 0; float: left; }
    .base .main .right .showcard-form .row2 { width: 550px; margin: 20px auto 0 auto; clear: both; display: block; font-family: "Microsoft YaHei", "SimSun"; }
      .base .main .right .showcard-form .row2 td { line-height: 40px; height: 40px; color: #404040; font-size: 14px; text-align: center; width: 275px; border: solid 1px #cccccc; }
      .base .main .right .showcard-form .row2 th { font-size: 14px; color: #000; text-align: center; width: 275px; line-height: 34px; height: 34px; background-color: #d9e6ed; border: solid 1px #cccccc; }*/

/* buy.show.cards.list*/
/*.base .main .right .show-form .row .cards-list { width: 300px; margin: 0 auto; }
      .base .main .right .show-form .row .cards-list th { background-color: #E9D773; text-align: center; line-height: 30px; height: 30px; }
      .base .main .right .show-form .row .cards-list td { background-color: #F8F5E3; text-align: center; line-height: 2em; height: 2em; }*/

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

/*form.showerror*/
.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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/images/buy/buy_box_h2.jpg) no-repeat; }
.base .main .right .pay_box .con { background: url(/2025050801/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(/2025050801/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(/2025050801/images/buy/buy_box_h2.jpg) no-repeat 0 -20px; }
.base .main .right .pay_box ul li h2.buy_phone { background: url(/2025050801/images/buy/buy_box_h2.jpg) no-repeat 0 -40px; }
.base .main .right .pay_box ul li h2.buy_junwang { background: url(/2025050801/images/buy/buy_box_h2.jpg) no-repeat 0 -60px; }
.base .main .right .pay_box ul li h2.buy_WeiXin { background: url(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/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(/2025050801/images/buy/buy_steps.jpg) no-repeat 0 -34px; }
    .base .main .right .buy_steps li.off a.step2 { background: url(/2025050801/images/buy/buy_steps.jpg) no-repeat -234px 0; }
    .base .main .right .buy_steps li.off a.step3 { background: url(/2025050801/images/buy/buy_steps.jpg) no-repeat -468px 0; }
    .base .main .right .buy_steps li.on a.step1 { background: url(/2025050801/images/buy/buy_steps.jpg) no-repeat 0px 0px; }
    .base .main .right .buy_steps li.on a.step2 { background: url(/2025050801/images/buy/buy_steps.jpg) no-repeat -234px -34px; }
    .base .main .right .buy_steps li.on a.step3 { background: url(/2025050801/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(/2025050801/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; }