/* CSS Document */
/*全局样式*/
*{ margin:0; padding:0;}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
a{blr:expression(this.onFocus=this.blur())}
:focus{outline:0;}
a:hover{ text-decoration:none;}
body{max-width:640px;font-size:14px; margin:0 auto; background-color:#f5f5f5; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#333;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden}
.clearfix{ zoom:1;}
.content{ max-width:640px; margin:0 auto; padding-bottom:14%;}
/*header*/
#head{ background-color:#17a2e7; padding:2% 4% 2% 4%; margin:0 auto;}
.head a img{ vertical-align:middle;}
.head-text{ float:left; width:75%; color:#FFF; margin-left:4%; font-size:18px; text-align:center;}
.arrow{ width:3%; display:block; float:left;}
.arrow img,.home img,.share img{ width:100%;}
.share{ width:6%; display:block; float:left;}
.home{ width:6%; display:block; float:right;}
/*banner*/
.banner img{ width:100%;}
/*footer*/
.footer{ position:fixed; height:55px; line-height:55px; max-width:640px; margin:0 auto; bottom:0; left:0; right:0; background:#e4e4e4; text-align:center; font-size:16px; border-top:1px solid #c7c7c7;}
.footer a{ display:block; width:100%; color:#888;}


/**************************办理页（未开通）页面****************************************/
/*点赞*/
.tyllb{ background-color:#FFF; padding:0 2%; height:40px; line-height:40px; border-bottom:1px solid #ebebeb; font-size:14px;}
.tyllb span{ float:right; display:inline-block; height:40px; line-height:40px; width:40%; text-align:right; margin-right:4%;}
.tyllb span img{ vertical-align:middle; width:20px; height:20px; margin-bottom:8px; margin-right:6%; cursor:pointer}
/*您申请加入的集团*/
.apply-jion{padding:3% 4%; font-size:14px; color:#404040;border-bottom:1px solid #ebebeb;}
.workernum{ padding:3% 4%; font-size:14px; background:#FFF; border-bottom:1px solid #ebebeb;}
.workernum span{ color:#4197e7; display:block; width:20%; text-align:left; font-size:14px;}
.workernum span,.workernum input{ float:left;}
.workernum input{ border:0; width:75%; color:#888; padding-top:1%;}
/*场景介绍 业务介绍*/
.tab-introduce{ border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; margin-top:2%;}
.tab-introduce ul li{ width:49.8%; float:left; color:#4c4c4c; text-align:center; padding:3% 0;background-color:#e4e4e4; font-size:14px;}
.tab-introduce ul li.li-middle{ border-left:1px solid #c3c3c3;}
.tab-introduce ul li.selected{ background-color:#fff}
/* .introduce-text ul{ background-color:#fff;} */
.introduce-text ul img{ width:100%; vertical-align:top;}
/* .introduce-text ul.intro-text p{ display:block; padding:2% 2% 3% 2%; line-height:22px; text-indent:2em; text-align:left; font-size:14px;} */
/*看了又看*/
.lookandlook{ background:#f5f5f5;}
.look-text{ width:95%; margin:0 auto;}
.look-title{ padding:4% 0;}
.look-title span{ display:block; margin-top:2%; float:left; width:35%; height:1px; border-bottom:1px solid #c6c6c6}
.look-title p{ display:block; text-align:center; float:left; width:30%; color:#666;}
/* slideBox */
.ban li img{width:100%;}
.slideBox {position: relative;overflow: hidden;z-index:0}
.bd {position: relative;z-index: 0;}
.slideBox .hd{position:absolute;left:50%;bottom:3px;text-align:center;margin-left:-25px;}
.slideBox .hd ul li{width:8px;height:8px;background:#ccc;border-radius:5px;display:block;margin:0px 4px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox .hd ul li.on{background:#f60}

/**************************输入同事号码查询页面****************************************/
.workernum img{ width:6%; float:right; margin-top:0.5%; width:18px; height:18px;}
.workernum input.value{ width:50%;} 
.footer-chaxun{ background:#ff5001;}
.footer-chaxun a{ color:#FFF;}

/**************************选择集团套餐****************************************/
.workernum{ color:#ff5001}
.product-type{ width:95%; margin:0 auto; height:45px; line-height:45px; font-size:14px;}
.bottom-border{ border-bottom:1px solid #c6c6c6; padding-bottom:8%;}
.type-con,.effective-time,.changeset{ width:320px; margin:0 auto;}
.type-con ul li ul li,.effective-time ul li,.changeset ul li{ width:98px; font-size:14px; line-height:18px;text-align:center;border:1px solid #D7D7D7;border-radius:5px;background:#fff; padding:2% 0;margin:10px 0px 10px 5px;float:left;}
.type-con ul li ul li.cur,.effective-time ul li.cur,.changeset ul li.cur{ position:relative; border-color:#FF6E03}
.type-con ul li ul li.cur:after,.effective-time ul li.cur:after,.changeset ul li.cur:after{ position:absolute; right:0; bottom:0; width:20px; height:20px; content:""; display:block; background:url(../../../images/imges/kdcur.png) no-repeat; background-size:20px 20px;}
.effective-time{ margin-bottom:10%;}
/*footer 办理*/
.footer-handle{ background-color:#FFF; max-width:640px; margin:0 auto; z-index:10; border-top:1px solid #ebebeb; position:fixed; font-size:16px; bottom:0; left:0; right:0;}
.footer-left,.footer-right{ width:50%; float:left; height:55px;}
.footer-left p{ display:block; width:90%; text-align:right;}
.footer-left p.p1{ color:#373737; margin-top:8px; font-size:16px;}
.footer-left p.p2{ color:#999; font-size:12px;}
.footer-left p span{ color:#ffa100;}
.footer-right{text-align:center; font-size:16px; background-color:#ff5001; line-height:55px; color:#FFF;}
.footer-right a{ display:block; width:100%; height:55px; color:#FFF;text-align:center;}
.sxtime{ width:320px; margin:0 auto;}

/**************************办理页（已开通）页面****************************************/
.already-open{ width:92%; padding:0 4%; background:#fff;}
.workernum span.long-or-short{ width:25%;}
.group-name{border-bottom:1px dotted #ebebeb; font-size:14px; line-height:40px;}
.group-name p{ display:block; float:left;}
.group-name p.name{ color:#4197e7; width:20%;}
.group-name p.name-text{ width:67%; color:#888; line-height:24px; margin-top:9px;}
.group-name span{ display:block; float:right; width:12%; border:1px solid #ff5001; border-radius:3px; color:#ff5001; text-align:center; height:20px; line-height:20px; margin-top:10px;}
.footer-opened{ position:fixed; bottom:0; left:0; right:0; max-width:640px; height:55px; line-height:55px; margin:0 auto; font-size:16px; text-align:center;}
.footer-opened a{ display:block; width:33.33333333%; float:left; color:#FFF;}
.footer-opened a.quit{ background:#ff9900}
.footer-opened a.changegroup{ background:#ff6600}
.footer-opened a.changemassage{ background:#ff3300}

/**************************变更集团页面****************************************/
.note{ color:#888; border-bottom:0;}
.footer-change a{ display:block; float:left; width:50%;}
.footer-change a.query{background:#ff5001; color:#FFF;}

/**************************长短号查询页面****************************************/
.workernum input.phonenumber{ width:50%;} 
.workernum span.search{ float:right; display:block; float:right; width:12%; border:1px solid #4197e7; border-radius:3px; color:#4197e7; text-align:center; height:20px; line-height:20px;}
.workernum img.delete{ width:18px; height:18px; margin-right:5%;}

/**************************查询结果页面****************************************/
.workernum span.longnumber,.workernum span.shortnumber{ width:10%; float:left;}
.workernum p.longnumber,.workernum p.shortnumber{ width:45%; float:left; color:#888}
.workernum p.shortnumber{ width:35%;}

.group-name p.font-color{ color:#ff5001}

/*弹窗*/
.loading{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:20;}
.remind{ position:fixed; top:25%; left:10%; width:80%; background:#FFF; border-radius:5px; z-index:30; font-size:14px;}
.remind-titile{ text-align:center; border-bottom:1px solid #23a3ff; color:#0195ff; padding:4% 0; font-size:16px;}
.bisiness{ padding:4% 0 1% 8%; text-align:left; color:#ff7723; overflow:hidden;}
.bisiness-text ul li{ padding:1% 0 1% 8%; overflow:hidden;}
.bisiness-text ul li p,.bisiness-text ul li span{ display:block; float:left; text-align:left;}
.bisiness-text ul li p{ width:32%; color:#a3a3a3}
.bisiness-text ul li span{ width:60%; color:#666}
.shure-qx-btn{ padding-left:8%; margin:5% 0;}
.qx,.shure{ width:41%; padding:2% 0; text-align:center; float:left; cursor:pointer}
.qx{ background-color:#c9c9c9; color:#535353}
.shure{ background-color:#0195ff; color:#FFF; margin-left:10%;}
.shure-qx-btn1{ padding-right:8%;}
.shure1{ float:none; margin-left:0;}
.cgopen{ padding:4% 8% 6% 8%; text-align:left; color:#666;}


/*slideBox*/
.slideBox1 {position: relative;z-index:0; background-color:#f5f5f5;}
.bd {position: relative;z-index: 0;}
.bd ul li{ width:100%;}

.bd ul li table{ width:100%; color:#362e2b; font-size:14px; table-layout: fixed; word-break: break-all;}
.bd ul li table tr td{ width:30%; background-color:#fff; text-align:center; border:1px solid #a8a5a5; border-radius:5px; vertical-align:top; padding:2%;}
.bd ul li table tr td span{ color:#aaa; font-size:12px;}

.bd ul li table tr td.active{ border:1px solid #ffa800; position:relative;}
.bd ul li table tr td.active:after{ content:''; display:block; position:absolute; width:24px; height:24px; right:0; bottom:0; background:url(../../../images/imges/kdcur.png) no-repeat; background-size:24px 24px;}

.bd ul li table tr td.cur{ border:1px solid #8fc320; position:relative;}
.bd ul li table tr td.cur:after{ content:''; display:block; position:absolute; width:24px; height:24px; right:0; top:0; background:url(../../../images/imges/green.png) no-repeat; background-size:24px 24px;}


.slideBox1 .hd{position:absolute;left:50%;bottom:-30px;text-align:center;margin-left:-19px; z-index:9999}
.slideBox1 .hd ul li{width:6px;height:6px;border: 1px solid #CCC;border-radius: 100px;border-radius:5px;display:block;margin:0px 6px;display:inline-block;text-indent:-9999px;cursor:pointer;}
.slideBox1 .hd ul li.on{background: #39F;}



/* 业务详情 表格样式 需要加在css文件里 */
.table-d { border-collapse: collapse; border-spacing: 0; width:100%; border: 1px solid #666; font-size: 12px; color: #333; }
.table-d tr td, .table tr th { border:  1px solid #666; padding: 10px; word-break: break-all; vertical-align: middle; text-align: center; padding: 5px 2px; }
.table-d tr th { font-weight: bold; background: #a2cbfa; }
.table-d tr td:nth-child(2) {background:#d9e5bd;}
.table-d tr td:nth-child(3), 
.table-d tr td:nth-child(4) {background:#ddd9c5;}
.table-d tr td:nth-child(5) {background:#fdd5b5;}
.table-d tr td.td-color1 { background:#d9e5bd; }
.table-d tr td.td-color2 { background:#ddd9c5; }
.table-d tr td.td-color3 { background:#fdd5b5; }

/* 业务详情 文字排版样式 需要加在css文件里*/
.introduce-text .artical { padding:5px 0; color:#333; }
.introduce-text .artical p { padding:5px 10px 0; text-indent:25px; font-size:14px; line-height:25px; }
.introduce-text .artical em { font-style:normal; }
.introduce-text .artical .numlist { position:relative; padding-left:35px; text-indent:0; }
.introduce-text .artical .numlist span { position:absolute; left:0; top:5px; text-align:right; width:35px; }
.introduce-text .artical .numlist-child { position:relative; padding-left:70px; text-indent:0; }
.introduce-text .artical .numlist-child span { position:absolute; left:35px; top:5px; text-align:right; width:35px; }