@charset "utf-8";
/* CSS Document */
html{ height:100%;}
body{color:#666; line-height:20px; height:100%;}
a{color:#666; text-decoration:none;}
a:hover{ color:#0066CC;}
.hb100{min-height:100%; height:auto;_height:100%; }
.pb115{ padding-bottom:115px;}
.h500{ height:500px;}
 .btnupgrade{ width:152px; height:37px; background:url(../images/sjbtn.gif); border:0px;}
.topnavbox{ height:25px; background:#F5F5F5; border-bottom:1px #ccc dashed;}
.navandlogo{ height:90px; border-bottom:1px #ccc solid;}
.navbox{ width:1100px; height:90px;}
.logo{ width:223px; margin-top:15px; height:60px;}
/*menu*/
.menu{ width:850px; height:90px; position:relative; z-index:10;}
.nav {width:850px;}
.mainlevel { float:left; width:100px; height:90px;}
.mainlevel a {color:#000;display:block;width:100px; height:90px; text-align:center; line-height:90px; margin:0 auto;}
.mainlevel a:hover { color:#FF3300;}
.mainlevel ul {display:none;position:absolute; width:100px;padding:0px 0px 7px 0px; }
#navli li{width:110px;height:26px;line-height:26px; font-size:12px;overflow:hidden; font-family:"宋体"; background:#fff; background:#F9F9F9}
#navli li a{font-size:12px; background:none;width:108px;height:26px; display:block; line-height:26px; text-align:left; padding-left:5px}
#navli li a:hover{ background:#F2F2F2;}
.navlidd{height:7px; background:url(../images/navlidd.png);}
.menu_hover{background: url(../images/navtop.png) no-repeat top #EFEFEF;}
 
 
/*底部*/
.foot{  clear:both; height:114px; border-top:1px #DBDBDB solid; min-width:1000px; background:#F9F9F9;  overflow:hidden;}
.footli01{ width:115px;}
.footli02{ width:690px;}
.footli03{ width:175px; padding-top:65px;}
#tooltip-keleyi-com{position: absolute;background-color: #eee;border: 1px solid #999;width: 344px;height: 344px;-webkit-border-radius:6px;padding: 10px;}
/*充值*/
.recharge{ width:593px; height:130px; background:#F7F7F7; border:1px #ccc solid;  }
.chargelogo{ border-right:1px #ccc dashed; width:130px;}
.chargebtn { width: 152px; height: 37px; line-height: 37px; background: #56c358; border-radius: 4px; cursor: pointer; display: block; color: #fff; }
.charge_name{ width:420px;}
.txt_shu{ width:210px; height:30px;border:1px #ccc solid; font-size:14px; padding-left:5px; line-height:30px;}
.an_lv02{ cursor:pointer;  width:102px; height:32px; background:url(../images/an_lv02.png); display:block; color:#fff;}
.an_lv02:hover{background:url(../images/an_lv02_over.png);color:#fff;}
.pl110{ padding-left:96px;}
/*订单*/
.a01{ width:127px; height:35px; border:1px #ccc solid; background:#F6F6F6; display:block; cursor:pointer;}
/*主要用于页面加载时据选择某一项用的样式*/
.a011{ width:127px; height:35px; border:1px #ccc solid; background:#F6F6F6; display:block; cursor:pointer;}
.a01:hover{ border:1px #FF6600 solid; color:#666}
.a02{ width:80px; height:35px; border:1px #ccc solid; background:#F6F6F6; display:block; cursor:pointer;}
.a02:hover{ border:1px #FF6600 solid; color:#666}

.fx01{ border:2px #FF6600 solid;}
.fx02{ border:1px #ccc solid;}
#text_box{ width:30px; height:20px; line-height:20px; font-size:14px; text-align:center;}
.text_box{ width:30px; height:32px; line-height:32px; font-size:14px; text-align:center;}
.jiajian{ width:26px; height:26px; background:#F6F6F6; border:1px #ccc solid;text-align:center; cursor:pointer;}
.an_lv03{ width:152px; height:37px; background:url(../images/an_lv03.png); display:block; color:#fff;}
.an_lv03:hover{background:url(../images/an_lv03_over.png);color:#fff; cursor:pointer}
.blueline{border-bottom:2px #209AF4 solid;}
/*支付*/
.paytop{ height:37px; border-bottom:2px #209AF4 solid; padding-top:50px;}
.paylogo{ width:200px;}
.paytoptxt{ width:500px;}
.orderinfo{ height:80px; background:#F0F9FF;}
.ordertable{border-collapse:collapse; width:100%;}
.ordertable td{border:1px #98D0FA solid;   padding-left:10px; height:30px; overflow:hidden;}
.txt_shu02{ width:210px; height:25px;border:1px #ccc solid; font-size:14px; padding-left:5px; line-height:24px;font:13px 微软雅黑; color:#336666}
.txt_shu03{ width:400px; height:25px;border:1px #ccc solid; font-size:14px; padding-left:5px; line-height:24px; font:13px 微软雅黑; color:#336666}
.gryshu{ color:#999}
.gryshu input{ background:#EAEAEA}

/*
.pay_x{ height:30px; border-bottom:1px #999 solid;}
.pay_x a{ width:100px; height:30px; display:block; margin-right:10px}
.pay_x a.selected{ width:100px; height:30px; display:block; border-bottom:1px #F60 solid; color:#F60}
.pay_x a:hover{border-bottom:1px #F60 solid; color:#000}
*/

.pay_x{ height:50px; border-bottom:1px #999 solid;}
.pay_x a{ width:98px; height:28px; border:1px #dddddd solid; margin-bottom:10px; display:block; margin-right:10px}
.pay_x a.selected{ width:98px; height:30px; display:block; background:url(../Images/zffx.gif)no-repeat; border:none;   }
.pay_x a:hover{color:#000}

.online{}
.online a{  width:98px; height:30px; line-height:30px; border:1px #dddddd solid; margin-bottom:10px; display:block; margin-right:10px;}
.online a img{width:16px; height:16px;  vertical-align:middle; margin-right:5px;}
.online a.selected{ width:98px; height:30px;line-height:30px; display:block;border:2px #56c358 solid;    }
.online a:hover{color:#000}

.an_lv04 { width: 152px; height: 37px; cursor: pointer; background-color: #56c358; display: block; color: #fff; border-radius: 5px; line-height: 37px; }

.a03{ width:100px; height:30px; border:1px #ccc solid; background:#DBDBDB; display:block; cursor:pointer; font-size:16px !important;}
.a03:hover{ border:1px #FF6633 solid; color:#fff; background:#FF9966;}
.hj01{ border:0px; width:80px;}
.payok{ width:350px; background:url(../images/ok.png) no-repeat; height:80px; overflow:hidden; margin:120px auto;}

/*支付后返回结果*/
.purse_charge_box{border-bottom: 1px dashed #CCCCCC; height: 800px;position: relative;}
#payresult_box{width: 400px;height: 140px;position: relative;top: 50%; left: 50%;margin: -200px 0 0 -200px;}
#payresult_box > div{height: 60px;width: 400px;text-align: center;}
#payresult_box > div > span{ height:55px;}
.re_ico_ok{background-image: url("../Images/charge/ok_ico.png");background-repeat: no-repeat;display: block;width: 55px;}
.re_text_ok{display: block;width: 300px;height: 40px;margin-left: 69px;}
.re_text_ok:after{content: "您的订单已经交易成功";color: #333333;font-size: 28px;font-weight: bold;}
.re_ico_false{background-image: url("../Images/charge/false_ico.png");background-repeat: no-repeat;display: block;width: 55px;}
.re_text_false{display: block;width: 300px;height: 40px;margin-left: 69px;}
.re_text_false:after{content: "您的订单支付出现错误";color: #FF2D2D;font-size: 28px;font-weight: bold;}
.result_1{line-height: 53px;}
.result_1 > span{margin-right: 5px;text-align: center;margin-top: -60px;}
.result_2{color: #727E8B;font: 13px 微软雅黑;}
.result_2 a{ color:Blue;}

/*-----------------------弹窗登录样式----------------------------------------*/
.eject_box {width: 100%; min-height: 100%; height: auto; position: absolute; background: url(../images/sign_bb.png) ; z-index: 2002; left: 0px; top: 0px;   display:none; }
.eject_gg { width:420px;  margin: 20px auto; background:#fff; padding:10px;  font-size:12px; color:#333; }
.eject_gg #close{width:420px; height:16px; margin-top:2px; margin-bottom:10px; text-align:right;}
.eject_gg #close img{border:0px; cursor:pointer; }
.eject_gg .btncss{background:url(../images/btnbg.gif) no-repeat; width:102px; height:32px;  line-height:32px; color:#fff; text-align:center; cursor:pointer;}
 #loginbox{width:420px; height:240px;    }
 #loginbox .title{width:400px; margin: 0px 10px; height:40px; margin-top:10px;  line-height:20px;  }
 #loginbox .tabbox{width:400px; margin-top:30px; padding-left:10px; padding-right:10px; }
 #loginbox .tabbox table{width:400px; }
 #loginbox .tabbox table td{height:40px; line-height:40px;}
 #loginbox .tabbox table .txtalign{text-align:right; width:80px;}
 #loginbox .tabbox table input{width: 208px; height:30px; line-height:30px; padding-left:2px; background:#fff; border:#c3c3c3 1px solid;}
 #loginbox .tabbox table #btnbox{ width:320px;  height:32px;}
 /*-----------------------弹窗登录样式----------------------------------------*/
 /*-----------------------操作员列表样式----------------------------------------*/
 #userlist {width:420px; }
 #userlist .topbox{width:400px; margin-left:10px; margin-right:10px;}
 #userlist .topbox table{width:100%;}
 #userlist .topbox table td{ width:120px; height:25px;  line-height:25px;}
 #userlist .listbox{width:400px; margin-top:5px;  margin-left:10px; margin-right:10px; }
 #userlist .listbox table{border-collapse:collapse; width:100%;}
 #userlist .listbox table td{border:1px #77C9F0 solid; width:120px; padding:7px;}
 #userlist .listbox table td.tdbg{ background:#E2F3FC;} 
 #userlist .bottombox{width:400px; height:32px; margin:10px; }
 /*-----------------------消息提示样式----------------------------------------*/
  #msgbox {width:420px; height:160px;   }
  #msgbox .box{width:200px; height:80px; margin:40px auto;}
  #msgbox .infobox{height:40px; line-height:40px; width:200px; text-align:center;}
 /*-----------------------在线咨询----------------------------------------*/
.pro_scol {position: fixed;width: 220px;left: 50%;top: 20%;margin-left: 510px;_position: absolute;}
.an_green01 {width: 100px;height: 90px;background: url(../images/an_green01.png);display: block;}
.scotop1 {width: 100px;height: 80px;background: url(../images/scotop1.png);display: block;}
.l140 {line-height: 140px;}
 /*-----------------------支付宝结果页面----------------------------------------*/
.alipay {height: 620px; width: 600px; margin: 0 auto;  }
.alipay .c{ height:200px;  padding-top:220px; border:1px #fff solid; }
.alipay .lbx{float: left;width: 47px;height: 47px;}
.error{  float: left;width: 47px;height: 47px;background: url(../images/charge/false_ico.png) no-repeat;}
.ok{float: left; width: 47px; height: 47px;background: url(../images/charge/ok_ico.png) no-repeat;}
.alipay .rbx { float: left;line-height: 25px;margin-top: 10px;margin-left: 15px;font-size: 18px;}
 /*-----------------------订单选项----------------------------------------*/
 .items{ width:1000px; height:50px; }
 .items .lbox{ float:left; width:70px; height:50px; }
 .items .lbox .txt{ float:left; width:48px;height:50px; text-align:right; line-height:50px; }
 .items .lbox .icon{ float:left; margin-top:12px; width:13px; height:13px; cursor:pointer;  background:url(../Images/ts.png) no-repeat;}
 .items .lbox01{ float:left;   text-align:left; width:70px; height:50px; line-height:50px;}
 .items .rbox{float:left; margin-left:10px;   width:920px; height:50px; line-height:50px;}

 .items .rbox a{ float:left;  width:80px; height:35px; line-height:35px;   margin-top:7px; margin-right: 20px; border:1px #ccc solid; background:#F6F6F6; display:block; cursor:pointer;font-size:12px; text-align:center;}
 .items .rbox a:hover{ border:1px #FF6600 solid; color:#666;}
 .items .rbox .box{ float:left;  margin-top:7px; width:25px; height:30px; line-height:30px; background:#F6F6F6;border:1px #ccc solid; text-align:center; cursor:pointer; }
 .items .rbox .inputbox{float:left; position: relative;  margin-top:7px; overflow: hidden; height:30px; border-top:1px #ccc solid; border-bottom:1px #ccc solid;   }
 .items .rbox .inputbox input{ width:40px; height:25px; -webkit-appearance: none; line-height:28px; text-align:center; border:none;}
 .items .rbox li{float:left; margin-right:20px;}
 .items .btnbox{ height:50px; width:320px; margin:0 auto; }
 .items .fxa{float:left; width:80px; height:35px; line-height:35px;  margin-top:7px;margin-right: 20px; border:1px #ccc solid; background:#F6F6F6; display:block; cursor:pointer;font-size:12px; text-align:center;}
 .items .fxa:hover{ border:1px #FF6600 solid; color:#666;}
 
 .items .rbox input[type="radio"]{ margin-top:15px;}
 
 .items .lbox03{ float:left; width:280px;   height:50px; line-height:50px;  display:inline-block;  }
 .items .lbox03 span{color:Red;  font-size:14px; font-weight:bold;}
 .items .lbox02{ margin-left:20px; width:200px; overflow:hidden; float:left;color:#F60; font-size:14px;  height:50px; line-height:50px; }
 .items .lbox02 a{ color:#F60;}
 .items .rbox02{float:left; margin-left:20px;   width:580px; height:50px; line-height:50px;}
 .items .rbox03{float:left; margin-left:20px;   width:460px; height:50px; line-height:50px; }

.items01 { clear: both; width: 1000px; height: 50px; }
.items01 .lbox { float: left; text-align: right; width: 70px; height: 50px; line-height: 50px; }
.items01 .rbox { float: left; margin-left: 10px; width: 920px; height: 50px; line-height: 50px; }
.items01 .rbox a { float: left; width: 150px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items01 .rbox a:hover { border: 1px #FF6600 solid; color: #666; }
.items01 .rbox .box { float: left; margin-top: 7px; width: 32px; height: 30px; line-height: 30px; background: #F6F6F6; border: 1px #ccc solid; text-align: center; cursor: pointer; }
.items01 .rbox .inputbox { float: left; margin-top: 7px; width: 40px; height: 30px; border: 1px #ccc solid; }
.items01 .rbox .inputbox input { width: 40px; height: 28px; line-height: 28px; text-align: center; border: none; }
.items01 .rbox li { float: left; margin-right: 20px; }
.items01 .btnbox { height: 50px; width: 320px; margin: 0 auto; }
.items01 .fxa { float: left; width: 80px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items01 .fxa:hover { border: 1px #FF6600 solid; color: #666; }
.items01 .rbox input[type="radio"] { margin-top: 0px; }
.items01 .lbox02 { float: left; color: #F60; font-size: 14px; text-align: right; width: 400px; height: 50px; line-height: 50px; }
.items01 .lbox02 a { font-size: 14px; color: #F60; }
.items01 .rbox02 { float: left; margin-left: 20px; width: 580px; height: 50px; line-height: 50px; }
.text_box01 { width: 30px; height: 32px; margin-top: 7px; line-height: 32px; font-size: 14px; text-align: center; }
.bt1d { border-top: 1px #CCC dashed; }
.red { color: red; }

 .bt1d {border-top: 1px #CCC dashed;}
 #itmes{   width:1000px; position:relative; }
 #itmes .tips01{display:none; background:url(../Images/tip.png)no-repeat; position:absolute; z-index:2;top: 72px; left:15px;  width:120px; height:65px; line-height:20px; padding-left:15px; padding-right:15px; padding-top:35px;  }
 #itmes .tips02{display:none;background:url(../Images/tip.png)no-repeat; position:absolute; z-index:2;top: 122px; left:15px;  width:134px; height:70px; line-height:20px;  padding-left:8px; padding-right:8px; padding-top:15px; padding-bottom:15px; }
 #itmes .tips03{display:none; background:url(../Images/tip.png)no-repeat; position:absolute; z-index:2;top:172px; left:15px;  width:120px; height:65px; line-height:20px; padding-left:15px; padding-right:15px; padding-top:25px;  padding-bottom:20px; }
 
 /*-----------------------我的未支付订单----------------------------------------*/
.pro_tab01{ border-collapse:collapse;}
.pro_tab01 td{ border:1px #77C9F0 solid; padding:7px;}
.pro_tab01td{ background:#E2F3FC;}
.pro_tab02{ border-collapse:collapse; width:570px;}
.pro_tab02 td{ border:1px #333 solid; padding:7px;}
.w315{ width:315px;}
.rechargelist ul li{ width:110px; margin-right:180px; text-align:center; float:left; height:180px;}
.g5_box1{width: 1000px; height:530px; margin:10px auto;}


 
 


 /*-----------在线咨询-----------*/
.index_float{width:86px; background-color: #ff4000;border-radius: 10px 0 0 10px;float: right; padding-right:19px;position:fixed;_position:absolute;right:0px; top:45%; z-index:9; }
.part_01{ width:11px; height:100px; float:left; margin-left:5px;    }
.part_01 img{vertical-align: middle;display: inline-block;}
.float_hide{ width:11px; height:100px; display:block; cursor:pointer;background: url(/images/Online/float_hide.png) no-repeat 5px 50px;}
.float_show{width:10px; height:100px; display:block; cursor:pointer;background: url(/images/Online/float_show.png) no-repeat 5px 50px;}
.part_02{vertical-align: middle;display: inline-block;width: 60px;text-align: center;float: right;}
.part_02 div{height:53px;border-bottom: 0.5px dashed #ffa688;text-align: center;color:#fff;padding-top:14px;}
.part_02 a{text-decoration:none; font-size:12px;}
/*-----------在线咨询-----------*/


  /*块钱支付结果页面*/
.kq_pay_result_box{border-bottom: 1px dashed #CCCCCC; height: 800px;position: relative;}
.kq_result{width: 400px;height: 140px;position: relative;top: 50%; left: 50%;margin: -200px 0 0 -200px;}
.kq_ok{background: url("../images/charge/ok_ico.png") no-repeat; width: 340px; height:60px; line-height:60px; padding-left:60px; color: #333333;font-size: 28px;font-weight: bold;  }
.kq_error{background: url("../images/charge/false_ico.png") no-repeat;  width: 340px; height:60px; line-height:60px; padding-left:60px;color: #FF2D2D;font-size: 28px;font-weight: bold;  }
.result{color: #727E8B;font: 13px 微软雅黑; width: 400px;  text-align:center;  height:30px; line-height:30px;}
.result a{ color:Blue;}


.step1 { width: 788px; height: 318px; background: #F6F6F6; border-radius: 8px; margin-left: auto; margin-right: auto; margin-bottom: 130px; margin-top: 100px; }
.step1 .title { width: 788px; height: 70px; line-height: 70px; text-align: center; color: #323232; }
.step1 .namebox { width: 788px; height: 60px; margin-top: 20px; }
.step1 .namebox input { display: block; width: 440px; height: 58px; margin: 0 auto; padding-left: 6px; line-height: 58px; border: 2px solid #3eb140; border-radius: 2px; font-size: 18px; font-family: "微软雅黑"; color: #b3b3b3; }
.step1 .namebox select { display: block; width: 450px; height: 58px; margin: 0 auto; padding-left: 6px; line-height: 58px; border: 2px solid #3eb140; border-radius: 2px; font-size: 18px; font-family: "微软雅黑"; color: #b3b3b3; }


.step1 .btnbox { margin-left: 336px; margin-top: 30px; }
.step1 .btnbox .nextbtn { border-radius: 4px; cursor: pointer; width: 114px; height: 40px; line-height: 40px; background: #56c358; color: white; font-size: 20px; border: none; font-family: "微软雅黑"; }
.chargebtn { width: 152px; height: 42px; line-height: 42px; background: #56c358; border-radius: 4px; cursor: pointer; display: block; color: #fff; }

/*注册成功*/
.success {
    width: 540px;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto;
}

    .success .box {
        width: 540px;
        height: 240px;
        margin-bottom: 150px;
    }

        .success .box .top {
            background: url(../images/ok.png) no-repeat left center;
            height: 65px;
            padding-left: 80px;
            line-height: 65px;
        }