﻿@charset "utf-8";
/* CSS yunhai_pay */
body{ margin:0px; padding:0px;font:12px/24px "Source Han Sans CN","Source Han Sans CN",tahoma,arial,simsun,"宋体";}

.pay_user_info{
    margin-bottom:10px;
}   
#pay_user_info_txt{

    display:block;
}
#pay_user_info_msg{

    display:none;
}

#pay_user_info_msg #spanUserInfo{
    font-size: 18px;
    color: #7ea42d;
    padding: 0px 10px 0px 5px;
}

.useraccounts_input{
    margin-left:5px;
    height: 25px;
    line-height:25px;
    vertical-align: middle;
    width: 251px;
    border: 1px solid #4c9af2;
    background-color: #fff;
    color: #333;
}

.tip_txt{ 
    color:#989898;
}

ul,li,dl,dt,dd,ol{ margin:0px; padding:0px; list-style:none;}
em,i{ font-style:normal;}
p{ margin:0px; padding:0px;}
a{ text-decoration:none;}
button{font-family:"Source Han Sans CN","Source Han Sans CN",tahoma,arial,simsun,"宋体"; border-radius:3px; }
input {  border: 1px solid #d1d1d1; color: #333; outline: medium none;padding: 4px 3px; }
.pay_head_box{ width:100%; height:85px; background:url(../images/pay_head_bg.jpg) repeat-x;}
	.pay_head_muen{ width:1000px; height:85px; margin:0px auto; position:relative;}
	  .p_h_logo{ width:350px; height:80px; background:url(../images/91yc_logo_pay.gif) no-repeat; float:left;}
	  .p_muen_ul{ width:200px; height:30px; line-height:30px; float:right; position:absolute; top:40px; right:100px;}
	  .p_muen_ul li{ float:left;}
	  .p_muen_ul li a{ padding:0px 15px; margin:0px 5px 0px; display:block; color:#636363; font-size:14px; text-decoration:none;}
	  .p_muen_ul li a:hover{ color:#ff8616;}
	  .pay_help{ width:91px; height:28px; background:url(../images/pay_help_icon.gif) no-repeat; color:#fff; text-indent:30px;display:block; float:right; text-decoration:none; position:absolute; top:40px; right:0px; line-height:28px;}
	  .pay_help:hover{ background-position:0px -28px;}
.pay_box{ height:auto; min-height:680px;overflow: hidden; width:1004px; margin:0px auto;margin:30px auto;}
.pay_cot{ width:1000px;  overflow:hidden;border:1px solid #d3d3d3; }
   .pay_left{ width:207px; height:100%; min-height:720px; _height:720PX;overflow:hidden; border-right:1px solid #d3d3d3; background-color:#f5f5f5; float:left; position:relative;}
   .pay_left .p_list_ul{ width:195px; height:auto; position:absolute; right:-1px; top:15px;}
   .pay_left .p_list_ul li{ float:left; position:relative;}
   .pay_left .p_list_ul li a{ display:block; text-decoration:none; color:#666666;width:195px; height:50px; border-radius:2px;line-height:50px; font-size:16px;}
   .pay_left .p_list_ul li a.on{ background-color:#fff; border-bottom:2px solid #e86741; border-radius:2px; color:#e86741;}
   .pay_left .p_list_ul li a .icon01,.pay_left .p_list_ul li a .icon02,.pay_left .p_list_ul li a .icon03,.pay_left .p_list_ul li a .icon04,
   .pay_left .p_list_ul li a .icon05,.pay_left .p_list_ul li a .icon06,.pay_left .p_list_ul li a .icon07,.pay_left .p_list_ul li a .icon08,
   .pay_left .p_list_ul li a .icon09{width:30px; height:25px; overflow:hidden; float:left; background:url(../images/pay_list_class.png) no-repeat 0px 0px; margin:15px 10px 0px 10px;}
   .pay_left .p_list_ul li a .icon01{ background-position:0px 0px; }
   .pay_left .p_list_ul li a .icon02{ background-position:0px -25px;}
   .pay_left .p_list_ul li a .icon03{ background-position:0px -50px;}
   .pay_left .p_list_ul li a .icon04{ background-position:0px -75px;}
   .pay_left .p_list_ul li a .icon05{ background-position:0px -100px;}
   .pay_left .p_list_ul li a .icon06{ background-position:0px -125px;}
   .pay_left .p_list_ul li a .icon07{ background-position:0px -150px;}
   .pay_left .p_list_ul li a .icon08{ background-position:0px -175px;}
   .pay_left .p_list_ul li a .icon09{ background-position:0px -204px;}
   .pay_left .p_list_ul li a:hover{ text-indent:1px; color:#000;}
   
   .pay_right{ width:780px; height:auto;overflow:hidden; float:left; margin:20px 0px 0px 10px; color:#3a3a3a; font-size:12px; }
   
   .paymentTable th {  font-size: 13px; line-height:20px;font-weight: normal;padding: 14px 5px 5px; vertical-align: top;}
   .paymentTable td { padding: 5px;}
   .paymentTable .input { height: 16px; float:left; padding: 8px 5px; vertical-align: middle; width: 251px;border: 1px solid #d1d1d1; background-color:#fff; color: #333;}
   .g_bean_class{ width:560px;}
   .g_bean_class li{ padding:5px 60px 5px 0px; font-size:14px; color:#9e9e9e; float:left;}
   .g_bean_class li .check,.g_bean_class li .uncheck{ background:url(../../91y_c_tv/tv_images/fkicon.gif) no-repeat; display:block; float:left; width:19px; height:16px; overflow:hidden; margin:5px 5px 0px 0px;}
   .g_bean_class li .check{ background-position:0px -90px;}
   .g_bean_class li .uncheck{ background-position:0px -71px;}
   .tip_txt{ color:#989898;}
  .recharge {width: 620px;}
  .recharge li {text-align: center;margin: 0 10px 8px 0;}
  .recharge li span {width: 68px;}
  .recharge .gif span {background: url(/styles_v2/gifIcon.png) no-repeat 100% 0;}
  .recharge .noop {width: auto;background: none;*width:215px; border:none;}
  .recharge .inputBox {font-size: 14px;position: relative;width: 70px;height: 36px;}
  .recharge .inputBox input {position: absolute;left: 0;top: 0;text-align: center;border-color: #fff;color: #ccc;width: 58px;height: 18px;padding: 8px 5px;}
  .recharge .select input {border-color: #a5c85b;color: #3a3a3a;font-size: 16px;background:url(../images/selectMark.png) no-repeat 100% 100%;}
  .recharge .inputBox em {color: #888;font-size: 12px;}
  .amount{ font-size:24px; color:#7ea42d; padding:0px 10px 0px 5px; }
   .simRadio li { border: 1px solid #d1d1d1; cursor: pointer; float: left;line-height: 34px;}
   .simRadio li span {  border: 1px solid #fff; float: left;}  
   .simRadio .select { background:url(../images/selectMark.png) no-repeat 100% 22px; border-color: #a5c85b;}
   .unChoose { background-color: #f8f8f8;}
   .rechargeRange {margin-top: 3px;color: #9e9e9e;}
	
   .sure_btn, .confirm_btn{ border:1px solid #f88316; background-color:#ff9c23; color:#fff; text-align:center; cursor:pointer;}
   .sure_btn{padding:3px 25px; *padding:3px 25px 3px 25px;*padding:0px 15px; *margin:-1px 5px 0px 10px;line-height:25px;  _padding:0px 25px;margin:2px 5px 0px 10px;_margin:2px 3px 0px 3px; font-size:14px;}
   .sure_btn:hover{ background-color:#ff8523;}
   .confirm_btn{ font-size:22px;background-color:#ff6022; padding:10px 20px; margin:10px 0px; border: 0px; font-weight:bold; }
   .confirm_btn:hover{ background-color: #ff823e;border: 0px;}
 

.bankSelect {height: 93px;overflow: hidden;}
.bankSelect .noop {background: none;cursor: pointer;}
.bankSelect li {margin: 0 12px 9px 0;width: 109px;height: 36px;}
.bankSelect li span {padding: 0 5px 0 44px;border: 1px solid #fff;float: left;background:url(../images/bankIcon_v3.jpg) no-repeat;}
.bankSelect .ICBC span {background-position: 0px 0;}
.bankSelect .CMB span {background-position: 5px -34px;}
.bankSelect .BOC span {background-position: 5px -68px;}
.bankSelect .BCOM span {background-position: 5px -102px;}
.bankSelect .CCB span {background-position: 5px -136px;}
.bankSelect .ABC span {background-position: 5px -170px;}
.bankSelect .PSBC span {background-position: 5px -204px;}
.bankSelect .CEB span {background-position: 5px -238px;}
.bankSelect .CIB span {background-position: 5px -272px;}
.bankSelect .GDB span {background-position: 5px -306px;}
.bankSelect .SPDB span {background-position: 5px -340px;}
.bankSelect .CITIC span {background-position: 5px -374px;}
.bankSelect .CMBC span {background-position: 5px -408px;}
.bankSelect .CBHB span {background-position: 5px -442px;}
.bankSelect .PAB span {background-position: 5px -476px;}
.bankSelect .HXB span {background-position: 5px -510px;}
.bankSelect .BEA span {background-position: 5px -544px;}
.bankSelect .SRCB span {background-position: 5px -578px;}
.bankSelect .SHB span {background-position: 5px -612px;}
.bankSelect .NJCB span {background-position: 5px -646px;}
.bankSelect .HSB span {background-position: 5px -680px;}
.bankSelect .BJRCB span {background-position: 5px -714px;}
.bankSelect .BOB span {background-position: 5px -748px;}
.bankSelect .GZCB span {background-position: 5px -782px;}
.bankSelect .CZB span {background-position: 5px -816px;}
.bankSelect .HZB span {background-position: 5px -850px;}
.bankSelect .NBCB span {background-position: 5px -884px;}
.bankSelect .MOBILE span{background-position: 5px -1059px;}
.bankSelect .UNICOM span{background-position: 5px -1095px;}
.bankSelect .TELECOM span{background-position: 5px -1133px;}
.bankSelect .JUNKA span{background-position: 1px -1167px;}
.bankSelect .SHENDA span{background-position: 1px -1204px;}
.bankSelect .WANGYI span{background-position: 1px -1238px;}
.bankSelect .WANMEI span{background-position: 1px -1273px;}
.bankSelect .QQ span{background-position: 1px -1311px;}
.bankSelect .JIUYOU span{background-position: 1px -1346px;}
.bankSelect .SHOUHU span{background-position: 1px -1384px;}
.bankSelect .ZHENTU span{background-position: 1px -1428px;}
.bankSelect .ZHIFUBAO span{background-position: 1px -1463px;}
.bankSelect .WEIXIN span{background-position: 1px -1504px;}
.bankSelect .PHONE span{background-position: 1px -1550px;}

.red{ color:#F00;}
.recharge_tip{ width:85%; background-color:#fdfaf1; height:auto; border-radius:2px; color:#7b7a7a; margin:20px auto; padding:15px 20px; font-size:13px;}
.recharge_tip p{ font-size:14px;}

.bank_more{ width:95%; height:35px; border-bottom:2px solid #f1f1f1; margin:5px 0px 10px; cursor:pointer;}
.bank_more .txt{ width:85px; height:35px; text-align:center; color:#3a3a3a; font-size:13px; margin:0px auto; display:block; background:url(../images/collapseArrow.png) no-repeat 35px -18px;}
.bank_more .txt.up{ background-position:37px 12px;}

.pay_cot .pay_list .p_list_ul li a .txt{ width:125px; overflow:hidden;}
.pay_cot .pay_list .p_list_ul li a.on{ border-bottom:2px solid #e86741; background-color:#fff; color:#e86741;}

/*弹出框*/

.black { background:#000; opacity:0.5; position:fixed; _position:absolute; top:0px; left:0px; z-index:999; width:100%; height:100%;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;
_height:expression(document.body.scrollHeight); }
.pos_all { position:relative; width:1000px; margin:0px auto; z-index:100000; }
.recharge_pos{width:auto; *width:480px;overflow:hidden; border-radius:2px; background-color:#fff; margin:0px auto; position:fixed; left:40%; top:20%; _top:200px; _left:250px; _position:absolute;}

.recharge_pos dt{ width:100%; height:43px; line-height:43px; color:#fff; background-color:#fa9506; position:relative;}
.recharge_pos dt .title{ width:200px; font-size:18px; position:absolute; left:10px;}
.recharge_pos dt .close{ width:20px; height:20px; display:block; background:url(../images/recharge_close.png) no-repeat; position:absolute; right:10px; top:10px;}
.recharge_pos dt .close:hover{ background-position:0px -25px;}
.recharge_pos dd{  height:auto; margin:0px auto; padding:10px; overflow:hidden;}

.recharge_posLoading{width:auto; *width:480px;overflow:hidden; border-radius:2px; background-color:#fff; margin:0px auto; position:fixed; left:40%; top:20%; _top:200px; _left:250px; _position:absolute;}

 .rechargetable{  height:auto; min-width:480px; padding:20px 30px; margin:0px auto; color:#464648; font-size:13px; line-height: 20px;  top:0px; _top:20px; left:230px;}
 .rechargetable th{  font-weight: normal; padding:5px;vertical-align: top; color:#a6a5a5;}
 .rechargetable td{ padding:5px;}
 .rechargetable.bcolor{ background-color:#f8f8f8; border-radius:2px;}
 
 .rechargetable1{  height:auto; min-width:370px; padding:20px 30px; margin:0px auto; color:#464648; font-size:13px; line-height: 20px;  top:0px; _top:20px; left:230px;}
 .rechargetable1 th{  font-weight: normal; padding:5px;vertical-align: top; color:#a6a5a5;}
 .rechargetable1 td{ padding:5px;}
 .rechargetable1 .bcolor{ background-color:#f8f8f8; border-radius:2px;}
 
 .re_btn{ width:370px; height:auto; overflow:hidden; margin:20px auto 20px;}
 .re_btn button{ color:#fff; text-align:center; overflow:hidden; font-size:16px; padding:5px 32px;*padding:0px 12px; float:left; border-radius:5px; margin:0px 20px;*margin:0px 10px; cursor:pointer;}
 .re_btn button.sure{ border:1px solid #f88316;background-color:#ff9c23;}
 .re_btn button.sure:hover{ background-color:#ff8523;}
 .re_btn button.modify{ border:1px solid #0993db; background-color:#17a1e9;}
 .re_btn button.modify:hover{ background-color:#0993db;}
 .re_btn button.service{background-color:#8eb735; border:1px solid #73a30c;}
 .re_btn button.service:hover{ background-color:#73a30c;}
 .re_tip_cot{ height:auto; padding:20px; overflow:hidden;}
    .re_tip_cot .c_img{ width:83px; height:83px; background:url(../images/re_tip_icon.jpg) no-repeat; float:left; margin-right:30px; }
	.re_tip_cot .c_text{ width:310px; height:auto;float:left; }
 .re_results{ width:630px; height:auto; margin:0px  auto; position:relative;}
 .re_results_ok{ width:195px; height:235px; background:url(../images/successful.jpg) no-repeat; overflow:hidden; margin-top:30px;}
 .re_results_ok.no{ background:url(../images/failure.jpg) no-repeat; }
 .re_results_ok.wait{ background:url(../images/wather.jpg) no-repeat; }
 .re_results_tip{ background-color:#f5f5f5; border-radius:2px; margin:40px auto 0px; color:#464648; padding:12px 30px; font-size:14px; text-align:center;}
 .re_results_tip .binding{ border-radius:2px; padding:2px 10px; color:#fff; background-color:#17a1e9; border:1px solid #0f93d7; font-size:14px; font-weight:bold;text-decoration:none; margin:0px 10px;}
  .re_results_tip .binding:hover{ background-color:#0f93d7;}

 
.f18{ font-size:18px; padding-right:10px;}
.r_org{ color:#fa9506;}
.r_grn{ color:#7ea42d;}
.r_grey{ color:#8c8c8c;}
.r_black{ color:#323233;}
.r_red{ color:#e63e11; margin-left:20px;}

.sale{ width:45px; height:18px; line-height:16px; text-align:center; text-indent:8px; padding-right:5px; background:url(../images/sale.png) no-repeat; color:#d0111b; font-size:12px; position:absolute; right:8px; top:16px;}

/*帮助*/
 .p_help{ width:173px; height:35px; overflow:hidden; line-height:35px;display:block; text-indent:50px; font-size:16px; border-radius:2px; color:#fff;position:absolute; top:490px; left:20px; background:url(../images/pay_help_icon.gif) no-repeat;}
 .p_help:hover{ background-position:0px -35px;}
/*帮助 end*/


/*提示*/
.head_tip{ width:730px;height:39px; border:1px dashed #ffe0c0; background:url(../images/head_tip.jpg) no-repeat #fffef8; margin:0px auto; color:#707070; text-align:center; line-height:39px; margin:3px auto 15px;  }

/*提示 end*/

.clear { clear:both; line-height:0; height:0; font-size:0; overflow:hidden; }

html { overflow:-moz-scrollbars-vertical; }


.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;}
.clearfix{display:inline-block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{zoom:1;}



.recharge_pos1{width:auto; *width:480px;overflow:hidden; border-radius:2px; background-color:#fff; margin:0px auto; }
.recharge_pos1 dt{ width:100%; height:43px; line-height:43px; color:#fff; background-color:#fa9506; position:relative;}
.recharge_pos1 dt .title{ width:200px; font-size:18px; position:absolute; left:10px;}
.recharge_pos1 dt .close{ width:20px; height:20px; display:block; background:url(../images/recharge_close.png) no-repeat; position:absolute; right:10px; top:10px;}
.recharge_pos1 dt .close:hover{ background-position:0px -25px;}
.recharge_pos1 dd{  height:auto; margin:0px auto; padding:10px; overflow:hidden;}
 .rechargetable{  height:auto; min-width:480px; padding:20px 30px; margin:0px auto; color:#464648; font-size:13px; line-height: 20px;  top:0px; _top:20px; left:230px;}
 .rechargetable th{  font-weight: normal; padding:5px;vertical-align: top; color:#a6a5a5;}
 .rechargetable td{ padding:5px;}
 .rechargetable.bcolor{ background-color:#f8f8f8; border-radius:2px;}

 .error_rechargediv{ position:absolute; height:auto; min-width:480px; padding:120px 130px; margin:0px auto; color:#464648; font-size:15px; line-height: 20px;  top:0px; _top:20px; left:230px;color:black;display:none}

 .p_old{ width:173px; height:35px; overflow:hidden; line-height:35px;display:block; text-indent:50px; font-size:16px; border-radius:2px; color:#fff;position:absolute; top:530px; left:20px; background:url(../images/pay_help_icon_old.gif) no-repeat;}
 .p_old:hover{ background-position:0px -35px;}
/*帮助 end*/