@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; outline:none;}
body { font-family: 微软雅黑; font-size: 12px; line-height: 1.5; background: url("../images/body_bg.png") 0 0 #fbfbfb repeat-y;}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}
ul,ol,li { list-style: none;}
a { color: #333; text-decoration: none; outline: none; cursor: pointer;}
img { border: none; vertical-align: middle;}
input { vertical-align: middle; outline: none;}
.hr { height:1px; border:none; border-top:1px #c7c7c7 solid;}
.clear { clear: both;}
.blue { color: #2b8fff;}
.green { color: #67b83d;}
.green1 { color: #76b343;}
.orange { color: #ef920c;}
.red { color: #ce1414;}
.money { color: #f49500}
span.tips { color: #a3a3a3; font-size: 12px;}

/*---------------管理中心首页----------------*/

/*--------头部----------*/

/*-------主体部分------*/
.content { width: 100%; min-width: 1200px; overflow: hidden;}

/*右侧内容区域main*/
.main { margin: 20px 20px 20px 20px;overflow: hidden;}
.main .condition .btn{
	width:70px;
	border-color:#ccc;
	height:29px;
}
/*面包榍breadcrumbs*/
.breadcrumbs { border: 1px #ccc solid; height: 38px; line-height: 38px; background: #f3f4f5; overflow: hidden; margin-bottom: 20px;}
.breadcrumbs ul li { float: left; display: inline; background: url("../images/crumbs_bg.png") right  0 no-repeat; width: 124px; padding-left: 28px; font-size: 12px;}
.breadcrumbs ul li.crumbs1 { background-position: right -82px;}
.breadcrumbs ul li.active { background: url("../images/crumbs_bg.png") right -42px #fff no-repeat;}
.breadcrumbs ul li a { color: #888;}
.breadcrumbs ul li.active a { color: #333;}

/*公告*/
.note_box { padding: 10px 0px; border-bottom: 1px #ccc solid; overflow: hidden; margin-bottom: 30px;}
.note_box p { font-size: 12px; color: #333;}
.note_box span { font-weight: bold;}
.note_box a { color: #2b8fff;}

.item_box { width: 100%; margin-bottom: 20px; overflow: hidden;}
.item_left { float: left; display: inline; width: 62%; min-width: 618px;}
.item_right { float: right; display: inline; /* margin-left: 15px; */}
.item_box .box { border: 1px #ccc solid; margin-bottom: 20px; overflow: hidden;}
.item_box h1 { font-size: 14px; color: #333; background: #f3f4f5; font-weight: bold; border-top: 1px #fff solid; height: 40px; line-height: 40px; padding-left: 20px;}
.item_box p { font-size: 12px; color: #333;}
.item_box b { font-weight: bold;}
.item_box a { color: #fff; font-size: 14px; font-weight: bold; background: #00adee; height: 26px; line-height: 26px; display: inline-block;}
.item_box a:hover { background: #8bc55a;}
.item_box h1 a { float: right; display: inline; margin: 7px 10px 0px 0px;}
.item_left a { width: 64px; text-align: center;}
.item_right a { width: 80px; text-align: center;}
.item_left .box11 { width: 54.8%;float: left; display: inline; overflow: hidden;}
.item_left .box12 { border-left: 1px #ccc solid; width: 45%; float: right; display: inline;padding: 39px 0px; background: #f3f4f5;}
.item_left .list { margin: 27px 0px 0px 27px; position: relative;}
.item_left .list p { margin-bottom: 18px;}
.item_left .list p b { display: block;}
.item_left .list .reset { position: absolute; right: 5%; top: 87px;}

.item_left .box12 p { margin: 0px 15px 37px 15px;}
.item_left .box12 p b { display: inline-block; width: 75px; text-align: right;/*  margin-right: 25px; */}
.item_left .box12 p span { display: inline-block; /* width: 75px; */ margin: 10px 10px 0px 3px;}
.item_left .box12 p .tips { color: #999; display: block; width: auto;}
.item_left .step { margin: 25px; overflow: hidden; }
.item_left .step ul li { float: left; display: inline; background: url("../images/app_step_bg.png") no-repeat;}
.item_left .step ul li.step_space { background-position: 0 -287px; width: 15px; height: 28px; margin: 0px 5%;}
.item_left .step ul li.step1 { background-position: 0 0; width: 71px; height: 51px;}
.item_left .step ul li.step2 { background-position: 0 -56px; width: 72px; height: 52px;}
.item_left .step ul li.step3 { background-position: 0 -113px; width: 72px; height: 50px;}
.item_left .step ul li.step4 { background-position: 0 -167px; width: 71px; height: 51px;}
.item_left .step ul li.step5 { background-position: 0 -224px; width: 72px; height: 51px;}


.item_right .box { padding: 34px 2% 77px 6%;}
.item_right .box p { font-size: 14px;}
.item_right .box p a { float:right; display:inline; margin-left: 10px;}
/* .item_right .box p .small { font-size: 12px;} */
.item_right .box3 { background: url("../images/pig.png") 6% 44px  no-repeat; padding-left: 30%;}
.item_right .box3 p { text-align: left; margin-bottom: 5px;}
.item_right .box3 p a { float: left; margin-left: 0px;}
.item_right .box3 p.detail_link { overflow: hidden; margin-bottom: 20px; margin-top: 10px;}
.item_right .box3 p.detail_link a { background: none; color: #888; text-align: left; width: auto; font-weight: normal;}
.item_right .box3 p.detail_link a:hover { color: #67b83d; font-weight: bold;}
.item_right .box3 p.recharge_link { margin-left: 55px;}
.item_right .box p span { line-height: 30px;}
.item_box .box4,.item_box .box5 { padding: 15px 2% 15px 6%; margin-bottom: 20px;}
.item_box .box2,.item_box .box5 { margin-bottom: 0px;}

/*标题上面的搜索，查询*/
.item_search { float: right; display: inline; margin: 5px 10px 0px 0px; color: #4c4c4c; font-weight: normal;}
.item_search .select_box { float: left; display: inline; margin-right: 10px;}
.item_search .select_box label { float: left; display: inline;}
.item_search .select_box .select { float: left; display: inline; min-width: 158px;}
.item_search input[type='button'],.item_box .item_search input[type='submit'] { background: #76b343; width: 60px; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff; border: none;}
.item_search input[type='button']:hover,.item_box .item_search input[type='submit']:hover { background: #8bc55a;}

/*消费数据*/
.chart_box { border: 1px #ccc solid;}
.chart_box .tit { background: #f3f4f5; height: 40px; border-bottom: 1px #ccc solid; line-height: 40px; font-size: 14px;}
.chart_box h1 { font-size: 14px; font-weight: bold; color: #333; width: 150px; border-right: 1px #ccc solid; float: left; display: inline; text-align: center;}
.chart_box .tit ul { float: left; display: inline;}
.chart_box .tit ul li { float: left; display: inline;font-weight: bold; border-right: 1px #ccc solid; text-align: center; padding: 0px 35px; color: #888; cursor:pointer; }
.chart_box .tit ul li.active,.chart_box .tit ul li:hover { background: #fff; height: 41px;}
.chart_box .tit ul li.active { color: #529b2c; }
.chart_box .ctn { margin: 10px;}


/*消息页面*/
.msg_box { border:1px #d1d5de solid; margin-bottom: 20px; overflow: hidden;}
.msg_list { height: 50px; line-height: 50px;  overflow:hidden; cursor: pointer;}
.msg_list.unfold { height: auto;}
.msg_box h1 { font-size: 14px; font-weight: bold; color: #333;}
.msg_box p { margin-bottom: 10px; line-height: 24px; display: none;}
.msg_box p.txt { font-size: 12px; color: #333;}
.msg_box p.date { font-size: 14px; color: #888; margin-bottom: 0px;}
.msg_box p a.del { background: url("../images/icon.png") 0 0 no-repeat; width: 16px; height: 18px; position: absolute; bottom: 20px; right: 20px; display: block;}
.msg_list { position: relative;}
.msg_list.read h1,.msg_list.read p,.msg_list.read p a { color: #a2a2a2 }

.msg_txt { background: url("../images/unread.png") 0 19px no-repeat; padding-left: 30px;}
.msg_sort { margin-bottom: 15px; overflow: hidden;}
.msg_sort input[type='button'] { width: 89px; height: 32px; border:1px #ccc solid; background: #fff; color: #636363; font-size: 13px; float: left; display: inline; margin-right: -1px; }
.msg_sort input[type='button'].current { background: #49a748; color: #fff; border-color: #49a748;}

.msg_box table { width: 100%;}
.msg_box table th,.msg_box table td { padding-left: 10px; text-align: left;}
.msg_box table th { height: 30px; border-bottom:1px #d1d5de solid; line-height: 30px; font-size: 14px; color: #454951; background: #f6f8fa;}
.msg_box table td { border-bottom:1px #d1d5de solid;}
.msg_box table td.date { font-size: 14px; font-weight: bold; color: #333; line-height: 50px;}
.msg_box table td.icon { background: url("../images/arrow_down1.png") center 21px no-repeat; vertical-align: middle; min-width: 15px; text-align: right; padding: 0 1%; position: relative;}
.msg_box table tr:hover { background: #f9f9fa;}
.msg_box table tr.read .msg_txt { background: url("../images/read.png") 0 17px no-repeat;;}
.msg_box table tr.read h1,.msg_box table tr.read p,.msg_box table tr.read p a,.msg_box table tr.read td.date { color: #a2a2a2 }
.msg_box table tr.read td.date { font-weight: normal;}
.msg_box table tr.unfold td.date { vertical-align: top;}
.msg_box table tr.unfold td.icon { background: none;}
.msg_box table tr.unfold td.icon p { display: block; }

/*分页*/
.page_box { float: right; display: inline;}
.page_box ul li { font-size: 14px; float: left; display: inline; margin: 0px 5px;}
.page_box ul li a { color: #333;}
.page_box ul li.active a { color: #60abff}

/*说明内容*/
.state_box { padding: 20px; margin-bottom: 20px; border: 1px #ccc solid; background: #f3f4f5; font-size: 12px; color: #666;}
.state_box h1 { font-weight: bold; font-size: 12px; margin-bottom: 10px;}
.state_box p { line-height: 25px;}
.state_box p a { color: #00adee;}
.state_box p a:hover { color: #8BC55A; text-decoration: underline;}
span.ask { position: relative; display: inline-block;}
.ask_icon { background: url("../images/ask.png") 5px bottom no-repeat; width: 22px; height: 29px; display: inline-block; cursor: pointer; position: relative;}
.ask_icon.hover { background: url("../images/ask.png") -38px bottom no-repeat; z-index: 111;}
.ask_ctn { padding: 10px; line-height: 20px; border-radius: 10px; background: #fff; border: 1px #67b83d solid; font-style: normal; font-style: 12px; color: #4c4c4c; background: #fff; position: absolute; left: 50%; margin-left: -152px; width: 284px; display: none;}
.state_box p span.ask { top: -10px;}

/*右侧表格切换*/
.table_tab_link { overflow:hidden; margin-bottom:20px;}
.table_tab_link a { width:110px; height:32px; line-height:32px; text-align:center; border:1px #ccc solid; color:#464646; float:left; display:inline;}
.table_tab_link a.active { border-color:#76b343; background:#49A748; color:#fff;}

/*搜索search_box*/
.search_box { margin-bottom: 20px; width:100%; float: left; display: inline;}
.search_box1 { margin-bottom:0px;}
.search { float: left; display: inline; position: relative;}
.app_search { width: 172px;}
.app_search1 { width:auto;}
.search input[type='text'] { width: 162px; min-width: 162px; height: 32px; line-height: 32px; background: #fff;}
.search input[type='button'],.search input[type='submit'] { border: none; background: url("../images/icon.png") 0 -22px no-repeat; width: 30px; height: 30px; position: absolute; left: 142px; top: 2px; cursor:pointer;}
.search input[type='button']:hover,.search input[type='submit']:hover { background-position: 0 -223px;}
.search_link { float: right; display: inline;}
.search_link a { background: url("../images/icon.png") 8px -52px #00adee no-repeat; color: #fff; display: inline-block; padding: 6px 12px 6px 42px; font-size: 14px; font-weight: bold;}
.search_link a.submit { background-position: 10px -116px; padding: 6px 12px 6px 38px;}
.search_link a.template { background-position: 10px -150px; padding: 6px 12px 6px 42px;}
.search_link a.voice { background-position: 10px -184px; padding: 6px 12px 6px 38px;}
.search_link a:hover { background-color: #3cc9ff;}
/*.search_link a.submit:hover { background-position: 10px -116px; background-color: #8bc55a;}
.search_link a.template:hover { background-position: 10px -150px; background-color: #8bc55a;}
.search_link a.voice:hover { background-position: 10px -184px; background-color: #8bc55a;}*/
.app_search1 .edit_field { float:right; display:inline; margin-left:10px;}
.app_search1 .edit_field .select { height:32px; line-height:32px; width:128px;}
.app_search1 .edit_field .select_type { margin-left:40px}

/*表格*/
.table_box { margin-bottom: 20px; /* overflow: hidden; */}
.table_tit { border: 1px #ccc solid; border-bottom: none; height: 58px; line-height: 58px;}
.table_tit h1 { font-size: 14px; font-weight: bold; margin-left: 20px; color: #333; float: left; display: inline;}
.table_link { float: right; display: inline; margin-right: 10px; }
.table_link a { background: url("../images/icon.png") 13px -83px #76b343 no-repeat ; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 12px 8px 42px;}
.table_link a:hover { background-color: #8bc55a;}
.table_box table { border: 1px #ccc solid; width: 100%; table-layout: fixed;/* margin-bottom: 20px; */}
.table_box table tr.even { background: #f6f6f6;}
.table_box table th { border-bottom: 1px #ccc solid; text-align: center; height: 50px; line-height: 20px; background: #f3f4f5; color: #666; font-size: 14px; position: relative;border-right: 1px solid #ccc;}
.table_box table td { text-align: center; font-size: 14px; color: #333; height: 50px; line-height: 20px; border-right: 1px solid #ccc;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.table_box table td.blue,.table_box table td.blue a { color: #2b8fff;}
.table_box table td.green { color: #67b83d;}
.table_box table td.orange { color: #ef920c;}
.table_box table td.red { color: #ce1414;}
.table_box table td a { display: inline-block; margin: 0px 5px; cursor:pointer;}
table tr:hover { background:#E3F5D8;}
table td span.block { display:block; width:100%;}
table td span.block2 { margin-top:-25px;}

.table_tips { color: #666;font-family: 微软雅黑; margin: 10px 0px;}
.table_tips span { font-weight:bold; font-size:14px;}
.table_tips i.notice { background:url("../images/notice.png") 0 0 no-repeat; display: inline-block; width: 14px; height: 14px; margin: 0px 5px;}
table i.notice { background:url("../images/notice.png") 0 17px no-repeat; display: inline-block; width: 14px; height: 31px; margin: 0px 5px; position: absolute;}
table td span.ask { top: 3px;}
table em.ask_ctn { width: 220px; margin-left: -110px;} 

/*分页*/
.pagenum { float:right; display:inline; margin-bottom:20px; font-size: 12px; line-height: 30px;}
.pagenum span { /* padding-left:15px; */ float: left; display: inline; margin-right: 10px;}
.pagenum span i { font-style:normal; color:#fca000}
.pagenum a { float: left; display: inline; background:url("../images/page_bg.png") 0 0 no-repeat; width: 32px; border:1px #ddd solid; height: 30px; margin-right: -1px;}
.pagenum a.first { background-position: center 10px;}
.pagenum a.prev { background-position: center -38px}
.pagenum a.next {background-position: center -78px}
.pagenum a.last { background-position: center -125px;}
.pagenum input[type='text'] {min-width:58px; border:none; background:url("../images/page_bg.png") 0 -168px no-repeat; width:58px; height:32px; line-height:32px; padding-left:0px; font-size:12px; color: #333; float: left; display: inline; margin:0px 10px 0px 20px; text-align: center;}
/* .pagenum input[type='text']:focus { background:url("../images/page_bg.png") 0 -38px no-repeat;} */
.pagenum input[type='button'] { border:1px #ddd solid; margin-right: -1px; color:#646464; min-width:32px; padding: 0px 5px; height:32px; line-height:16px; font-size:12px; background: none; float: left; display: inline; font-weight: bold;}
.pagenum input.go[type='button'] { margin-right: -10px;}
.pagenum input.cur[type='button'] { background: #49a748; color:#fff; border-color: #49a748;}

/*弹层*/
.float_body { overflow: hidden;}
.background_box { background: #000; opacity: 0.4; filter:alpha(opacity=40); height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 11; display: none;}
.float_box { border: 6px #6b6b6b solid; border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-borer-radius:6px; z-index: 111; position: absolute; background: #fff; display: none;}
.float_box1 { border: 6px #6b6b6b solid; border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-borer-radius:6px; z-index: 111; position: absolute; background: #fff; display: none;}
.float_box0 { border: 6px #6b6b6b solid; border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-borer-radius:6px; z-index: 111; position: fixed; background: #fff; display: none;}
.float_tit { height: 40px; line-height: 40px; background: #f3f4f5; font-weight: bold;}
.float_tit h1 { margin-left: 20px; font-size: 14px; color: #4c4c4c; font-weight: bold;}
.float_ctn { margin: 30px 20px 10px 20px;}
.float_ctn p { line-height: 44px; margin-bottom: 12px; font-size: 14px; color: #4c4c4c;}
.float_ctn input[type='checkbox'] { vertical-align: middle; margin-right: 5px;}
.float_btn { border-top: 1px #e8e8e8 solid; padding-top: 10px; text-align: right; width: 100%;} 
.confirm_btn { margin-left: 15px;}
.float_btn .disabled_btn { border: 1px #ccc solid; background: #fff; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #383838; margin-left: 15px; cursor: default;}

.float_field { margin-bottom: 20px;}
.float_field dl dt { float: left; display: inline; margin-right: 17px; font-size: 14px; color: #4c4c4c;}
.float_field dl dt i.star { top: -2px;}
.float_field dl dd { margin-bottom: 10px; font-size: 14px; color: #4c4c4c; }
.float_field dl dd span.error { color: #ff0000; font-size: 13px; display: inline-block; margin-left: 5px;}
.float_field dl dd span.success { color: #76b343; font-size: 13px; display: inline-block; margin-left: 5px;}
.float_field dl dd span.tips { color: #a3a3a3; font-size: 12px;}
.float_field dl dd span.txt { color: #76b343; font-weight: bold;}
.float_field dl dd textarea { min-width: 367px;}


/*重置token*/
.reset_box { width: 520px;}
.reset_box p a { color:#2b8fff; text-decoration:underline;}

/*查看token*/
.view_token_box { width:600px;}
.view_token_box .float_field dt { width: 158px; text-align: right; line-height: 44px; }
.view_token_box .float_field .relate_link input { cursor:pointer; width: 120px; height: 26px; line-height: 26px; color: #fff; background: #76b343; font-size: 14px; font-weight: bold; text-align: center; border:none;}
.view_token_box .float_field .relate_link input:hover { background: #8bc55a;}

/*应用充值*/
.app_recharge_box { width:500px;}
.app_recharge_box .setting { margin-left: 30px; display: none;}
.app_recharge_box .setting em { font-style:normal; display:inline-block; margin-left:-30px; background:#fff;}
.app_recharge_box .setting dd { margin-left: 75px;}

/*测试号码-添加号码*/
.addnum_box { width: 600px;}
.addnum_box .float_field dt { width: 158px; text-align: right; line-height: 44px; }
.addnum_box .float_field dd { margin-left: 175px;}
.addnum_box .float_field .relate_link input { width: 80px; height: 26px; line-height: 26px; color: #fff; background: #76b343; font-size: 14px; font-weight: bold; text-align: center; border:none;}
.addnum_box .float_field .relate_link input:hover { background: #8bc55a;}
.addnum_box .float_field .relate_link .tips { display: inline-block; margin: 0px 5px;}

/*号码管理-提交号码*/
.submitnum_box { width: 520px;}
.submitnum_box .float_field dd { margin-left: 73px;}

/*账户信息*/
.balance_box { width: 480px;}
.balance_box .float_field dl dt { width: 112px;}
.balance_box .float_field dd { margin-left: 137px;}

/*在线充值提醒*/
.recharge_box { width: 360px;}
.recharge_box .float_ctn { margin-top: 20px;}
.recharge_box p { margin-bottom: 10px; line-height: 20px;}
.recharge_box p b { color: #4c4c4c;}
.recharge_box p span.tips { background: url("../images/circle.png") 0 3px no-repeat; padding-left:20px;}
.recharge_box .cancel_btn { width: 120px;}

/*协议认证-取消服务*/
.service_box { width: 500px;}
.service_box p { line-height: 20px;}
.service_box .float_btn { margin-top: 20px;}
.service_box .account { margin: 30px 0px 0px 50px;}
.service_box .account p { margin-bottom: 20px;}
.service_box .float_field { display: none;}
.service_box .float_field dl dt { width: 60px;}
.service_box p input[type='radio'] { display: inline-block; margin-right: 5px;}

/*配置存储周期*/
.float_field dd span.ask { top: -10px;}
.float_field dd span.ask .ask_ctn { margin-left: -180px;}

/*Demo应用信息*/

/*tab标题*/
.main_tab_tit { border-bottom: 1px #e8e8e8 solid; overflow: hidden; margin-bottom: 20px;}
.main_tab_tit ul li { cursor: pointer;font-size: 14px; font-weight: bold; color: #4c4c4c; float: left; display: inline; height: 31px; line-height: 31px; border: 1px #e8e8e8 solid; border-bottom: none; margin-right: 10px; padding: 0px 17px;}
.main_tab_tit ul li.active { border-top: 2px #00adee solid; height: 30px; color: #262626;}

/*demo应用信息*/
.demo_list .table_box table { border-bottom: none;}
.demo_list .table_box table th { height: 68px; text-align: left; padding-left: 20px;}
.demo_list .table_box table td { text-align: left; padding-left: 20px; border-bottom: 1px #ccc solid;}
.demo_list h2 { font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.demo_list .item_right .box { padding: 20px 2% 21px 5%}
.demo_list .item_right p { margin-bottom: 20px; font-size: 12px; }

/*测试号码白名单*/
.test_num table { border-bottom: none;}
.test_num table th,.test_num table td { color: #666;}
.test_num table td { border-bottom: 1px #ccc solid;}

/*创建应用*/
.edit_box { border: 1px #ccc solid; margin-bottom: 30px;}
.edit_box h1 { font-size: 14px; font-weight: bold; color: #333; padding-left: 10px; background:#f3f4f5; height: 40px; line-height: 40px; border-bottom: 1px #ccc solid; }
.edit_box h1 a { float: right; display: inline; background:#76b343; width: 80px; height: 26px; text-align: center; line-height: 26px; margin: 7px 7px 0px 0px; font-style: 14px; color: #fff; font-weight: bold;}
.edit_box h1 a:hover { background: #8bc55a;}
.edit_ctn { margin: 20px;}
.edit_field { margin-bottom: 20px;}
.edit_field dt { line-height: 40px; text-align: right; float: left; display: inline; margin-right: 10px; font-size: 14px; color: #4c4c4c;}
.edit_field dt span.link { color: #999; display: block; font-size: 12px; margin-top: -20px; text-align: center;}
.edit_field dt span.link a { color: #67b83d;}
.edit_field dt span.link a:hover { color: #8BC55A; text-decoration: underline;}
.edit_field dt i.star { top: -2px;}
.edit_field dd { font-size: 14px;}
.edit_field dd a { color: #2b8fff;}
.edit_field dd span.txt { line-height: 40px; color: #4c4c4c;}
.edit_field dd span.radio { line-height: 40px; color: #4c4c4c; margin-right: 20px;}
.edit_field dd span.radio input[type='radio'] { margin-right: 5px;}
.edit_field dd span.checkbox { line-height: 40px; color: #4c4c4c; margin-right: 30px;}
.edit_field dd span.checkbox input[type='checkbox'] { margin-right: 5px;}
.edit_basic dt { width:130px; }
.edit_basic dd { margin-left: 145px; margin-bottom: 5px;}

.edit_advanced .edit_ctn { margin: 20px 20px 20px 10px;}
.edit_advanced dt { width: 115px;}
.edit_advanced dd { padding: 0px 25px 0px 25px; background: #f3f4f5; margin-left: 130px; margin-bottom: 10px; position:relative;}
.edit_advanced dd.dd_nobg { background: none;}
.edit_advanced dd.error { background:none;}
.edit_advanced h2 { font-size: 14px; color: #4c4c4c; line-height: 40px;}
.edit_advanced h2 input[type='checkbox'] { margin-right: 20px; vertical-align: middle;}
.edit_advanced span.tips { margin-left: 20px;}
.edit_advanced .edit_field { margin-bottom: 40px;}
.set_box { margin-left: 35px; display: none;}
.set_box input[type='text'] { min-width: 520px; float: left; display: inline;}
.set_box .select { width: 98px; margin-left: 550px;}
.edit_verify dd { padding: 0px 25px 0px 25px;}
.set_box1 { margin: 50px 0px 0px 0px;}
.set_box1 ul { margin-bottom: 30px; width: 100%; float: left; display: inline;}
.set_box1 ul li { color: #4c4c4c; font-style: 14px;line-height: 38px; }
.set_box1 ul li.set_tit { float: left; display: inline; width: 113px; margin-right: 28px; text-align: right;}
.set_box1 ul li.set_ctn input[type='text'] { margin-right: 5px;}
.set_box1 input[type='text'] { min-width: 413px;}
.set_box1 .set_ctn1 input[type='text'] { min-width: 88px; width: 78px;}
.set_box1 .select { width: 98px;}
.set_box1 .callback_select { margin-left: 583px;}
.set_box1 .verify_select { margin-left: 140px;}

.edit_btn { text-align: center;}
.edit_btn .confirm_btn { margin-right: 10px;}

.set_callback { margin-top:0px;}
.set_box1 input.short { min-width:88px; width:88px;}
.edit_advanced dd.dd_txt .set_box1 ul { margin-bottom:0px;}


/*账户信息*/
.account_info { margin-bottom: 20px;}
.account_info .box { margin-bottom: 0px; height: 308px;}
.account_info .item_left ul { overflow: hidden; margin: 20px 0px 0px 20px;}
.account_info .item_left ul li {/*  margin-bottom: 10px; */ font-size: 14px; overflow: hidden; }
.account_info .item_left ul li.last { margin-bottom: 0px; text-align: center;}
.account_info .item_left ul li dl { width: 44%; margin-right: 5%; float: left; display: inline; line-height: 35px;}
.account_info .item_left ul li dl.left { border-right: 1px #ddd solid;}
.account_info .item_left ul li label { color: #4c4c4c; }
.account_info .item_left ul li span { color: #2d2d2d;  font-weight: bold;}
.account_info .item_left ul li span.before { background: url("../images/compare.png") 0 2px no-repeat; padding-left: 22px;}
.account_info .item_left ul li span.before_up { background: url("../images/compare.png") 0 -16px no-repeat; padding-left: 22px;}
.account_info .item_left ul li span.before_down { background: url("../images/compare.png") 0 -33px no-repeat; padding-left: 22px;}
.account_info .item_left ul li span.green1 { color: #76b343; font-size: 20px; font-weight: bold;}
.account_info .item_left ul li dl.couponBalance span.green1 { font-size: 14px; line-height: 30px;}
.account_info .item_left a { width: 90px;}
.account_info .item_left ul li.last a { margin: 40px 5px 0px 5px;}

.account_info .item_right .box { padding: 0px;}
.account_info .item_right .note { width: 184px; height: 40px; line-height: 40px; border: 1px #e5e5e5 solid; border-radius: 18px; color: #76b343; font-size: 16px; font-weight: bold; text-align: center; margin: 43px auto;}
.account_info .item_right a { width: 60px;}
.account_info .item_right .view { text-align: center; margin-top: 122px;}
.account_info .item_right .view a { float: none; display: inline-block;}
.account_info .item_left .couponPage a,.account_info .item_right .view a { width: 120px;}

.account_chart { margin: 0px 10px 20px 10px;}
.account_chart .chart_desc { margin: 40px 0px;}
.account_chart .chart_desc p { text-align: center; font-size: 14px; color: #4c4c4c; }
.account_chart .chart_desc span { font-weight: bold; display: inline-block; margin-right: 10%;}
.account_chart .chart_desc label { font-weight: normal; }

/*资费配置*/
.table_relate { width: 100%; /*overflow: hidden;*/}
.table_relate ul li { width: 100%; float: left; display: inline; padding-bottom: 20px;}
.table_relate ul li.li1 { border-bottom: 1px #e5e5e5 dashed; margin-bottom: 20px;}
.table_relate ul li dl{ width: 50%; float: left; display: inline;}
.table_relate ul li dl.relate_link { text-align: right;}
.table_relate ul li dt { font-size: 14px; color: #4c4c4c; float: left; display: inline; margin-top: 10px;}
.table_relate ul li dd { font-weight: bold; font-size: 14px; float: left; display: inline; margin-top: 10px;}
.table_relate ul li.li1 dt { font-weight: bold; color: #333;}
.table_relate ul li .relate_link a { width: 96px; height: 28px; line-height: 28px; background: #76b343; display: inline-block; text-align: center; font-style: 14px; color: #fff; font-weight: bold;}
.table_relate ul li .relate_link a.modify { width: 120px; }
.table_relate ul li .relate_link a.save {  width:66px; border: 1px #76b343 solid; margin-right: 10px; }
.table_relate ul li .relate_link a:hover { background: #8bc55a}
.table_relate ul li .relate_link a.cancel { background: #fff; width: 66px; color: #5c5b5b; border: 1px #abadb3 solid;}

.table_relate ul li.li1 .select,.table_relate ul li.li1 .select span { width: 160px;}
.table_relate ul li.li1 .select ul li { padding-bottom: 0px;}
.table_relate .fee_modify dd { margin-top: 0px;}
.fee_table td i.compare { display: inline-block; background: url("../images/compare_bg.png") 0 0 no-repeat; width: 9px; height: 14px; margin-left: 2px; vertical-align: middle;}
.fee_table td i.compare.up { background-position: 0 0;}
.fee_table td i.compare.down { background-position: 0 -31px;}

/*发票*/
.invoice_box { /*position: relative;*/}
.relate_invoice li dl dt { color: #666;}
.relate_invoice li dl dd { font-weight: normal; font-size: 14px; color: #999; margin-top: 0px;}
.relate_invoice li span.tips { font-size: 12px; color: #666; padding-left: 10px;}
.relate_invoice li span.green1 { font-size: 22px; padding-right: 5px;}

.invoice_box .view { position: relative; z-index: 111; line-height: 20px;}
.view_box { padding: 0px 10px; height: 40px; line-height: 40px; background: #646464; font-size: 14px; color: #fff; position: absolute; display: none; z-index: 999;}
.view_box em { background: url("../images/triangle_down.png") 0 0 no-repeat; display: inline-block; width: 9px; height: 5px; position: absolute; top: 40px; right: 92px;}

/*月结账单*/
.bill_search { margin-bottom: 35px;}
.bill_search li { margin-bottom: 20px;}
.bill_search li label { line-height: 38px; margin-right: 10px; color: #737373; font-size: 14px; width:70px; float:left; display:inlnie;}
.bill_search li input { margin-right: 10px;}
.bill_search li input[type='text'] { min-width: 158px;}
.bill_search li input[type='submit'],.bill_search li input[type='button'] { cursor: pointer; border: none; background: #76b343; width: 60px; height: 40px; line-height: 20px; font-size: 14px; font-weight: bold; color: #fff;}
.bill_search li input[type='submit']:hover,.bill_search li input[type='button']:hover { background: #8bc55a;}

.month_consumption { margin-bottom: 35px; overflow: hidden;}
.month {overflow: hidden; }
.month ul li { float: left; display: inline;}
.month ul li a { font-weight: bold; font-size: 16px; color: #777777; display: inline-block; width: 72px; border-bottom: 3px #fff solid; padding-bottom: 5px; text-align: center;}
.month ul li.first a { width: 95px;}
.month ul li.active a,.month ul li:hover a { color:#76b343; border-bottom: 3px #76b343 solid; }
.consumption { padding: 20px; border: 1px #ccc solid;overflow: hidden;overflow: hidden;}
.consumption .total { width: 100%; overflow: hidden;}
.consumption dl { width: 50%; float: left; display: inline; text-align: left; margin-bottom: 15px;}
.consumption dl dt { font-size: 14px; color: #666; width: 98px; margin-right: 20px; float: left; display: inline; line-height: 32px;}
.consumption dl dd { font-size: 14px; color: #999; margin-left: 118px;}
.consumption dl dd span.green1 { font-size: 22px; padding-right: 10px;}
.consumption dl dd span.tips { display: inline-block; margin-left: -120px;}

.bill_download h1 { font-size: 16px; color: #777; margin-bottom: 5px;}
.bill_download h1 span.green1 { font-weight: bold; font-size: 14px;}
.download_month { padding: 20px 30px; border: 1px #ccc solid;}
.download_month p { margin-bottom: 10px;}
.download_month p a { display: inline-block; border: 2px #abadb3 solid; width: 26px; height: 26px; line-height: 26px; text-align: center; margin: 11px 22px 11px 0px; color: #777; font-size: 16px;}
.download_month p a.active { color: #76b343; border-color: #76b343;}

/*消费账单*/
.bill_search .select_box label { float: left; display: inline;}
.bill_search .select { margin-left: 80px; width: 100px; height: 38px; line-height: 38px;}
.bill_search .select span { line-height: 38px;}
.bill_search .select ul { top: 38px;line-height: 38px; left: -1px; display: none;}
.bill_search .select ul li { height: 38px; line-height: 38px; margin-bottom: 0px;}
.bill_search .select span i { background-position: 8px 14px;}
.bill_search .select.focus span i { background-position: 8px -34px;}
.bill_search .select_app { float: left; display: inline; margin-right: 10px;}
.bill_search .select_app .select { min-width: 200px;}
.bill_search .select_type { margin-left: 300px;}
.bill_search .select_type .select { min-width: 138px;}
.bill_search li.li1 span.tips { display: inline-block; margin-left: 78px;}
#mobile_div { float:left; display:inlnie;}

.csm_tit { margin-bottom: -1px; overflow: hidden;}
.csm_tit ul li { float: left; display: inline; border: 1px #ccc solid; margin-right: 5px; width: 88px; height: 32px; line-height: 32px; text-align: center; color: #666; font-size: 14px; cursor:pointer;}
.csm_tit ul li.active { color: #fff; background: #76b343; border-color: #76b343;}
.csm_tit span.csm_total { float: right; display: inline; font-size: 14px; color: #666;}
.csm_total .green1 { font-size: 16px; padding-right: 5px; font-weight: bold;}

#bills_tab_div { position: relative;}
.csm_total { position: absolute; top: -25px; right: 0px;}



/*兑换码*/
.code_box { padding: 20px; border:1px #ccc solid; overflow: hidden;}
.code_box dl dt { float: left; display: inline; font-size: 14px; color: #666; margin-right: 20px; line-height: 38px;}
.code_box dl dd { margin-left: 70px; margin-bottom: 5px;}
.code_box dl dd span.tips { color: #4d4d4d; padding-left: 5px;}
.code_box dl dd.code_btn { margin-top: 20px;}
.code_box input[type='button'],.code_box input[type='submit'] { cursor:pointer; width: 80px; height: 30px; line-height: 15px; font-size: 14px; color: #fff; font-weight: bold; text-align: center; background: #76b343; border:none;}
.code_box input[type='button']:hover,.code_box input[type='submit']:hover { background: #8bc55a;}
.code_box dl span.error { background: url("../images/verify_icon.png") 0 -30px no-repeat; padding-left: 20px; display: inline-block; margin-left: 15px;}
.code_box dl span.success { background: url("../images/verify_icon.png") 0 0px no-repeat; padding-left: 20px; display: inline-block; margin-left: 15px; color: #76b343;}
.code_box dl dd input[type='button'] { width: 80px; }
.code_box p { font-size: 14px; color: #505050; margin-bottom: 10px;}
.code_box p.money { color: #999; margin-bottom: 20px;}
.code_box p.money label { font-weight: bold; color: #505050;}
.code_box p.money span { font-size: 22px; padding-right: 5px;}
.code_box p input[type='button'] { width: 100px; }


/*在线充值*/
/* .recharge_step { overflow: hidden; border:1px #79b547 solid; height: 38px; margin-bottom: 20px;} */
.recharge_step ul li,.recharge_step2 ul li { float: left; display: inline; width:22%; height: 38px; line-height: 38px; font-size: 14px; color: #757575; text-align: center;  }
.recharge_step ul li.cur,.recharge_step2 ul li.cur { color: #fff; }
.recharge_step ul li i,.recharge_step2 ul li i { display: inline-block; background: url("../images/num.png") 0 0 no-repeat; width: 28px; height: 30px;}
.recharge_step ul li i.num1,.recharge_step2 ul li i.num1 { background-position: 0 10px;}
.recharge_step ul li i.num2,.recharge_step2 ul li i.num2 { background-position: 0 10px;}
.recharge_step ul li i.num3,.recharge_step2 ul li i.num3 { background-position: 0 -76px;}
.recharge_step ul li i.num4,.recharge_step2 ul li i.num4 { background-position: 0 -122px;}
.recharge_step ul li i.num5,.recharge_step2 ul li i.num5 { background-position: 0 -170px;}

.recharge_form { padding: 20px; border:1px #ccc solid; overflow: hidden;}
.recharge_form dl dt { float: left; display: inline; margin-right: 20px; font-size: 14px; font-weight: bold; line-height: 40px;color: #666;}
.recharge_form dl dd { margin-left: 90px; line-height: 40px; color: #999;}
.recharge_form dl dd span.green1 { font-size: 22px;}
.recharge_form dl dd span.tips { color: #4d4d4d; display: inline-block; }
.recharge_form dl dd.type a { display: inline-block; border:1px #ccc solid; position: relative;}
.recharge_form dl dd.type a em { position: absolute; right: 0px; top: 0px; display: inline-block; width: 17px; height: 17px;}
.recharge_form dl dd.type a.active { border:1px #79b547 solid;}
.recharge_form dl dd.type a.active em { background: url("../images/type_check.png") 0px 0px no-repeat;}
.recharge_form dl dd.btn { margin-top: 20px;}
.recharge_form dl dd.btn input[type='button'],.recharge_form dl dd.btn input[type='submit']{ background: #79b547; color: #fff; width: 60px; height: 30px; font-size: 14px; color: #fff; border:none;}
.recharge_form dl input[type='text'] { min-width: 132px; width: 132px; margin-right: 5px;}

.recharge_list .btn { padding: 40px 0px 20px 0px; border:1px #ccc solid; border-top: none; text-align: center;}
.recharge_list .btn input { font-weight: bold;}
.recharge_list .btn .prev_btn { color: #666; border: 1px #ccc solid; background: #fff; width: 78px; height: 32px; line-height: 16px; text-align: center; cursor: pointer;}
.recharge_list .btn .confirm_btn { border: 1px #76b343 solid; background: #76b343; width: 78px; height: 32px; line-height: 16px; text-align: center; color: #fff; cursor: pointer;}
.recharge_list .btn p { margin-bottom: 20px; font-size: 14px; color: #505050;}

/*开发者信息-基础信息*/
.developer_info dl.dl1 { float: left; display: inline; margin-right: 170px;}
.developer_info dd { margin-bottom: 10px;}
.developer_info .select { min-width: 128px;}
.developer_info .select_province { float: left; display: inline; margin-right: 20px;}
.developer_info .select_city { margin-left: 148px; min-width: 128px;}
.developer_info input[type='text'] { min-width: 600px;}
.developer_info dd a { display: inline-block; margin-left: 20px;}
.developer_info dd a.correct_pwd,.developer_info dd a.do { background: #00adee; color: #fff; font-size: 14px; font-weight: bold; width: 80px; height: 26px; line-height: 26px; text-align: center;}
.developer_info dd a.upgrade { background: #76b343; color: #fff; font-size: 14px; font-weight: bold; width: 107px; height: 26px; line-height: 26px; text-align: center;}
.developer_info dd a.correct_pwd:hover { background: #8bc55a;}

/*认证信息*/
/*.edit_certification .select_type { min-width: 138px; width: 138px;}*/
.edit_certification dl dd { max-width: 598px;}
.edit_certification .cert_num { width: 598px;}
.edit_certification dd span.tips1 { padding-left: 10px;}
.edit_certification dd span.img { border:1px #ccc solid; padding: 4px; display: inline-block;}
.edit_certification dd span.img img { max-width:290px;}
.edit_certification .edit_ctn { position: relative;}
.edit_certification .edit_ctn .status { position: absolute; top: 0px; right: 0px; background: url("../images/cert_status.png") 0 0 no-repeat; width: 290px; height: 146px;}
.edit_certification .edit_ctn .status.done { background-position: 0 -204px;}
.edit_certification .edit_ctn .status.failed { background-position: 0 -404px;}

/*验证提示框*/
.prompt_box { height: 38px; line-height: 38px; border:1px #ccc solid; background: #eee; margin-bottom: 10px;}
.prompt_box.success { background: #e2ffd3; border:1px #85c664 solid;} 
.prompt_box.success p { margin-left: 15px; font-size: 14px; color: #67b83d;}

/*开具发票*/
.invoice_edit { position: relative;}
.invoice_edit em.arrow_up { background: url("../images/arrow_up.png") 0 0 no-repeat; display: inline-block; width: 12px; height: 6px; position: absolute; right: 46px; top: -5px; z-index: 11;}
.edit_form { position: relative; padding: 20px 0px; border:1px #ccc solid; border-bottom: none;}
.edit_form1 { border-top: 1px #ccc dashed; border-bottom:1px #ccc solid;}
.edit_form dl { margin-bottom: 10px; line-height: 38px; margin-left: 20px;}
.edit_form dl dt { float: left; display: inline; font-size: 14px; font-weight: bold; color: #666; width: 100px; margin-right: 10px; text-align: right;}
.edit_form dl dd { margin-left: 110px; color: #505050; font-size: 14px;}
.edit_form dl dd span.info { background: url("../images/verify_icon.png") 0 -49px no-repeat; padding-left: 20px; display: inline-block; margin-left: 15px; color: #666; font-size: 12px;}
.edit_form dl dd span.error { background: url("../images/verify_icon.png") 0 -19px no-repeat; padding-left: 20px; display: inline-block; margin-left: 15px; font-size: 12px; color: #e64141;}
.edit_form dl dd span.success { background: url("../images/verify_icon.png") 0 11px no-repeat; padding-left: 20px; display: inline-block; margin-left: 15px; font-size: 12px;  color: #fff;}
.edit_form dl dd span.radio { line-height: 38px; margin-right: 20px;}
.edit_form dl dd span.radio input[type='radio'] { margin-right: 8px; display: inline-block; margin-top: -3px;}
.edit_form dl dd span.txt { line-height: 38px; }
.edit_form dl dd textarea { min-width: 208px;}
.edit_form dl dd.textarea { position: relative;}
.edit_form dl dd.textarea span.info { position: absolute; top: 0px;}

/*协议认证*/
.edit_field .mark { background: #fff0d8; color: #ff6600; }
.edit_field dd span.mark { display: inline-block; width: 140px; height: 40px; line-height: 40px;font-size: 14px; text-align: center;}
.edit_field dd span.mark_wait { width: 90px;}
.edit_field dd span.mark_done { width: 90px; background: #e8f8d5; color: #67b83d;}
.edit_field dd span.mark_cancel { width: 90px; background: #f1f1f1; color: #888;}
.edit_field p.mark { font-size: 30px; width:90%; height: 70px; line-height: 70px; text-align: center; display: inline-block; margin: 20px 0px 20px 58px;}
.edit_field dd span.step { height: 26px; line-height: 26px; color: #fff; background: #76b343; font-weight: bold; font-size: 14px; padding: 0px 15px; margin-right: 20px; display: inline-block;}
.edit_field dd span.go {cursor:pointer; height: 26px; line-height: 26px; color: #fff; background: #43b38d; font-weight: bold; font-size: 14px; padding: 0px 15px; margin-right: 20px; display: inline-block;}
.edit_field dd span.refund { height: 26px; line-height: 26px; color: #fff; background: #ff9320; font-weight: bold; font-size: 14px; padding: 0px 15px; margin-right: 20px; display: inline-block;}
.edit_btn p { font-size: 13px; color: #a3a3a3; margin-bottom: 10px;}
.edit_btn p input[type='checkbox'] { display: inline-block; margin-right: 5px;}
.edit_btn p a { color: #2b8fff;}

/*录音管理*/
.table_box_lylist table td,.table_box_lylist table th { height:45px; line-height:45px;}
.table_box_lylist table td.td_list { background:#eee; border-top:1px #dedede solid; border-bottom:1px #dedede solid;}
.table_box_lylist table td.td_date { color:#67b83d; cursor:pointer;}
.table_box_lylist table table { background:#eee; border:none; margin-bottom:10px; }
.table_box_lylist table table th { background:#eee; border-color:#dedede;}
.table_box_lylist table table th,.table_box_lylist table table td { font-style:italic; font-size:12px; height:35px; line-height:35px;}
.table_box_lylist table .pagenum { line-height:15px; margin-bottom:10px;}

/*im敏感词设置*/
.edit_im_sword h1 .green1 { font-size: 16px;}
.edit_im_sword span.words { display: inline-block; margin: 0px 10px 20px 10px; position: relative;}
.edit_im_sword span.words .words_ctn { padding: 3px 15px; background: #76b343; color: #fff; font-size: 14px; font-weight: bold; font-style: normal; }
.edit_im_sword span.words .del { position: absolute; right: -5px; top: -8px; width: 15px; height: 15px; background: url("../images/verify_icon.png") 0 -30px no-repeat; display: inline-block; cursor: pointer;}

/*消息弹窗*/
.new_msg_box { position: absolute; height: 59px; background: url("../images/msg_icon_org.png") 15px 21px #fffaf1 no-repeat; padding-left: 15px; top: 80px; left: 280px; border-bottom: 1px solid #ffe6c4; z-index: 1; opacity: 0.94; filter:alpha(opacity=92);}
.new_msg_box p { font-size: 14px; color: #ff9600; margin-left: 50px; line-height: 59px;}
.new_msg_box span.close { background: url("../images/close.png") 0 0 no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 17px; cursor: pointer;}
.new_msg_box p a { font-weight: bold; color: #ff9600; display: inline-block; margin: 0px 5px;}

/*公共底部*/
.footer { height: 60px; color: #999; font-size: 12px; background: #f3f4f5; width: 100%; overflow: hidden;}
.footer_side { width: 280px; float: left; display: inline; height: 60px;}
.footer_side .side1 { background: #373839; width: 90px; float: left; display: inline; height: 60px;}
.footer_side .side2 { border-right: 1px #ccc solid; height: 60px;}
.copyright { border-top: 1px #ccc solid; overflow: hidden; padding: 10px 0px 0px 20px;}



/*支付*/
.recharge_form dl dd.type a.active em {
    background: rgba(0, 0, 0, 0) url("../images/type_check.png") no-repeat scroll 0 0;
}
.paySelect{
	width:142px;height:40px;border:1px solid #ccc;margin:1px 0px;text-align: center;cursor: pointer;
}
.payclick{
	width:142px;height:40px;border:1px solid #79b547;
	color:#79b547;
	margin:1px 0px;text-align: center;cursor: pointer;
}
.recharge_step {
    background: rgba(0, 0, 0, 0) url("../images/pay-icon.png") no-repeat scroll 0 0;
    height: 38px;
    margin-bottom: 20px;
    overflow: hidden;
}
.recharge_step2 {
    background: rgba(0, 0, 0, 0) url("../images/pay-icon.png") no-repeat scroll 0px -38px;
    height: 38px;
    margin-bottom: 20px;
    overflow: hidden;
}
.recharge_step ul li span, .recharge_step2 ul li span{
    border: 1px solid #2fb26a;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 6px;
    width: 20px;
}
.recharge_step ul .cur span,.recharge_step2 ul .cur span {
    background: #2fb26a none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
}

#msgValue{
	word-wrap:break-word;
}


