@charset "utf-8";
/* CSS Document */
.header{ background:#000; width:100%;min-width: 1200px}
.nav{ height:60px; position:relative; width:auto; margin:0 auto;  padding-right:20px; z-index:10}
.user{ color:#9c9d9f;padding: 0px 10px; height:200px; position:absolute;left:50px; z-index:12}
.user .user_name{ padding-right:10px; vertical-align:middle;}
a.userInfo{ display:inline-block; line-height:60px; height:60px;}
a.userInfo img{width:34px; height:34px; padding-right:5px; border-radius:50px; margin-left:5px;}
a.userInfo  .jt-down{ display:inline-block;  width:10px; height:60px;background:url(../images/arrow_down.png) no-repeat left center; vertical-align:middle; }
.txtBox{position:absolute;  width:110px;background:#000; top:59px; left:0px; padding:0 10px;  padding-bottom:5px; display:none; z-index:999}
.txtBox li{ padding:0px; color:#999a9c; line-height:24px; font-size:12px; width:100%;}
.user-on{ background:#000; padding-bottom:10px; }
.header-unlogin .user-on .userList{ display:block;}
.user-on .txtBox{ display:block;}
.header-unlogin .userList{position:absolute;width:130px; height:60px;background:#000; top:140px; z-index:999; left:0px; border-top:none;display:none; border-radius:0px 0px 5px 5px}
.header-unlogin .userList li{ height:25px; padding-top:5px; line-height:25px; color:#555555; padding-left:10px; }
.header-unlogin .userList li a{padding-left:30px; display:block;height:25px; line-height:25px; background:url(../images/new_user_icon.png) no-repeat}
.header-unlogin .userList li a:hover{ background-color:transparent}
.header-unlogin .userList li .gr{ background-position:0px 0px}
.header-unlogin .userList li .gr:hover{background-position:0px -75px}
.header-unlogin .userList li .gr1{ background-position:0px -25px}
.header-unlogin .userList li .gr1:hover{ background-position:0px -100px}
.header-unlogin .userList li .m{background-position:0px -50px}
.header-unlogin .userList li .m:Hover{background-position:0px -125px}
.header-unlogin li.appDownShow{position:relative;} 
.header-unlogin li.appDownShow .erweima{ display:block}
.erweima{ padding:10px; background:#000; position:absolute; top:60px; right:0px; display:none;}
.erweima h2{ line-height:40px; text-align:left; color:#fff;}
.erweima img{ width:140px; height:140px;}
.logo{float: left;}
#logo{margin: 0px 20px;}
#logo a, .logo a{width: 206px;height: 60px;text-indent: 100%;overflow: hidden;display: block;white-space: nowrap;background: url("../images/logo.png") no-repeat left center;}**/

.logo a{transition-property: background-color;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
#login-area{float: right;position: relative;}
.header-unlogin li{float: left;}
.header-unlogin li a{height: 60px;color: #787d82;display: block;line-height: 60px;transition-property: background-color;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;}
.header-unlogin li.appDown a{ background:url(../images/mobile.png) no-repeat 5px center;padding-left:21px; padding-right:15px; margin-left:15px}
.header-unlogin li.appDown a:hover{ background-image:url(../images/mobile_hover.png)}
.header-unlogin li.help a{ background:url(../images/wenhao.png) no-repeat 5px center;padding-left:25px;padding-right:15px;}
.header-unlogin li.help a:hover{ background-image:url(../images/wenhao_hover.png)}
.header-unlogin li.notice { margin-left:5px;}
.header-unlogin li.notice a{background:url(../images/icon_notice.png) 5px center no-repeat; padding-left:26px;padding-right:10px;}
.header-unlogin li.notice a:Hover{background-image:url(../images/icon_notice_hover.png);}
.header-unlogin li.notice a:link i{ color:#ff5454; margin-left:3px; font-size:11px; font-family:verdanna;}
.header-signin a, .header-signup a
{
	width: 50px;
	height: 60px;
	text-align: center;
	color: #787d82;
	line-height: 60px;
	font-size: 14px;
	display: block;
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.header-unlogin li a:hover{ color:#fff; background-color:#000;}
.container{ width:1200px; margin:0 auto; background:#fff;}
.course-nav-hd{height: 40px;line-height: 40px;padding: 5px 0px;border-bottom:1px solid #d0d6d9;position: relative;}
.course-nav-hd{color: #14191e;font-size: 16px;font-weight: 700;}
.course-nav-row{padding-top: 15px;border-bottom:1px solid #edf1f2;padding-bottom: 5px}
.course-nav-row .hd{width: 80px;height: 20px;text-align: right;color: #787d82;line-height: 20px;font-size: 12px;}
.course-nav-row .bd{margin-left: 70px;}
.course-nav-item{margin: 0px 13px;display: inline-block;}
.course-nav-item a{height: 20px;line-height: 20px;padding:0px 15px 0px 10px;font-size: 12px;margin-bottom: 10px;display: block;color:#353535;text-align: center;}
.on.course-nav-item a{color: #fff; background:#33b796 url(../images/delete_03.png) no-repeat;background-position: right center;background-size: 10px;border-radius: 3px;}
.nameSearch{ margin-bottom:10px; }
.nameSearch .ipt{ border:1px solid #e4e4e4; height:26px; line-height:26px; padding:0 10px; background:#fff; display:inline-block; vertical-align:middle; margin-left:13px}
.nameSearch .btnSearch{ border:none;background:#e1e6e5;height:28px; line-height:28px; text-align:center; color:#000; margin-left:10px; padding:0 15px}

/*图书列表*/
.book_list{padding:15px 1px; overflow:hidden;}
.book_list ul li{ float:left; width:300px; height:260px; border:1px solid #ececec;position:relative; margin-left:-1px; margin-top:-1px;}
.book_list ul li a{ display:block;width:100%; height:100%;}
.book_list ul li .img_book{ width:126px; height:160px; position:absolute; left:50%; margin-left:-63px; top:25px;}
.book_list ul li .name_book{ position:absolute; top:195px; height:45px; overflow:hidden; padding:0 30px; text-align:left; color:#000;}
.book_list ul li a:hover .name_book{ color:#019073;}
.book_list ul li .name_book em {color: #8d8d8d;}
.book_list ul li .progressbar{ left:50%; margin-left:-75px; bottom:10px; position:absolute;}
.book_list ul li .lock{ position:absolute; background:url(../images/lock.png) no-repeat; width:55px; height:66px; left:50%; margin-left:-27px; z-index:2; top:70px}
.book_list ul li .time{ width:100%; height:25px; text-align:center; left:0; top:0; position:absolute; line-height:25px; color:#8d8d8d}
.stuBook ul li{ height:280px;}
.course-list{padding: 20px 10px;position: relative;min-height: 500px;}
.course-list ul::after{height: 0px;clear: both;display: block;visibility: hidden;content: "\0020";}
.course-list li
{
	width: 235px;
	height: 340px;
	padding: 20px;	
	padding-bottom: 0px;
	margin-bottom: 8px;
	margin-left: 23px;
	border-right:2px solid #f7faf9;
	border-bottom:2px solid #fff;
	float: left;
	position: relative;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 1px;
	border-bottom-left-radius: 1px;
	transition-property: box-shadow;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
}
.course-list li .course-list-img
{
	width: 235px;
	height: 230px;
	overflow: hidden;
	position: relative;
	text-align:center
}
.course-list li .course-list-img img
{
	width: 165px;
	height:230px;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.course-list li:hover,
.course-list li.hover {
  border-bottom: 2px solid #dae0e5\0/;
  *border-bottom: 2px solid #dae0e5;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.course-list li h5
{
	text-align: left;
	color: #14191e;
	line-height: 18px;
	overflow: hidden;
	margin-top: 18px;

}

.course-list
{
	padding-right: 0px;
	padding-left: 0px;
}
.course-list ul
{
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 0px;
	margin-left: -60px;
}

.words{ line-height:26px; font-size:12px; color:#aaa;}
.words i{ margin:0 3px; color:#33b796;}
.book_tip{display:block;width:48px;line-height:20px;font-size:12px;text-align:center;color:#fff;float:right;border-radius:2px;margin-right:10px;margin-top:3px;}
.money_color{background:#ff8000;}
.free_color{background:#37ae03;}
.pay_color{background:#06aeed;}
.oth_color{background:#7a0ff3;}
.footer{ line-height:30px; text-align:center; background:#000; color:#fff;}
.getTop{position:fixed;_position:absolute;cursor:pointer;  bottom:100px;  right:80px; }
.getTop a{overflow:hidden; display:block; padding:0 5px;width:35px;height:45px; text-align:center; line-height:20px; background:#fff url(../images/icon_top.png) no-repeat center center; border:1px solid #e9e9e9; text-indent:-1000px}
.getTop a:hover{ background:#33b796;border:1px solid #33b796; color:#fff; font-size:14px; text-indent:0px;}

/*暂无数据*/
.no_data{ background:url(../images/no_data.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-219px; margin-top:-111px; width:439px; height:223px;}
.no_data2{ background:url(../images/no_data2.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-267px; margin-top:-92px; width:534px; height:185px;}
.no_data3{ background:url(../images/no_data3.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-267px; margin-top:-92px; width:534px; height:185px;}
.zw_txt{ font-size:16px; text-align:center; color:#888; padding-top:30px;}

/**潘博增加**/
.upacp-ico{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url(../images/unionpay.png) no-repeat center;
}
.gra{
	background: #adadad;
}
.pay_way ul li label .upacp{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 50%;
	margin-top: 15px;
	margin-left: 20px;
	background: url(../images/unionpay.png) no-repeat center;
}
.pay_way ul li.active .upacp{
	background: url(../images/unionpay_current.png) no-repeat center;
}

/*我的账户*/
.public_btn{/*按钮的样式非块级元素可调用*/
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	font-size: 16px;
	cursor: pointer;
}
.ora{
	background: #fb6e52;
}
.gre{
	background: #33b796;
}
.ash{
	background: #e1e6e5;
}
.text_gre{
	color: #33b796 !important;
}
.text_ora{
	color: #fb6e52 !important;
}
.mt40{margin-top: 40px !important;}
.text_hide{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.hide{display: none !important;}/*隐藏*/
.word{word-break:break-all;}
/*公共样式可重复调用*/
.list{
	padding: 20px;
	overflow: hidden;
}
.list_left{
	width: 65%;
	overflow: hidden;
	float: left;
}
.left_one{/*个人账户余额、已购课程及VIP期限*/
	overflow: hidden;
	height: 178px;
	border:1px solid #d2d2d4;
	background: #fdfdfd
}
.left_one .left_one_1:last-child{
	border-right: none;
}
.left_one_1{
	width: 33.33%;
	height: 178px;
	box-sizing:border-box;
	border-right: 1px solid #d2d2d4;
	float: left;
}
.left_one_1_text1{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.left_one_1_text2{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 16px;
	font-size: 24px;
	color: #333;
}
.left_one_1_text2 sub{
	font-size: 12px;
	color: #adadad;
}
.left_one_1_btn{
	width: 80px;
	margin: 0 auto;
	margin-top: 20px; 
}
.left_two{/*个人充值和消费记录 头部*/
	height: 42px;
	box-sizing:border-box;
	border-bottom: 1px solid #d2d2d4;
	margin-top: 20px;
}
.left_two span{
	display: block;
	float: left;
	width: 120px;
	font-size: 16px;
	color: #adadad;
	line-height: 39px;
	text-align: center;
	cursor: pointer;
}
.left_two span:hover{
	font-weight: bold;
	color: #33b796;
	border-bottom: 3px solid #33b796;
}
.left_two span.active{
	font-weight: bold;
	color: #33b796;
	border-bottom: 3px solid #33b796;
}
.left_three{
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 20px;
}
.left_three table{
	width: 100%;
}
.left_three table thead{
	background: #e8e8e8;
	height: 40px;
	line-height: 40px;
}
.left_three table thead tr th{
	color: #333;
	font-size: 16px;
}
.left_three table tbody tr td{
	padding: 15px 0px;
	border-bottom: 1px solid #d2d2d4;
}
.left_three table tbody tr td em{
	margin-left:20px;
}
.left_three table tbody tr td span{
	display: block;
	width: 100%;
	text-align: left;
}
.text_more{
	text-align: center;
	font-size: 12px;
	border-bottom: none !important;
	color: #adadad;
	cursor: pointer;
}
.left_three table tbody tr td .table_bottom{
	font-size: 12px;
	color: #adadad;
}
.pay_static{
	line-height: 30px;
	text-align: left;
	text-indent: 10px;
}
.ali-ico{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url(../images/alipay.png) no-repeat center;
}
.weixin-ico{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url(../images/wechat.png) no-repeat center;
}
.order{/*订单记录*/
	display: block;
	overflow: hidden;
	margin-top: 20px;
}
.order li{
	display: block;
	border: 1px solid #d2d2d4;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 10px;
}
.order_title{
	padding: 0 20px;
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
}
.order_title span{
	display: block;
	line-height: 40px;
	text-align: left;
	float: left;
	font-size: 12px;
}
.order_time{
	color: #333;
}
.order_num{
	color: #adadad;
	margin-left: 10px;
}
.order_content{
	padding: 10px 00px;
	overflow: hidden;
	background: #fff;
}
.order_content thead{
	height: 0px !important;
}
.order_content tbody tr td{
	padding-top:0px !important;
	padding-bottom:0px !important;
	border-bottom: none !important; 
}
.order_conten_1{
	padding: 0 20px 0 20px !important;
	overflow: hidden;
	box-sizing:border-box;
}
.order_conten_1 img{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	box-sizing:border-box;
	border:1px solid #d2d2d4;
}
.order_conten_1 p{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	max-height: 40px;
	overflow: hidden;
	padding-left: 10px;
	box-sizing:border-box;
}
.order_conten_2{
	overflow: hidden;
	line-height: 60px;
	text-align: left;
	font-size: 12px;
	color: #333;
}
.order_conten_3{
	overflow: hidden;
	line-height: 60px;
	text-align: left;
	font-size: 12px;
	color: #333;
}
.no_thing{
	width: 100%;
	height: 300px;
	background: url(../images/empty.png) no-repeat center;
}
.list_right{/*页面右侧问答小贴士模块*/
	width: 35%;
	overflow: hidden;
	float: right;
	padding: 0 0 20px 20px;
	box-sizing:border-box;
}
.right_box{
	overflow: hidden;
	box-sizing:border-box;
	border:1px solid #d2d2d4;
	border-radius: 4px;
	overflow: hidden;
}
.right_title{
	padding: 0 20px;
	height: 44px;
	line-height: 44px;
	text-align: left;
	color: #fff;
	font-size: 16px;
	background: #4d4c50;
}
.right_one{
	overflow: hidden;
	padding-bottom: 20px;
}
.right_one_box{
	padding: 0 20px;
	overflow: hidden;
	margin-top:40px; 
}
.right_one span{
	display: block;
	width: 100%;
	line-height: 14px;
	border-left: 4px solid #33b796;
	color: #333;
	text-indent: 10px;
}
.right_one p{
	padding: 0 0 0 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 10px;
}
/*支付中心页面*/
.pay{
	width: 100%;
	overflow: hidden;
	background: #f2f2f2
}
.pay_nav{
	height: 50px;
	background: #fff;
	box-shadow: 0px 2px 6px #ccc;
}
.pay_nav .nav_box{
	width: 1000px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
}
.pay_logo{
	display: block;
	float: left;
	line-height: inherit;
	text-align: center;
	font-size: 20px;
	color: #333;
}
.pay_logo span{
	font-size: 16px;
	margin-left: 10px;
}
.pay_logo img{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 1px;
	margin-top: 10px;
	margin-right: 10px;
}
.pay_welcom{
	display: block;
	float: right;
	line-height: inherit;
	text-align: right;
}
.pay_box{
	width: 100%;
	overflow: hidden;
}
.pay_content{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom:60px;
}
.ware_detail{/*商品信息*/
	padding: 18px 0;
	height: 100px;
	border-bottom: 4px solid #ccc;
}
.ware_detail img{
	display: block;
	width: 100px;
	height: 100px;
	float: left;
}
.detail_text{
	width: 400px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
}
.detail_text p{
	line-height: 22px;
	text-align: left;
	max-height: 44px;
	overflow: hidden;
	margin-top: 5px;
}
.how_money{
	display: block;
	font-size: 20px;
	color: #fb6e52;
	margin-top: 20px;
}
.how_money sub{
	font-size: 14px;
	color: #999;
}
.mobile_pay{
	float: right;
	width: 305px;
	margin-right: 20px;
}
.mobile_pay_left{
	width: 205px;
	float: left;
	overflow: hidden;
}
.mobile_pay_left em{
	display: block;
}
.mobile_pay_left em:first-child{
	width: 20px;
	height: 20px;
	background: url(../images/ask_shape.png) no-repeat center;
	float: right;
	margin-right: 10px;
}
.mobile_pay_left em:last-child{
	width: 202px;
	height: 36px;
	background: url(../images/tip.png) no-repeat right;
	float: right;
	margin-right: 3px;
	margin-top: 5px;
	
}
.pay_way{/*支付方式*/
	padding: 20px;
	overflow: hidden;
	border-bottom: 4px solid #ccc;
	background: #fff;
}
.pay_way ul{
	display: block;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px dashed #c4c4c4;
}
.pay_way ul li{
	display: block;
	line-height: 60px;
	height: 60px;	
}
.pay_way ul li label{
	display: block;
	overflow: hidden;
	cursor: pointer;
}
.pay_way ul li:hover{
	background: #fafafa;
}
.pay_way ul li.active{
	background: #f2f2f2;
}
.pay_way ul li.active .bei{
	background: url(../images/beiwen_current.png) no-repeat center;
}
.pay_way ul li.active .ali{
	background: url(../images/alipay_current.png) no-repeat center;
}
.pay_way ul li.active .we{
	background: url(../images/wechat_current.png) no-repeat center;
}
.pay_way ul li input[type="radio"]{
	width: 14px;
	height: 14px;
	float: left;
	margin-top: 23px;
	margin-left: 20px;
}
.pay_way ul li label .bei{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 50%;
	margin-top: 15px;
	margin-left: 20px;
	background: url(../images/beiwen.png) no-repeat center;
}
.pay_way ul li label .ali{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 50%;
	margin-top: 15px;
	margin-left: 20px;
	background: url(../images/alipay.png) no-repeat center;
}
.pay_way ul li label .we{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 50%;
	margin-top: 15px;
	margin-left: 20px;
	background: url(../images/wechat.png) no-repeat center;
}
.way_text{
	display: block;
	float: left;
	line-height: inherit;
	text-align: left;
	font-size: 16px;
	margin-left: 10px;
}
.way_text span{
	font-size: 14px;
	color: #999;
}
.money_num{
	display: block;
	float: right;
	line-height: inherit;
	text-align: right;
	margin-right: 20px;
}
.money_num span{
	font-size: 20px;
	color: #fb6e52;
}
.pay_password{
	overflow: hidden;
	margin-top: 35px;
}
.password_in{
	overflow: hidden;
}
.password_text{
	display: block;
	text-align: left;
}
.password_in input{
	width: 210px;
	height: 30px;
	padding: 5px 10px;
	background: #f2f2f2;
	float: left;
	border:1px solid #d9d9d9;
	box-sizing:border-box;
	margin-top: 10px;
}
.password_tip{
	display: block;
	float: left;
	line-height: 30px;
	text-align: left;
	margin-top: 10px;
}
.password_tip em{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/tan_ico.png) no-repeat center;
	float: left;
}
.password_tip span{
	color: #fb6e52;
}
.password_btn{
	overflow: hidden;
	margin-top: 20px;
}
.sure_pay{
	width: 110px;
	float: left;
}
.cancel_pay{
	width: 80px;
	float: left;
	margin-left: 20px;
	color: #333;
}
.pay_question{
	overflow: hidden;
	margin-top: 20px;
}
.pay_question .question_one{
	display: block;
	width: 100%;
	text-align: left;
	color: #333;
}
.pay_question p{
	width: 100%;
	text-align: left;
	line-height: 22px;
	color: #999;
}
/*付款成功*/
.pay_sucess{
	height: 160px;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	margin-top: 40px;
	background: #fff;
}
.sucess_one{
	display: block;
	width: 105px;
	line-height: 30px;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
	text-align: left;
	margin-top: 20px;
}
.waiting_one{
	display: block;
	width: 105px;
	line-height: 30px;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
	text-align: left;
	margin-top: 20px;
}
.sucess_one em{
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/right.png) no-repeat center;
}
.waiting_one em{
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/payLoading.gif) no-repeat center;
}
.sucess_two{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 28px;
}
.stu_btn{
	width: 110px;
	font-size: 16px;
	margin: 0 auto;
	margin-top: 10px;
}
/*账户充值*/
.pay_change{
	overflow: hidden;
	margin-top: 35px;
	border-bottom:4px solid #ccc;
	padding-bottom: 15px;
}
.change_money{
	display: block;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}
.change_money span{
	font-size: 12px;
	color: #333;
}
.pay_change input{
	width: 800px;
	height: 60px;
	padding: 10px 20px;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	float: left;
	font-size: 24px;
	line-height: normal;
	text-align: left;
	color: #333;
	font-weight: bold;
}
.change_num{
	display: block;
	float: left;
	width: 200px;
	line-height: 58px;
	box-sizing:border-box;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	background: #edfffa;
	border:1px solid #d9d9d9;
	border-left: none;
}
.change_num sub{
	font-size: 12px;
	color: #999;
	font-weight: normal;
}
/*充值成功*/
.money_payunm{
	font-size: 12px;
	margin-top: 5px;
	margin-left: 10px;
}
/*等待充值*/
.pay_btn{
	width: 80px;
	margin:0 auto;
	margin-top: 10px;
}

.loading_one{
	display: block;
	width: 105px;
	line-height: 30px;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
	text-align: left;
	margin-top: 20px;
}
.loading_one em{
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/loading.png) no-repeat center;
}

.sucess_title{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.sucess_title span:last-child{
	cursor: pointer;
}