﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5% ! important;} 
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;margin:0;/*padding:0;*/border:0;font-size:100%; } 
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } 
audio:not([controls]) { display: none; height: 0; }
body{font-weight:normal; background-color:#fff; color:#000;}
*{outline:none;}


/*字体大小是页面默认大小的100%，即16像素。
h1 {font-size: 1.5em;} h1的大小是默认大小的1.5倍，即24像素（16*1.5）。
small {font-size: 0.875em;}small元素的大小是默认大小的0.875倍，即14像素（16*0.875）*/


ul,ol{list-style-type:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur()); color:#000;}
a:visited{text-decoration:none;blr:expression(this.onFocus=this.blur());}
a:hover,a:focus,a:active,a:visited{text-decoration:none;outline:none;} 

.b{color:#000 ! important;}
li:focus{outline:none;}
fieldset,img{border:0}
q,blockquote{quotes:"" ""}
q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}
ins{text-decoration:underline}
sup{vertical-align:super;}
sub{vertical-align:sub;}
cite,em,dfn{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th,td{font-weight:normal;text-align:left;}
input,textarea,select,button{font-size:100%;margin:0;padding:0;}
label,button{cursor:pointer}
.red{color:red !important;}
button,input,select,textarea{font-size:100%;}
.fr{ float:right;}
.fl{ float:left;}
.show { display:block;}
.hidden{display:none;}
input[type=text],input[type=password]{border:1px solid #dfdfdf;outline:none;} 
h1,h2,h3,h4,h5,h6{font-weight: normal;color:#000}
.clear{clear: both;width: 100%;font-size:0px;height:0px;background:none;border:none;_zoom:1;}
.shadow{box-shadow: 1px 1.732px 2px 0 rgba(4, 0, 0, 0.3);}
.clearfix:before,.clearfix:after{ content:""; display:table; } 
.clearfix:after{clear:both;} 
.clearfix{ *zoom:1;/*IE/7/6*/ }
a:link,a:visited{ color:#333;}
a:hover { color:#006600;}
input:focus,button:focus,*:focus { outline: none; }
.w100{width:100%;}
.w90{width:90%;float:left;}
.w80{width:80%;float:left;}
.w70{width:70%;float:left;}
.w60{width:60%;float:left;}
.w50{width:50%;float:left;}
.w40{width:40%;float:left;}
.w45{width:40%;float:left;}
.w30{width:30%;float:left;}
.w20{width:20%;float:left;}
.w10{width:10%;float:left;}
.w9{width:9%;float:left;}
.w8{width:8%;float:left;}
.w7{width:7%;float:left;}
.w6{width:6%;float:left;}
.w5{width:5%;float:left;}
.w4{width:4%;float:left;}
.w3{width:3%;float:left;}
.w2{width:2%;float:left;}
.w1{width:1%;float:left;}
.w80px{width:80px ! important;}
.wauto{width:auto}

.ml5{margin-left:5px ! important}
.ml10{margin-left:10px ! important}
.ml15{margin-left:15px ! important}
.ml20{margin-left:20px ! important}

.ml1p{margin-left:1%;}
.ml2p{margin-left:2%;}
.ml3p{margin-left:3%;}
.ml4p{margin-left:4%;}
.ml5p{margin-left:5%;}
.ml6p{margin-left:6%;}
.ml7p{margin-left:7%;}
.ml8p{margin-left:8%;}
.ml9p{margin-left:9%;}
.ml10p{margin-left:10%;}


.mr5{margin-right:5px ! important}
.mr10{margin-right:10px ! important}
.mr15{margin-right:15px ! important}
.mr20{margin-right:20px ! important}

.mr1p{margin-right:1%;}
.mr2p{margin-right:2%;}
.mr3p{margin-right:3%;}
.mr4p{margin-right:4%;}
.mr5p{margin-right:5%;}
.mr6p{margin-right:6%;}
.mr7p{margin-right:7%;}
.mr8p{margin-right:8%;}
.mr9p{margin-right:9%;}
.mr10p{margin-right:10%;}


.mtb5{margin-top:5px ! important;margin-bottom:5px ! important;}
.mtb10{margin-top:10px ! important;margin-bottom:10px ! important;}
.mtb15{margin-top:15px ! important;margin-bottom:15px ! important;}
.mtb20{margin-top:20px ! important;margin-bottom:20px ! important;}
.mtb25{margin-top:25px ! important;margin-bottom:25px ! important;}
.mtb30{margin-top:30px ! important;margin-bottom:30px ! important;}

.ptb5{padding-top:5px ! important;padding-bottom:5px ! important;}
.ptb10{padding-top:10px ! important;padding-bottom:10px ! important;}
.ptb15{padding-top:15px ! important;padding-bottom:15px ! important;}
.ptb20{padding-top:20px ! important;padding-bottom:20px ! important;}
.ptb25{padding-top:25px ! important;padding-bottom:25px ! important;}
.ptb30{padding-top:30px ! important;padding-bottom:30px ! important;}


.plr5{ padding-left:5px ! important; padding-right:5px ! important;}
.plr10{padding-left:10px ! important;padding-right:10px ! important;}
.plr15{padding-left:15px ! important;padding-right:15px ! important;}
.plr20{padding-left:20px ! important;padding-right:20px ! important;}
.plr25{padding-left:25px ! important;padding-right:25px ! important;}
.plr30{padding-left:30px ! important;padding-right:30px ! important;}


.pt5{padding-top:5px ! important; }
.pt10{padding-top:10px ! important;}
.pt15{padding-top:15px ! important;}
.pt20{padding-top:20px ! important;}
.pt25{padding-top:25px ! important;}
.pt30{padding-top:30px ! important;}

.pb5{padding-bottom:5px ! important;}
.pb10{padding-bottom:10px ! important;}
.pb15{padding-bottom:15px ! important;}
.pb20{padding-bottom:20px ! important;}
.pb25{padding-bottom:25px ! important;}
.pb30{padding-bottom:30px ! important;}



.top1p{ top: 1%; }
.top2p{ top: 2%; }
.top3p{ top: 3%; }
.top4p{ top: 4%; }
.top5p{ top: 5%; }
.top6p{ top: 6%; }
.top7p{ top: 7%; }
.top8p{ top: 8%; }
.top9p{ top: 9%; }
.top10p{ top: 10%; }
.top20p{ top: 20%; }
.top30p{ top: 30%; }
.top40p{ top: 40%; }
.top50p{ top: 50%; }

.center{text-align:center;}


.ten_height_grey{height:15px;background-color:#f2f2f2;}


/*头部公用*/
/*.headerzone{text-align:center;color:#fff;background-color:#42a3db;position:relative;height:40px;line-height:40px; }
.headerzone .goback{position:absolute;width:18px;height:18px;left:15px;top:50%;margin-top:-9px;background:url(/cellweb/images/new/svg/back.svg) no-repeat center; }/*返回上一级*/

.header-title{ position: fixed; top: 0; left: 0; background: #42a3db; height:45px; width: 100%; text-align: center; line-height: 45px; font-size: 16px; color: #fff; z-index: 3; } 

.header-title .icons{position:absolute;top:0px;width:30%;height:100%;background-position-y:center;background-repeat:no-repeat;}
.header-title .licon{left:0px;background-position-x:10%;}
.header-title .ricon{right:0px;background-position-x:85%;}

/*.header-title .goback{position:absolute;top:0px;left:15px;width:30%;height:100%;background:url(/cellweb/images/new/svg/back.svg) no-repeat left center; }返回上一级*/
/*.header-title .delete{position:absolute;top:0px;right:15px;width:30%;height:100%;background:url(/cellweb/images/new/svg/delete_white.svg) no-repeat right center; }删除*/
/*.header-title .edit{position:absolute;top:0px;right:15px;width:30%;height:100%;background:url(/cellweb/images/new/svg/edit.svg) no-repeat right  center; }编辑*/
/*.header-title .add{position:absolute;top:0px;right:15px;width:30%;height:100%;background:url(/cellweb/images/new/svg/add_white.svg) no-repeat right  center; }增加*/
.header-title .up_sd{background-image:url(/cellweb/images/new/svg/upload.svg); }/*SD上传*/
.header-title .delete{background-image:url(/cellweb/images/new/svg/delete_white.svg)  }/*删除*/
.header-title .goback{background-image:url(/cellweb/images/new/svg/back.svg); }/*上一级*/
.header-title .edit{background-image:url(/cellweb/images/new/svg/edit.svg)  ; }/*编辑*/
.header-title .add{background-image:url(/cellweb/images/new/svg/add_white.svg) }/*增加*/


.dblock{ display:block;}

.blanktoheader{ background-color: #fff; line-height: 45px; height: 45px;  } /*由于header fixed定位，空白出来占位*/

section{padding:0 20px;}

#ddlModal.modal {top: auto;  bottom: 0;}/*下拉弹窗时用*/
#ddlModal.modal .modal-dialog {  margin: 0px;width: auto; }/*x弹窗内容全屏*/
#ddlModal.modal .modal-content {  border: 0px solid #999; border: 0px solid rgba(0,0,0,.2); border-radius: 0px;  }
#ddlModal.modal .modal-header { padding: 0px; border-bottom: 1px solid #e5e5e5; text-align:center; position:fixed;width:100%;left:0px;top:0px;z-index:2; height:45px;line-height:45px;overflow:hidden; background-color:#fff;}
#ddlModal.modal .modal-body { min-height: 70px; z-index: 1; max-height: 400px; padding: 45px 0; overflow-x: hidden; overflow-y: scroll; }
#ddlModal.modal .modal-body ul { }

#ddlModal.modal .modal-body ul li{height:45px;line-height:45px;padding:0 15px;border-bottom: 1px solid #e5e5e5;color:#42a3db; overflow:hidden;}
#ddlModal.modal .modal-body ul li.active{background:url(/cellweb/images/new/svg/ok.svg) no-repeat 99% center; }

#ddlModal.modal .modal-footer { padding: 0; text-align: center; border-top: 5px solid #e5e5e5;position:fixed;width:100%;left:0px;bottom:0px;z-index:2;height:45px;line-height:45px;overflow:hidden;  background-color:#fff;}


.dropdown ul{ display:none;}

.row_list{/*padding-top:0.5rem;padding-bottom:25px;*/}

.list_top{padding-top:10px; padding-bottom:5px;}/**/
.list_top div{height:35px;line-height:35px;padding:0px;width:50%;float:left;}/**/
.list_top .ltleft{ text-align:left;}
.list_top .ltright{ text-align:right;}


.row_item{ border-bottom:solid 1px #f2f2f2;padding:15px  0; display:block;}/*每一行*/
.row_item.tsline{ border-top:solid 1px #f2f2f2;}/*每一行*/
.row_name{padding-bottom:5px; font-size:16px;}
.name_arrow{ background:url(/cellweb/images/new/svg/jiantou.svg) no-repeat right center;}
a.rn_icon{display:block;background-position-x:left;background-position-y:center;background-repeat:no-repeat;height:50px;line-height:50px; padding-left:40px;font-size:16px;}
a.rn_icon.rninfo{background-image:url(/cellweb/images/new/svg/info.svg);}
a.rn_icon.rnmessage{background-image:url(/cellweb/images/new/svg/message.svg);}
a.rn_icon.rncontacts{background-image:url(/cellweb/images/new/svg/contacts.svg);}
a.rn_icon.rnnetwork{background-image:url(/cellweb/images/new/svg/network.svg);}
a.rn_icon.rnPIN{background-image:url(/cellweb/images/new/svg/pin.svg);}
a.rn_icon.rnlogin{background-image:url(/cellweb/images/new/svg/login.svg);}
a.rn_icon.rnpoweroff{background-image:url(/cellweb/images/new/svg/poweroff.svg);}
a.rn_icon.rnreboot{background-image:url(/cellweb/images/new/svg/reboot.svg);}
a.rn_icon.rnreset{background-image:url(/cellweb/images/new/svg/reset.svg);}
a.rn_icon.rnupgrade{background-image:url(/cellweb/images/new/svg/upgrade.svg);}
a.rn_icon.rntime{background-image:url(/cellweb/images/new/svg/time.svg);}
.icon_refresh{background:url(/cellweb/images/new/svg/refresh.svg) no-repeat right center;}




input.incell{border:solid 1px #fff;color:#42a3db;display: block; width: 100%; height: 35px;line-height:35px; padding: 0px;  background-color: #fff; background-image: none; font-size:16px; }
input.incell.go{ background:url(/cellweb/images/new/svg/right.svg) no-repeat right center;}
input.incell.go.ddlrencrypt,input.incell.go.ddlMaxLink{border-color:#ccc ! important;border-bottom-color:#fff ! important; background:none ! important;}

.input_box{height:20px;line-height:20px;}
.input_box .numinput{color:#42a3db;font-size:16px;width:100%;height:25px;line-height:25px;border:none;margin:0;padding:0px;}
.c6{color:#666}
.c4a{color:#A4A4A4}
.f16{font-size:16px ;}
.f12{font-size:12px ;}
.f14{font-size:14px ;}
.r_zero{right:0px;}

.btn {  padding: 0px; margin-bottom: 0; line-height: 40px;height: 40px;  font-size:16px; }
.dropdown-menu li{width:100%;margin:0px;padding:0px 15px;height:25px;line-height:25px;overflow:hidden;}
.dropdown-menu {width:100%; border-radius: 0px;    margin:  0 ! important;border-bottom:none;border-left:none;border-right:none;box-shadow: none;}

.dropdown-menu.MaxLink-menu li{width:12.5%;float:left;text-align:center;padding:0px;height:20px;line-height:20px;overflow:hidden;}

.btnslist{}
.btn_save{background-color:#42a3db;color:#fff;}
.btn_recovery{background-color:#fff;color:#42a3db; border:solid 1px #42a3db;}
.btn_upgrade{background-color:#fff;color:#42a3db; border:solid 1px #42a3db; font-size:16px;line-height:1.6;}

/*a upload */ 
.a-upload {height: 40px; line-height: 40px; position: relative; cursor: pointer; background-color: #fff;font-size:16px; color: #42a3db ! important; border: solid 1px #42a3db;width:100%;text-align:center;border-radius: 4px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1 } 
.a-upload input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer } 
.a-upload:hover { color: #444; background: #eee; border-color: #ccc;color: #A4A4A4 ! important; text-decoration: none }
.a-upload:active,.a-upload:visited{color: #42a3db ! important; border: solid 1px #42a3db;}


.row_list .row_item.checkbox_item{ padding:15px 0;}/*复选框每一行*/
.row_list .row_item.checkbox_item .name{height:36px;line-height:36px;/*width:60%;*/overflow:hidden;float:left; font-size:16px;}/*复选框每一行*/
.icheckbox{height:36px;line-height:36px;overflow:hidden;background-position:right center;background-repeat:no-repeat;background-image:url(/cellweb/images/new/svg/on.svg);}

.icheckbox.on{ }
.icheckbox.off{background-image:url(/cellweb/images/new/svg/off.svg); }

.icheckbox2{height:36px;line-height:36px;overflow:hidden;background-position:right center;background-repeat:no-repeat;background-image:url(/cellweb/images/new/svg/on.svg);}
.icheckbox2.on{ }
.icheckbox2.off{background-image:url(/cellweb/images/new/svg/off.svg); }


/*tabs*/
.small_tabs{padding:0px;}/*无子内容，就是左右互切换*/
.small_tabs div { border: solid 1px #42a3db; height: 25px; line-height: 25px; text-align: center; font-size: 10px; overflow: hidden; width: 50%; float: left; } /*按钮外框*/
.tab_active{background-color:#42a3db;color:#fff;}/*激活按钮*/
.topleftround{border-radius: 4px 0px 0px 4px;}/*上左角是圆角*/
.toprightround{border-radius: 0px 4px 4px 0px;}/*上右角是圆角*/



.deviceinfo{text-align:left;}/*设备名称等*/
.deviceinfo .name{color:#000;font-size:14px;padding-bottom:5px;}
.deviceinfo .mac, .ip{color:#A4A4A4;font-size:12px;}

.w50.ldate{color:#A4A4A4;text-align:left;padding-left:10px;}
.w50.rdata{text-align:right;padding-right:10px;}


.search_box{padding:15px 0; position:relative;}
.search_box input.txtkey{background:#f2f2f2 url(/cellweb/images/new/svg/search.svg) no-repeat 12px center; text-align:center;}
.search_box .btnCancle{width: 50px; height: 100%; position: absolute; right: 0px; top: 0%;background:url(/cellweb/images/new/delete12.png) no-repeat center; cursor:pointer; display:none;}

.no_data{padding:15px;text-align:center;color:#555;border-top:solid 1px #f2f2f2; display:none;}/*搜索无结果*/

.telname,.uname{padding-bottom:5px; font-size:16px;}
.telname span{float:right; color:#42a3db; font-size:1rem; display:block;padding-top:0.2rem;}
.item_des,.utel{color:#A4A4A4; font-size:1rem; height:2rem;line-height:2rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.delitem{position:absolute;top:0px;right:0px;cursor:pointer; height:100%;width:30px;overflow: hidden; background:url(/cellweb/images/new/svg/delete_huise.svg) no-repeat right center;}
.sms_item{position:absolute;top:0px;right:40px;cursor:pointer;display:inline-block; height:100%;width:30px;overflow: hidden; background:url(/cellweb/images/new/svg/Envelope24.png) no-repeat right center;}




.mima_eye{width: 18px; height: 11px; position: absolute; right: 10px; top: 14px;}/*密码框上眼睛*/
.mima_eye.eye_disabled{background:url(/cellweb/images/new/svg/eye-disabled.svg) no-repeat center;}
.mima_eye.eye_enabled{background:url(/cellweb/images/new/svg/eye.svg) no-repeat center;}

.passpr .mima_eye.eye_disabled{background:url(/cellweb/images/new/1/eye-disabled-b.png) no-repeat center;}
.passpr .mima_eye.eye_enabled{background:url(/cellweb/images/new/1/eye-b.png) no-repeat center;}

.smallgrey{font-size:12px;color:#A4A4A4;}
.colorgrey7{ color:#A4A4A4;}
.result_item{ font-size:16px;}



.linkicon{height:24px;line-height:24px;padding-left:32px; background-position:left center; margin-left:0; background-repeat:no-repeat;}
.success{color:#26bf19; background-image:url(/cellweb/images/new/svg/connected.svg);}
.fail{color:#e20c0c;/*background-image:url(/cellweb/images/new/svg/disconnected.svg);*/}



.modal-content .nametelbox{padding:0px 10px;}
.modal-content .nametelbox input.form-control{margin-bottom:15px;}
.modal-content .nametelbox input.form-control.txtTel{background:url(/cellweb/images/new/svg/add-huise.svg) no-repeat 8px center;padding-left:30px;}

.modal-content  h3{text-align:center;font-size:1.6rem;padding:15px 0;}
.modal-content .btnsbox{padding:0;border-top:solid 1px #ebebeb;}
.modal-content .btnsbox div{text-align:center;padding:10px 0;}

/*.btn_create,.btn_confirm,btn_poweroff,.btn_reboot{border-left:solid 1px #ebebeb;color:#fff;background: #42a3db}*/




.pathinfo{ height:42px;line-height:42px;background-color:#f9f9f9;}
.pathinfo span{ color:#cecece;font-size:12px; display:inline-block;padding:0 5px;}
.pathinfo a{color:#828282;font-size:12px; display:inline-block;}

.popboxinfo .modal-content h3{text-align:center;font-size:1.6rem;padding:20px 0 10px 0;}
.popboxinfo .modal-content p,.popboxinfo .modal-content .pop_des{text-align:center;font-size:1.0rem;color:#555;padding:0 15px 15px 15px;}
.modal-content .pop_process{text-align:center;font-size:1.0rem;color:red;}
.popboxinfo .modal-content .btnsbox{padding:0px;border-top:solid 1px #ebebeb;}
.popboxinfo .modal-content .btnsbox div{text-align:center;}
.popboxinfo .modal-content .btnsbox .delete{color:red;}
.blboder{border-left: solid 1px #ebebeb;}



@media (max-width: 767px) {
.modal-dialog {  margin: auto 10%; }


}

