link-wechat-web-pc/phone/qlSoftPhone/styles/newSoftPhone.css

@charset "UTF-8";
.qlSoftPhoneBox .clean{ clear:both; height:0; font-size: 1px; line-height: 0px; overflow:hidden; padding:0}
.qlSoftPhoneBox .clear:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
/*清除软电话浏览器默认样式*/
.qlSoftPhoneBox div, .qlSoftPhoneBox span ,.qlSoftPhoneBox a, .qlSoftPhoneBox em,.qlSoftPhoneBox img, .qlSoftPhoneBox b, .qlSoftPhoneBox i,.qlSoftPhoneBox dl,.qlSoftPhoneBox dt,.qlSoftPhoneBox dd,.qlSoftPhoneBox ul, .qlSoftPhoneBox li,.qlSoftPhoneBox form,.qlSoftPhoneBox label{margin: 0;padding: 0;border: 0;vertical-align: baseline;font: inherit;font-size: 100%;}
.qlSoftPhoneBox ol, .qlSoftPhoneBox ul {list-style: none;}
.qlSoftPhoneBox a,.qlSoftPhoneBox button,.qlSoftPhoneBox :focus,.qlSoftPhoneBox a:focus,.qlSoftPhoneBox button:focus,.qlSoftPhoneBox a:active,.qlSoftPhoneBox a:hover {outline: 0;}
.qlSoftPhoneBox a {-webkit-user-drag: none;text-decoration: none;&[href]:hover {cursor: pointer;}}
.qlSoftPhoneBox button,.qlSoftPhoneBox input,.qlSoftPhoneBox select,.qlSoftPhoneBox textarea {margin: 0; /* 3 */font-size: 100%; /* 2 */font-family: inherit; /* 1 */outline-offset: 0; /* 4 */outline-style: none; /* 4 */outline-width: 0; /* 4 */-webkit-font-smoothing: inherit; /* 5 */background-image: none; /* 6 */background-color: transparent;}
.qlSoftPhoneBox button,.qlSoftPhoneBox input {line-height: normal;}
.qlSoftPhoneBox button,.qlSoftPhoneBox select {text-transform: none;background-color: transparent;}
.qlSoftPhoneBox button,.qlSoftPhoneBox input[type="button"], /* 1 */.qlSoftPhoneBox input[type="reset"],.qlSoftPhoneBox input[type="submit"] {cursor: pointer; /* 3 */-webkit-appearance: none; /* 2 */}
.qlSoftPhoneBox button[disabled],.qlSoftPhoneBox html input[disabled] {cursor: default;}
.qlSoftPhoneBox button::-moz-focus-inner,.qlSoftPhoneBox input::-moz-focus-inner {padding: 0;border: 0;}
.qlSoftPhoneBox img {-webkit-user-drag: none;}
.qlSoftPhoneBox input{ border: none;}
.qlSoftPhoneBox a{cursor: pointer;}
.qlSoftPhoneBox div, .qlSoftPhoneBox p, .qlSoftPhoneBox span, .qlSoftPhoneBox a, .qlSoftPhoneBox img, .qlSoftPhoneBox table, .qlSoftPhoneBox tr, .qlSoftPhoneBox td, .qlSoftPhoneBox body, .qlSoftPhoneBox html, .qlSoftPhoneBox ul, .qlSoftPhoneBox li, .qlSoftPhoneBox button, .qlSoftPhoneBox input, .qlSoftPhoneBox textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.qlSoftPhoneBox input[type="text"]{text-indent: 10px;}

.unselectable {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none; -ms-user-select: none;user-select: none;}/*禁止选中复制文字*/
 /*横向软电话*/
.softPhoneTopBox{position:absolute;top:0px;z-index:98;left:0px;}
.softPhoneTopBox .loginBox_phone{float:left; padding:5px 3px 0 3px; font-size:12px;}
.softPhoneTopBox .loginBox_phone input{height:20px;border:1px solid #ddd; background:#fff; color:#585858; float:left; margin-bottom:2px; text-indent:3px;}
.softPhoneTopBox .loginBox_phone input.gh{ width:40px; margin-right:5px;}
.softPhoneTopBox .loginBox_phone input.fjh{width:76px;}
.softPhoneTopBox .loginBox_phone input::-webkit-input-placeholder { color:#aaa; }
.softPhoneTopBox .loginBox_phone input::-moz-placeholder { color:#aaa; }
.softPhoneTopBox .loginBox_phone button{ float:left;font-size:12px; border:1px solid #ddd; width:58px; height:20px; line-height:17px; color:#666; padding-left:20px; text-align:left;}
.softPhoneTopBox .loginBox_phone button.qr{background:url(../images/background_top/login.png) 3px 0 no-repeat; background-size:contain; margin-right:5px;}
.softPhoneTopBox .loginBox_phone button.qr.dis:hover{background:url(../images/background_top/login.png) 3px 0 no-repeat; background-size:contain;}
.softPhoneTopBox .loginBox_phone button.qr:hover{border-color:#31C177;color:#31C177;background:url(../images/background_top/login_h.png) 3px 0 no-repeat; background-size:contain; }
.softPhoneTopBox .loginBox_phone button.qc{background:url(../images/background_top/logout.png) 3px 0 no-repeat; background-size:contain;}
.softPhoneTopBox .loginBox_phone button.qc:hover{border-color:#F45454;color:#F45454; background:url(../images/background_top/logout_h.png) 3px 0 no-repeat; background-size:contain; }
.softPhoneTopBox .loginBox_phone button.qc.dis:hover{background:url(../images/background_top/logout.png) 3px 0 no-repeat; background-size:contain;}
.softPhoneTopBox .loginBox_phone button.dis,.softPhoneTopBox .loginBox_phone button.dis:hover{ cursor:no-drop; color:#999; border:1px solid #eee;}
/*技能组*/
.softPhoneTopBox .selectGroup{display:inline-block;float:left;font-size:12px; background:#d8d8d8; margin:4px 0 0 5px; height:42px;padding:2px 8px;border-radius:6px;text-align:center; position:relative;}
.softPhoneTopBox .selectGroup b{display:block;line-height:20px; color:#585858;}
.softPhoneTopBox .selectGroup span{display:block; color:#898989;}
.softPhoneTopBox .selectGroup:hover{border-radius:6px 6px 0 0;}
.softPhoneTopBox .selectGroup .groupBox{display:none;background:#F1F3F4;min-width:100px;padding:8px;min-height:50px;height:auto;border:1px solid #E4E4E4;position:absolute;top:42px;left:0px;z-index:1;box-shadow:1px 1px 5px #d1d1d1;}
.softPhoneTopBox .selectGroup:hover .groupBox{display:block;}
.softPhoneTopBox .selectGroup .groupBox label{display:block;line-height:20px;color:#333;font-size:12px;text-align:left;cursor:pointer;}
.softPhoneTopBox .selectGroup .groupBox label:hover{color:#38A9FF;}
.softPhoneTopBox .selectGroup_dis{cursor:no-drop;}
.softPhoneTopBox .selectGroup_dis b{ color:#888;}
.softPhoneTopBox .selectGroup_dis span{ color:#aaa;}
.softPhoneTopBox .selectGroup_dis:hover{border-radius:6px;}
.softPhoneTopBox .selectGroup_dis:hover .groupBox{ display:none;}

.softPhoneTopBox .state{display:inline-block;float:left;}
.softPhoneTopBox .state .sl{display:inline-block;float:right;padding:6px 0 0 0; margin-left:5px; position:relative; cursor:pointer;}
.softPhoneTopBox .state .sl b{display:block;line-height:20px;height:20px;color:#fff; text-align:center;font-size:12px;border-radius:10px;}
.softPhoneTopBox .state .sl b.blue{ background:#38A9FF;}
.softPhoneTopBox .state .sl i{ line-height:20px; font-size:16px; font-weight:700; color:#666;}
.softPhoneTopBox .state .sr{ display:inline-block;float:left; padding-top:4px;cursor:pointer; margin:0 5px;}
.softPhoneTopBox .state .sr b{display:inline-block;width:42px;height:40px;border-radius:8px;font-size:12px;color:#fff;text-align:center;padding-top:2px;position:relative;}
.softPhoneTopBox .state .sr b i{ width:20px; height:20px; margin:0 auto; display:block;}
.softPhoneTopBox .state .sr b.sm{background:#31C177;}
.softPhoneTopBox .state .sr b.sx{background:#F45454;}
.softPhoneTopBox .state .sr b.sm i{background:url(../images/background_top/sx.png) no-repeat center;}
.softPhoneTopBox .state .sr b.sx i{background:url(../images/background_top/sm.png) no-repeat center;}
.softPhoneTopBox .state .sr b.sx_dis{background:#FBB9B9; cursor:no-drop;}
.softPhoneTopBox .state .sr b.sx_dis i{background:url(../images/background_top/sm.png) no-repeat center;}
.softPhoneTopBox .state .sr b.sm_dis{background:#C1EED7; cursor:no-drop;}
.softPhoneTopBox .state .sr b.sm_dis i{background:url(../images/background_top/sx.png) no-repeat center;}
.softPhoneTopBox em{display:inline-block; float:left; width:50px; height:50px; text-align:center; font-size:12px;position:relative;}
.softPhoneTopBox em>a{color:#ccc;background:url(../images/background_top/kjt_h1.png) 0 0 no-repeat; display:block; width:50px; height:50px; line-height:78px; cursor:no-drop;}
.softPhoneTopBox em.on>a{color:#666;background:url(../images/background_top/kjt_h2.png) 0 0 no-repeat; cursor:pointer;}
.softPhoneTopBox em:hover.on>a,.softPhoneTopBox em.sed>a{background:url(../images/background_top/kjt_h3.png) no-repeat;color:#38A9FF;}
.softPhoneTopBox em a.jt,.softPhoneTopBox em:hover.on>a.jt,.softPhoneTopBox em.sed>a.jt{ background-position:0px 0; z-index:10;}
.softPhoneTopBox em a.bh,.softPhoneTopBox em:hover.on>a.bh,.softPhoneTopBox em.sed>a.bh{ background-position:-50px 0px; z-index:9;}
.softPhoneTopBox em a.bc,.softPhoneTopBox em:hover.on>a.bc,.softPhoneTopBox em.sed>a.bc{ background-position:-350px 0; z-index:8;}
.softPhoneTopBox em a.hcl,.softPhoneTopBox em:hover.on>a.hcl,.softPhoneTopBox em.sed>a.hcl{ background-position:-100px 0; z-index:7;}
.softPhoneTopBox em a.zx,.softPhoneTopBox em:hover.on>a.zx,.softPhoneTopBox em.sed>a.zx{ background-position:-150px 0px; z-index:6;}
.softPhoneTopBox em a.hy,.softPhoneTopBox em:hover.on>a.hy,.softPhoneTopBox em.sed>a.hy{ background-position:-250px 0px; z-index:5;}
.softPhoneTopBox em a.zj,.softPhoneTopBox em:hover.on>a.zj,.softPhoneTopBox em.sed>a.zj{ background-position:-200px 0px; z-index:4;}
.softPhoneTopBox em a.gl,.softPhoneTopBox em:hover.on>a.gl,.softPhoneTopBox em.sed>a.gl{ background-position:-300px 0px; z-index:3;}
.softPhoneTopBox em a.cr,.softPhoneTopBox em:hover.on>a.cr,.softPhoneTopBox em.sed>a.cr{ background-position:-400px 0px; z-index:2;}
.softPhoneTopBox em a.gd,.softPhoneTopBox em:hover.on>a.gd,.softPhoneTopBox em.sed>a.gd{ background-position:-450px 0px; z-index:2;}
.softPhoneTopBox em a.hf,.softPhoneTopBox em:hover.on>a.hf,.softPhoneTopBox em.sed>a.hf{ background-position:-500px 0px; z-index:2;}
.softPhoneTopBox em a.sz,.softPhoneTopBox em:hover.on>a.sz,.softPhoneTopBox em.sed>a.sz{ background-position:-550px 0px; z-index:2;}
.softPhoneTopBox em .why,.softPhoneTopBox .state .sl .why{display:none;background:#F1F3F4;min-width:100px;padding:8px;min-height:50px;height:auto;border:1px solid #E4E4E4;position:absolute;top:50px;left:-25px;z-index:1;box-shadow:1px 1px 5px #d1d1d1;}
.softPhoneTopBox .state .sl .why{right:-40px;}
.softPhoneTopBox em .why:after,.softPhoneTopBox .state .sl .why:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: -5px;left:45px;}
.softPhoneTopBox .state .sl .why{ width:150px;}
.softPhoneTopBox em:hover.on .hcl{background: url(../images/background_top/kjt_h3.png) -100px 0 no-repeat}
.softPhoneTopBox em:hover.on .why,.softPhoneTopBox .state .sl:hover .why{display:block;}
.softPhoneTopBox .state .sl:hover .hide{display:none;}
.softPhoneTopBox em:hover.on .why label,.softPhoneTopBox .state .sl .why label{display:block;line-height:20px;color:#333;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;}
.softPhoneTopBox em:hover.on .why label:hover{color:#38A9FF;}
.softPhoneTopBox .state .sr b.sm .why{display:none;background:#F1F3F4;min-width:100px;padding:8px;min-height:50px;height:auto;border:1px solid #E4E4E4;position:absolute;top:42px;left:-29px;z-index:1;box-shadow:1px 1px 5px #d1d1d1;}
.softPhoneTopBox .state .sr b.sm .why:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: -5px;left:45px;}
/*.softPhoneTopBox .state .sr b.sm:hover .why{display:block;}*/
.softPhoneTopBox .state .sr b.sm .why label{display:block;line-height:20px;color:#333;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;}
.softPhoneTopBox .state .sr b.sm .why span{display:block;line-height:20px;color:#888;font-size:12px;text-align:left;white-space:nowrap; border-bottom:1px dashed #999; margin-bottom:5px; padding-bottom:5px;}
.softPhoneTopBox .state .sr b.sm .why label:hover{color:#38A9FF;}
.softPhoneTopBox .state .sr b.sm_dis .why{display:none;}

.softPhoneTopBox em .inputNumBox{ height:50px;color:#555; border:1px solid #E4E4E4; border-width:1px 0;}
.softPhoneTopBox em .inputNumBox select{float:left; width:60px; height:50px; padding-left:10px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; background-color:#0673D9; font-size:14px; color:#eee;}
.softPhoneTopBox em .inputNumBox select::-ms-expand {display:none; }
.softPhoneTopBox em .inputNumBox ul{display:inline-block;float:left;width:40px;height:50px;text-align:center;}
.softPhoneTopBox em .inputNumBox ul li{display:block;line-height:25px;height:25px;font-size:12px;background:#0673D9;cursor:pointer;}
.softPhoneTopBox em .inputNumBox ul li.sed{background:#0093FF;cursor:default;}
.softPhoneTopBox em .inputNumBox input{width:178px;border:0px;height:50px;line-height:50px;font-size:24px;color:#555;text-align:center;float:left;}
.softPhoneTopBox em .inputNumBox input.w262{width:262px;}
.softPhoneTopBox em .inputNumBox i.del{display:inline-block; float:right;width:50px;height:50px;background:url(../images/background_top/delNum.png) no-repeat center; cursor:pointer;}
.softPhoneTopBox em .inputNumBox i.jpzk{display:inline-block; float:left;width:50px;height:50px;background:url(../images/background_top/jp_zk2.png) no-repeat center; cursor:pointer;}
.softPhoneTopBox em .inputNumBox i.jpss{display:inline-block; float:left;width:50px;height:50px;background:url(../images/background_top/jp_ss2.png) no-repeat center; cursor:pointer;}
.softPhoneTopBox em .inputNumBox i.bd{display:inline-block; float:right;width:50px;height:50px;background:url(../images/background_top/callRecord_min2.png) no-repeat center; cursor:pointer;}
.softPhoneTopBox em .inputNumBox i.add{display:inline-block; float:right;width:50px;height:50px;background:url(../images/background_top/add_h.png) no-repeat center; cursor:pointer;}
.softPhoneTopBox em .inputKey{margin:5px auto 6px auto; text-align:center; display:table;padding:0 15px;-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}
.softPhoneTopBox em .inputKey ul{display:table-row;}
.softPhoneTopBox em .inputKey ul li{width:78px;max-height:48px;font-size:26px;line-height:48px;border:1px solid #E4E4E4;display:table-cell;cursor:pointer; color:#666; font-family:'微软雅黑';}
.softPhoneTopBox em .inputKey ul li.border1{ border-width:0 1px 1px 0;}
.softPhoneTopBox em .inputKey ul li.border2{ border-width:0 0px 1px 0;}
.softPhoneTopBox em .inputKey ul li.border3{ border-width:0 1px 0px 0;}
.softPhoneTopBox em .inputKey ul li.del{border-width:0;font-size:0px;background:url(../images/background_top/delNum_h.png) center no-repeat;}
.softPhoneTopBox em .inputKey ul li:hover{ background:#e4e4e4;}
.softPhoneTopBox em .inputKey ul li:hover.del{background:#F45454 url(../images/background_top/delNum.png) center no-repeat;}
.softPhoneTopBox em .telRecordBox{ color:#666;padding:8px;}
.softPhoneTopBox em .telRecordBox .tit{ line-height:35px;text-align:left;text-indent:8px; color:#999;}
.softPhoneTopBox em .telRecordBox dl.ls{height:20px;line-height:20px; font-size:12px;}
.softPhoneTopBox em .telRecordBox dl:hover.ls{ cursor:pointer; color:#38A9FF;}
.softPhoneTopBox em .telRecordBox dl.ls dt{width:60px; display:inline-block; float:right; text-align:right; padding-right:8px;}
.softPhoneTopBox em .telRecordBox dl.ls dd{display:inline-block;float:left; width:160px; text-align:left;margin-left:8px;}
.softPhoneTopBox em .adviceBox{width:280px;background: #F1F3F4;border: 1px solid #E4E4E4;position: absolute;top: 50px;right: -115px;z-index: 1;box-shadow:1px 1px 5px #d1d1d1;padding:8px;}
.softPhoneTopBox em .adviceBox:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: -5px;right:50%; margin-right:-3px;}
.softPhoneTopBox em .adSearch{height:25px;padding:2px 0px;font-size:12px;}
.softPhoneTopBox em .adviceBox .adSearch label{float:left; line-height:20px; color:#666;}
.softPhoneTopBox em .adviceBox .adSearch label i{ cursor:pointer;}
.softPhoneTopBox em .adviceBox .adSearch label i.zuo{display:inline-block;width:30px;height:15px;background:url(../images/background_top/btn_left_2.png) no-repeat center;vertical-align:middle;margin:0 5px;}
.softPhoneTopBox em .adviceBox .adSearch label i.you{display:inline-block;width:30px;height:15px;background:url(../images/background_top/btn_right_2.png) no-repeat center;vertical-align:middle;margin:0 5px;}
.softPhoneTopBox em .adSearch form{float:right; display:block; width:120px; height:20px; border:1px solid #ccc;border-radius:3px;}
.softPhoneTopBox em .adSearch input[type="text"]{height:20px;width:100px;border:0px;color:#666;line-height:20px; text-indent:5px;float:left;}
.softPhoneTopBox em input::-webkit-input-placeholder {color: #aaa !important;}
.softPhoneTopBox em input:-moz-placeholder {color: #aaa !important; }
.softPhoneTopBox em input::-moz-placeholder {color: #aaa !important; }
.softPhoneTopBox em input::-ms-input-placeholder {color: #aaa !important; }
.softPhoneTopBox em .adSearch input[type="submit"]{height:20px;width:20px;background:url(../images/background_top/search_b.png) no-repeat center;border:0px;float:left;font-size:0px;}
.softPhoneTopBox em .zxList{height:260px; border:1px solid #D4D4D4; position:relative;margin:5px 0px;}
.softPhoneTopBox em .zxList .zxLeft{ width:80px; height:258px; float:left; overflow:auto;}
.softPhoneTopBox em .zxList .zxLeft a{display:block;height:30px;line-height:30px;text-align:center; color:#666; font-size:12px;}
.softPhoneTopBox em .zxList .zxLeft a.sed{background:#E5E6E6;}
.softPhoneTopBox em .zxList .zxRight{width:180px;height:258px; background:#E5E6E6;float:left; padding:5px 0px; text-align:left; overflow:auto;}
.softPhoneTopBox em .zxList .zxRight label{ font-size:12px; display:inline-block; width:80px; padding:3px 0; line-height:18px;}
.softPhoneTopBox em .zxList .zxRight label input{ vertical-align:middle; margin-right:5px;}
.softPhoneTopBox em .zxList .zxRight input[type='radio'].radio {opacity:0; display:inline-block; height:20px; }
.softPhoneTopBox em .zxList .zxRight span.radio {background:url(../images/background_top/radio.png) no-repeat 0 0;height:20px;padding-left:25px;display:inline-block;color:#666;cursor:pointer;}
.softPhoneTopBox em .zxList .zxRight input[type='radio'].radio:checked + .radio {background:url(../images/background_top/radio.png) no-repeat 0 -20px;}
.softPhoneTopBox em .zxBtn{font-size:12px;margin-top:5px;width:260px;padding-bottom:5px;}
.softPhoneTopBox em .zxBtn a{margin:5px 0 0 0;display:inline-block; height:25px; padding:0 17px; color:#666; border:1px solid #999; line-height:25px;border-radius:100px;}
.softPhoneTopBox em .zxBtn a:hover{ background:#999; color:#fff;}
.softPhoneTopBox em .outLine{ border-bottom:1px solid #E4E4E4; margin-top:5px;}
.softPhoneTopBox em .manage{width:280px;background: #F1F3F4;border: 1px solid #E4E4E4;position:absolute;top:50px;right:-115px;z-index: 1;box-shadow:1px 1px 5px #d1d1d1;padding:8px;}
.softPhoneTopBox em .manage:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: -5px;right:50%; margin-right:-3px;}
.softPhoneTopBox em .manage .adSearch form{width:260px; float:inherit;}
.softPhoneTopBox em .manage .adSearch input[type="text"]{ width:240px;}
.softPhoneTopBox em dl.title{ position:relative; margin:3px 0 12px 0;}
.softPhoneTopBox em dl.title dt{width: 100%;height: 1px;background: #e4e4e4;}
.softPhoneTopBox em dl.title dd{position:absolute;display:inline-block;padding:0 10px;background:#e4e4e4;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px;color:#aaa;}
.softPhoneTopBox em .inputKeyBox{width:280px;background: #F1F3F4;border: 1px solid #E4E4E4;position:absolute;top:50px;right:-115px;z-index: 1;box-shadow:1px 1px 5px #d1d1d1;}
.softPhoneTopBox em .inputKeyBox:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform:rotate(-45deg);position: absolute;top: -5px;right:50%; margin-right:-3px;}
.softPhoneTopBox em .inputKeyBox .outLine{border-bottom:0px; margin:0px;}
.softPhoneTopBox em .inputKeyBox .inputNumBox{border-top:0px;}

.softPhoneTopBox em .numberKey{width:234px;background: #F1F3F4;border: 1px solid #E4E4E4;position:absolute;top:50px;right:-90px;z-index: 1;box-shadow:1px 1px 5px #d1d1d1;-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}
.softPhoneTopBox em .numberKey:after{content:"";width:6px;height:6px;background:#F1F3F4;border: 1px solid #E4E4E4;border-left: none;border-bottom: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform:rotate(-45deg);position: absolute;top: -5px;right:50%; margin-right:-3px;}
.softPhoneTopBox em .numberKey input{width:234px;border:0px; height:50px; line-height:50px; font-size:24px; color:#555; text-align:center; border-bottom:1px solid #e4e4e4; padding:0 8px;}
.softPhoneTopBox em .numberKey ul{display:table-row;}
.softPhoneTopBox em .numberKey ul li{width:78px; max-height:48px; font-size:26px; line-height:48px;border:1px solid #E4E4E4; display:table-cell;cursor:pointer; color:#666; font-family:'微软雅黑';}
.softPhoneTopBox em .numberKey ul li.border1{ border-width:0 1px 1px 0;}
.softPhoneTopBox em .numberKey ul li.border2{ border-width:0 0px 1px 0;}
.softPhoneTopBox em .numberKey ul li.border3{ border-width:0 1px 0px 0;}
.softPhoneTopBox em .numberKey ul li.border4{ border-width:0 1px 0px 0; font-size:38px;vertical-align:middle; padding-top:10px; height:40px; line-height:38px;}
.softPhoneTopBox em .numberKey ul li.border5{ border-width:0;}
.softPhoneTopBox em .numberKey ul li.del{border-width:0;font-size:0px;background:url(../images/background_top/delNum_h.png) center no-repeat;}
.softPhoneTopBox em .numberKey ul li:hover{ background:#e4e4e4;}
.softPhoneTopBox em .numberKey ul li:hover.del{background:#F45454 url(../images/background_top/delNum.png) center no-repeat;}