@charset "utf-8";
/* CSS Document */
.pay_img{ width:100%; height:auto; background-color:#12a2ff;}
.banner_pay{ width:100%; height:439px; background-image:url(../img/pay_img/sky.png); overflow:hidden;}
.cloud_pay{ width:100%; height:48px; position:relative; bottom:-105px; background-image:url(../img/cloud1.png); bottom: -392px;    z-index: 5;}
.products{ width:1200px; height:auto;  margin:0 auto;}
.dir_title{width:400px; height:358px; }
.dir_box{ border-bottom:2px solid #f7d100; height:350px;  position: relative;}
.title_{ color:#666666; font-size:30px; line-height:30px;    padding-bottom: 10px; }
.dir_title p,.dir_title div{ text-align:center; margin:0 auto;}
.dir_title div{ height:200px; width:200px; padding-top: 30px; cursor:pointer;}
.info_{color:#666; font-size:16px;}
.arrow{ width:33px; height:35px; position:absolute; bottom:-35p; background-image:url(../img/pay_img/arrow.png); top: 322px; left:163px;}
.recharge ,.call_card ,.nice_card{ width:1000px; margin:0 auto;}
.line{ width:1000px; height:1px; border-bottom:1px solid #e3e3e3;    padding-top: 20px;    margin-bottom: 20px;}
.moneybox{ width:220px; margin-top:0px; margin-bottom: 20px;}
.recharge_type{ width:160px; height:50px; padding: 5px; cursor:pointer;}
.banks{ width:100%; height:35px; margin-right:20px; display:none; }
.banks div { float:left;}
.banks div img{}
.recharge_btn{     background-color: #ffa800;    border-radius: 5px;    height: 50px;    width: 400px;    margin: 0 auto;    text-align: center;    line-height: 50px;     margin-bottom: 20px; cursor:not-allowed;}
.recharge_btn:hover{background-color: #ff9c00;}
.miaoshu{    line-height: 59px;    font-size: 22px;}
.phoneNum_txt{     line-height: 77px;    font-size: 17px; letter-spacing: 5px;}
.phonebox{border-style: ridge; font-size: 20px;}
.money1{border:1px solid #ffa800; width:180px; height:120px; margin: 0px; text-align:center;cursor:pointer;position: relative;}
.money2{font-size: 40px;    line-height: 76px;    color: #ffa800;}
.money3{    font-size: 22px;    color: #ffa800;}
.money4{ margin-top:20px; visibility:hidden;}
.money4 p{ text-align:center;     line-height: 20px; width:180px;}
.origal{ color: #ffa800;}
.recharge_type *{ float:left;}
.current_recarge{ border:1px solid #ffa800;}
.recharge_text{ line-height:50px; font-size:22px; margin-left:10px;}
.recharge_btn p{ color:#fff;}

.bank{ width:210px; height:60px; border:1px solid red;text-align: center;line-height: 60px;border: 1px solid #e3e3e3;     margin-right: 35px;    margin-top: 10px; cursor:pointer;}
.bank p{ line-height:83px;}
.current_bank{ border:1px solid #ffa800;}
.current_money{ background-color:#ffa800; }
.current_money p{ color:#fff;}
.current_dir1 .title_{ color:#ffa800;}
#msg_txt{ color:#ffa800; letter-spacing:1px; line-height:50px;}

.txt1{ background-image:url(../img/pay_img/txt1.png); width:243px; height:136px; float:left; margin-top:50px;}
.txt2{ background-image:url(../img/pay_img/txt2.png); width:323px; height:144px; float:left;}
.right_logo{ background-image:url(../img/pay_img/call66.png); width:689px; height:400px; position:absolute; right:0px; top:10px;}
.talk{ font-size:22px;}
.reachger_bg{ top:360px;}
.reaching1{ width:0px; height:0px; position:absolute;left:50%;rigth:50%;}
.reaching2{ border-radius:8px; width:530px; height:245px; margin:0 auto; background-color:white; z-index:7; margin-left:-265px; margin-top:-123px; position:absolute; z-index:10; padding-top:40px;}
.reaching2 p{ text-align:center; color:#3e3a39; font-size:22px; line-height:35px;}
.zhanwei{ width:50%; margin:0 auto; float:left;}
.msg_rea{ width:200px; height:60px; border:1px solid #ffa800; float:left;text-align:center; margin-top:45px; border-radius:5px;     margin-left: 33px; cursor:pointer;}
.msg_rea a{  color: #ffa800; font-size:22px; line-height:60px; text-decoration:none;}
.current_btn{ background-color:#ffa800; color:white;}
.current_btn a{color:white;}
.msg_div { height: 200px; margin: 0 auto;width: 1200px;padding-top: 80px; text-align:center;}
.back_btn{    border: 1px solid #12a2ff; border-radius: 3px; color: #12a2ff; padding: 13px 74px; font-size: 17px; }
.back_btn a{ color: #12a2ff;}
.back_txt{ font-size:17px; color:#aaa; margin-left:25px;}
.agin_btn{border: 1px solid #ffa800;  border-radius: 3px;  color: #fff;  padding: 13px 74px;  font-size: 17px;  background-color: #ffa800;}
.agin_btn:hover{background-color: #ff9c00; border: 1px solid #ff9c00;}
.error_bg{ background-image:url(../img/pay_img/error.png); width:924px; height:434px; position: absolute; top: 376px;}
.bg_box{    position: relative;  width: 924px;  height: auto; margin: 0 auto;}
.success_box{ width:900px; height:400px; margin:0 auto; position:relative;}
.success_box *{ position:absolute;}
.box_txt1{ background-image:url(../img/pay_img/gongxi.png); height:158px; width:303px; top: 70px;  opacity:0; filter:alpha(opacity=0);}
.box_txt2{background-image:url(../img/pay_img/rea_success.png); width:249px; height:111px; top:188px; opacity:0; filter:alpha(opacity=0);}
.box_txt3{background-image:url(../img/pay_img/gantanhao.png); width:43px; height:55px; top: 174px; left: 258px; opacity:0; filter:alpha(opacity=0);}
.yingzi{}
.single{}
.box_earth{ background-image:url(../img/pay_img/earth.png); width:657px; height:246px; right:50px; bottom:-220px;}
.box_rabbit{ background-image:url(../img/pay_img/rabbit.png); width:267px; height:247px; right:215px; top: -300px;}

.phoneNum_div{    height: 60px;     padding-top: 10px;}
.phoneNum_box{ width:400px; height:50px; border:1px solid #ddd; float:left; margin-left:20px; position: relative;}
.phoneNum{float: left; line-height: 50px;}
#area option,#area{ color:#333; font-size:20px; border:none; max-width: 120px;  color: #666;  overflow: hidden;}
#area{      background-color: transparent; padding: 15px 10px;}
.select_line{ /*color:#ddd; font-size:30px; font-weight:100;*/ border-left:1px solid #ddd; line-height:40px;}
.phoneNum_input{ width:180px; height:50px;     border: none;background-color: transparent; font-size: 20px;  color: #666;     margin-left: 18px;}
.current_money2{ visibility:visible;}
/* .moneybox:first-child .money4{visibility:visible;} */
.recharge_div{    width: 900px;  padding-top:0px;    padding-left: 0px;}
.recharge_line{ display:none;}
select{  -moz-appearance: none; -webkit-appearance:none; appearance:none; }
.empty30{ height:30px; width:0px;}
.country_phone{ line-height:50px; margin:0px 15px; color:#666; cursor:pointer; position:relative; max-width:170px;}
.country_phone_list{ width:180px; height:200px;z-index:9; overflow:scroll; overflow-x:hidden; background-color:#fff; border:1px solid #ddd; position:absolute; top: 52px;left: -1px;} 
.country_phone_list ul li{line-height: 30px;color: #666;font-size: 15px;padding-left: 10px; cursor:pointer;}
.country_phone_list ul li:hover{ background-color:#ccc;}