Keine Beschreibung

home.css 21KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459
  1. @font-face {
  2. font-family: "iconfont";
  3. src: url("../fonts/iconfont.eot");
  4. /* IE9*/
  5. src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  6. url("../fonts/iconfont.woff") format("woff"), /* chrome、firefox */
  7. url("../fonts/iconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  8. url("../fonts/iconfont.svg#iconfont") format("svg");
  9. /* iOS 4.1- */
  10. }
  11. .stb {
  12. display: block;
  13. width: 10%;
  14. background-color: #19aad0;
  15. background-image: url(../img/sear1.png);
  16. background-position: center center;
  17. background-repeat: no-repeat;
  18. height: 100%;
  19. float: left;
  20. border: 0;
  21. border-top-right-radius: 3px;
  22. border-bottom-right-radius: 3px;
  23. }
  24. body {
  25. font-family: "微软雅黑";
  26. }
  27. ul li {
  28. list-style: none;
  29. /* overflow: hidden; */
  30. }
  31. .iconfont {
  32. font-family: "iconfont";
  33. font-style: normal;
  34. color: #ffffff;
  35. }
  36. .fr {
  37. float: right;
  38. }
  39. .fl {
  40. float: left;
  41. }
  42. .size-12 {
  43. font-size: 12px;
  44. }
  45. .clearfix{
  46. content: "";
  47. display: block;
  48. clear: both;
  49. }
  50. .title-box {
  51. margin-top: 5px;
  52. }
  53. .title-box li {
  54. margin-left: 30px;
  55. }
  56. .title-box li:hover {
  57. cursor: pointer;
  58. }
  59. .HoverColor {
  60. color: #f8ac59;
  61. }
  62. .FailureColor {
  63. color: #f95f5e;
  64. }
  65. .navbar-header {
  66. width: 100%;
  67. background-color: #048aad;
  68. padding-top: 10px;
  69. }
  70. .title-box li p {
  71. color: #ffffff;
  72. font-size: 14px;
  73. font-weight: bold;
  74. letter-spacing: 2px;
  75. margin-top: 5px;
  76. }
  77. .size-14 {
  78. font-size: 14px;
  79. color: #ffffff !important;
  80. }
  81. .img-circle {
  82. width: 58px;
  83. }
  84. .xian {
  85. border: 1px solid #ffffff;
  86. display: inline-block;
  87. width: 15%;
  88. margin: 5px;
  89. }
  90. .ss {
  91. margin-left: 20px;
  92. }
  93. .fe-3 {
  94. font-size: 3em;
  95. }
  96. .title-box p {
  97. text-align: center;
  98. }
  99. .closed {
  100. display: inline-block;
  101. /* margin-left: 5%;*/
  102. cursor: pointer;
  103. color: #ffffff;
  104. float: right;
  105. margin-right: 5%;
  106. height: 42px;
  107. line-height: 42px;
  108. }
  109. .closed div {
  110. overflow: hidden;
  111. float: left;
  112. height: 100%;
  113. }
  114. .closed ul {
  115. margin-bottom: 0px;
  116. }
  117. .closed li {
  118. float: left;
  119. margin-right: 20px;
  120. }
  121. .closed i {
  122. display: inline-block;
  123. background: url(../img/chilun.png) no-repeat;
  124. margin-right: 5px;
  125. width: 14px;
  126. height: 16px;
  127. vertical-align: middle;
  128. }
  129. .ga {
  130. background-position: 0 0 !important;
  131. }
  132. .sz {
  133. background-position: 0 -15px !important;
  134. }
  135. .tc {
  136. background-position: 0 -33px !important;
  137. }
  138. .zhuangtai {
  139. display: block;
  140. width: 30%;
  141. margin-left: 10px;
  142. font-size: 14px;
  143. font-weight: 800;
  144. }
  145. .wq {
  146. color: #f95f5e;
  147. }
  148. #top-search li:hover {
  149. color: #eaeaea;
  150. }
  151. .content-tabs1 ul {
  152. padding-left: 0;
  153. }
  154. .content-tabs1 li {
  155. list-style: none;
  156. float: left;
  157. height: 5px;
  158. }
  159. .top1 {
  160. background-color: #68adfe;
  161. }
  162. .top2 {
  163. background-color: #9897f0;
  164. }
  165. .top3 {
  166. background-color: #87eebf;
  167. }
  168. .top4 {
  169. background-color: #68b0fe;
  170. }
  171. .top5 {
  172. background-color: #f95a83;
  173. }
  174. .top6 {
  175. background-color: #eb76dd;
  176. }
  177. .top7 {
  178. background-color: #69cbd0;
  179. }
  180. .top8 {
  181. background-color: #69cbd0;
  182. }
  183. .top9 {
  184. background-color: #aaf58d;
  185. }
  186. .top10 {
  187. background-color: #f76a53;
  188. }
  189. .top11 {
  190. background-color: #eb76dd;
  191. }
  192. .top12 {
  193. background-color: #6c77da;
  194. }
  195. .top13 {
  196. background: -webkit-linear-gradient(left, #f073db, #65abfc);
  197. background: -moz-linear-gradient(left, #f073db, #65abfc);
  198. background: -o-linear-gradient(left, #f073db, #65abfc);
  199. background: -webkit-gradient(linear, 100% 0, 0 0, from(#65abfc), to(#f073db));
  200. background: linear-gradient(left, #f073db, #65abfc);
  201. /* Opera 11.1 - 12.0 */
  202. /* Firefox 3.6 - 15 */
  203. /* 标准的语法 */
  204. }
  205. .zts {
  206. height: 30px;
  207. margin-left: 2%;
  208. line-height: 30px;
  209. padding-top: 15px;
  210. }
  211. .zts li {
  212. height: 20px;
  213. line-height: 20px;
  214. font-weight: bold;
  215. letter-spacing: 2px;
  216. }
  217. .quan {
  218. width: 15px;
  219. height: 15px !important;
  220. border-radius: 50%;
  221. margin-right: 2%;
  222. margin-left: 5px;
  223. margin-top: 2px;
  224. }
  225. .lx {
  226. background: #6a6d69;
  227. }
  228. .br {
  229. background: red;
  230. }
  231. .bl {
  232. background: #7ab85b;
  233. }
  234. .by {
  235. background: yellow;
  236. }
  237. .LH {
  238. line-height: 35px;
  239. }
  240. .zts span {
  241. line-height: 20px;
  242. margin-right: 50px;
  243. font-size: 12px;
  244. }
  245. .photo {
  246. width: 40px;
  247. height: 40px;
  248. border-width: 2px;
  249. border-style: solid;
  250. border-radius: 50%;
  251. border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
  252. margin-bottom: 1px;
  253. }
  254. .photo img {
  255. display: block;
  256. width: 100%;
  257. height: 100%;
  258. }
  259. .ls {
  260. /*margin-left: 20px;*/
  261. text-align: center;
  262. overflow: initial !important;
  263. position: relative;
  264. }
  265. .ls .dropdown-menu {
  266. top: 115%;
  267. left: -100%;
  268. width: 320px;
  269. background: rgba(0, 160, 205, 0.92);
  270. }
  271. .ls .dropdown-menu li {
  272. float: initial;
  273. margin-right: 0;
  274. line-height: 25px;
  275. }
  276. .dropdown-menu>li>a {
  277. margin: 0;
  278. color: #555;
  279. padding: 0;
  280. text-align: center;
  281. }
  282. .dropdown-menu>li>a:focus,
  283. .dropdown-menu>li>a:hover {
  284. color: #fff;
  285. text-decoration: none;
  286. background-color: #00a1cb;
  287. }
  288. .dropdown-menu>li>a div {
  289. float: initial;
  290. }
  291. .dropdown-menu>li>a .tipCon {
  292. width: 100%;
  293. overflow: hidden;
  294. white-space: nowrap;
  295. text-overflow: ellipsis;
  296. }
  297. .dropdown-menu>li>a .order_time span {
  298. display: inline-block;
  299. margin: 0;
  300. }
  301. .order_time span.work_order {
  302. float: left;
  303. }
  304. .order_time span.ort {
  305. float: right;
  306. }
  307. .ls span {
  308. margin-right: 18px;
  309. }
  310. .ls span.tuBiao,
  311. .ls span.chat,
  312. .ls span.surIcon {
  313. display: inline-block;
  314. vertical-align: middle;
  315. position: relative;
  316. font-size: 15px;
  317. }
  318. .ls span.chat.come_mess {
  319. color: red;
  320. }
  321. .ls span.surIcon {
  322. font-size: 18px;
  323. }
  324. .ls span.tuBiao span,
  325. .ls span.chat span,
  326. .ls span.surIcon span {
  327. position: absolute;
  328. padding: 3px;
  329. top: -13px;
  330. }
  331. .min-right {
  332. margin-right: 10px;
  333. }
  334. .navbar-top-links i {
  335. width: 24px;
  336. height: 21px;
  337. display: block;
  338. background: url(../img/topIcon.png) no-repeat;
  339. background-position: center center;
  340. margin: 0 auto;
  341. }
  342. /*挂断*/
  343. .DropCall {
  344. background-position: 0px 0 !important;
  345. }
  346. /*外呼*/
  347. .MakeCall {
  348. background-position: 0px -20px !important;
  349. }
  350. /*置忙*/
  351. .SayBusy {
  352. background-position: 0px -42px !important;
  353. }
  354. /*置闲*/
  355. .SayFree {
  356. background-position: 0px -65px !important;
  357. }
  358. /*多方通话*/
  359. .Meeting {
  360. background-position: 0px -85px !important;
  361. }
  362. /*多方通话回签*/
  363. .MeetingTakeBack {
  364. background-position: 0px -85px !important;
  365. }
  366. /*转移*/
  367. .Transfer {
  368. background-position: 0px -108px !important;
  369. }
  370. /*保持*/
  371. .Hold {
  372. background-position: 0px -131px !important;
  373. }
  374. /*接回*/
  375. .Retrieve {
  376. background-position: 0px -153px !important;
  377. }
  378. /*签入*/
  379. .Login {
  380. background-position: 0px -197px !important;
  381. }
  382. /*外呼签入*/
  383. .callOutLogin {
  384. background-position: 0px -197px !important;
  385. }
  386. /*签出*/
  387. .Logout {
  388. background-position: 0px -175px !important;
  389. }
  390. /* 满意度 */
  391. .satisfactionEvaluation {
  392. background: url(../img/satisfactionEvaluation.png) no-repeat !important;
  393. background-size: 24px 21px !important;
  394. }
  395. .navbar-top-links .satisfactionEvaluation.active {
  396. background: url(../img/satisfactionEvaluation2.png) no-repeat !important;
  397. background-size: 24px 21px !important;
  398. }
  399. /*协商呼叫 */
  400. .Consult {
  401. background: url(../img/new_xshj.png) no-repeat 0 0 !important;
  402. }
  403. .navbar-top-links .Consult.active {
  404. background: url(../img/new_xshj2.png) no-repeat 0 0 !important;
  405. }
  406. /*确认转移 */
  407. .ConfirmTransfer {
  408. background: url(../img/new_qrzy.png) no-repeat 0 0 !important;
  409. }
  410. .navbar-top-links .ConfirmTransfer.active {
  411. background: url(../img/new_qrzy2.png) no-repeat 0 0 !important;
  412. }
  413. /*取消转移 */
  414. .CancelTransfer {
  415. background: url(../img/new_qxzy.png) no-repeat 0 0 !important;
  416. }
  417. .navbar-top-links .CancelTransfer.active {
  418. background: url(../img/new_qxzy2.png) no-repeat 0 0 !important;
  419. }
  420. /*转IVR */
  421. .TurnIvr {
  422. background: url(../img/IVR.png) no-repeat 0 0 !important;
  423. }
  424. .navbar-top-links .TurnIvr.active {
  425. background: url(../img/IVR2.png) no-repeat 0 0 !important;
  426. }
  427. .navbar-top-links .active {
  428. background-position-x: -23px !important;
  429. }
  430. .ldcr-bottom .detail-con ul li .active a {
  431. color: #f95a83 !important;
  432. }
  433. .ldcr-bottom .detail-con ul li .active em {
  434. color: #f95a83 !important;
  435. }
  436. .ldcr-bottom .detail-con ul li .active+.explancon {
  437. display: block !important;
  438. }
  439. .searchbtn {
  440. width: 2.5em;
  441. height: 24px;
  442. border-radius: 5px;
  443. position: absolute;
  444. background-color: #01a1cb;
  445. background-image: url(../img/searIcon.png);
  446. background-repeat: no-repeat;
  447. background-position: center center;
  448. cursor: pointer;
  449. }
  450. .max-box {
  451. height: 42px;
  452. /*width: 100%;*/
  453. }
  454. .laydate_body .laydate_bottom,
  455. .laydate_body .laydate_top {
  456. height: 31px !important;
  457. }
  458. .laydate_body .laydate_y .laydate_yms ul li {
  459. width: 59px !important;
  460. }
  461. .col-sm-1 {
  462. padding-right: 0;
  463. line-height: 22px;
  464. text-align: center;
  465. font-family: "微软雅黑";
  466. }
  467. ul.ztree {
  468. border: 1px solid #617775;
  469. background: #f0f6e4;
  470. overflow-y: scroll;
  471. overflow-x: auto;
  472. }
  473. .minBacha {
  474. position: absolute;
  475. top: 0;
  476. right: 80px;
  477. z-index: 10;
  478. overflow: hidden;
  479. }
  480. .minBacha>div {
  481. float: left;
  482. height: 35px;
  483. width: 35px;
  484. margin-left: 2px;
  485. }
  486. .minBacha>div a {
  487. display: block;
  488. height: 100%;
  489. width: 100%;
  490. text-align: center;
  491. background-position: center center;
  492. background-color: #2f4050;
  493. opacity: 0.5;
  494. }
  495. .minBacha>div a:hover {
  496. opacity: 1;
  497. }
  498. .minClosed>a {
  499. background: url("../img/min.png") no-repeat;
  500. }
  501. .Bacha>a {
  502. background: url("../img/gb.png") no-repeat;
  503. }
  504. .lblcount {
  505. position: absolute;
  506. right: 5px;
  507. top: 8px;
  508. }
  509. .first {
  510. z-index: 1000;
  511. }
  512. .khzl {
  513. font-size: 12px;
  514. border: 0;
  515. width: 80%;
  516. margin: 35px auto;
  517. color: #fff;
  518. }
  519. .khzl tr {
  520. border: 0;
  521. }
  522. .khzl th {
  523. padding: 5px 8px 5px 0;
  524. text-align: right;
  525. width: 45%;
  526. font-weight: normal;
  527. border: 0;
  528. }
  529. .khzl tbody>tr>td,
  530. .khzl tbody>tr>th {
  531. border: 0;
  532. }
  533. .khzl tbody>tr>td input {
  534. border: 0;
  535. outline: none;
  536. background: #243747;
  537. padding-left: 5px;
  538. width: 100%;
  539. }
  540. .khbtn {
  541. /*background: #97a0a8;*/
  542. color: #1ab394;
  543. font-size: 14px;
  544. vertical-align: middle;
  545. }
  546. .hei-list {
  547. width: 400px;
  548. margin: 0 auto;
  549. }
  550. .heiTop {
  551. height: 35px;
  552. background: #1ab394;
  553. color: #fff;
  554. line-height: 35px;
  555. padding: 0 15px;
  556. border-top-left-radius: 3px;
  557. border-top-right-radius: 3px;
  558. }
  559. .heiTop .htl {
  560. float: left;
  561. margin: 0;
  562. }
  563. .heiTop .bacha {
  564. float: right;
  565. font-size: 18px;
  566. cursor: pointer;
  567. margin: 0;
  568. }
  569. .heiCon {
  570. width: 100%;
  571. background: #fff;
  572. text-align: center;
  573. padding: 25px 15px;
  574. height: auto;
  575. overflow-y: auto;
  576. border: 1px solid #eee;
  577. }
  578. #time-word {
  579. border: 1px solid #1ab394;
  580. padding: 5px 0 5px 10px;
  581. width: 120px;
  582. outline: none;
  583. color: #000;
  584. }
  585. .chooses {
  586. margin-top: 10px;
  587. }
  588. .btns {
  589. background: #00a1cb;
  590. color: #fff;
  591. padding: 10px 15px;
  592. outline: none;
  593. font-size: 14px;
  594. margin-left: 50px;
  595. display: inline-block;
  596. border: 0;
  597. border-radius: 3px;
  598. box-sizing: border-box;
  599. }
  600. .bianji {
  601. display: inline-block;
  602. height: 16px;
  603. width: 16px;
  604. vertical-align: middle;
  605. margin-right: 5px;
  606. }
  607. .bianji.edi {
  608. background: url(../img/xgai.png) no-repeat;
  609. }
  610. .bianji.sav {
  611. background: url(../img/bbc.png) no-repeat;
  612. }
  613. .bianji.canc {
  614. background: url(../img/quxi.png) no-repeat;
  615. }
  616. .t-shade {
  617. position: fixed;
  618. top: 0;
  619. left: 0;
  620. width: 100%;
  621. height: 100%;
  622. background: rgba(0, 0, 0, 0.48);
  623. z-index: 10004;
  624. display: none;
  625. }
  626. .shade_k {
  627. z-index: 10005;
  628. width: 40%;
  629. left: 30%;
  630. margin: 20% auto;
  631. position: absolute;
  632. background-color: #fff;
  633. box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  634. border-radius: 5px;
  635. }
  636. .shade_title {
  637. padding: 0 80px 0 20px;
  638. height: 42px;
  639. line-height: 42px;
  640. border-bottom: 1px solid #eee;
  641. font-size: 16px;
  642. color: #ffffff;
  643. overflow: hidden;
  644. background-color: #00a1cb;
  645. border-radius: 2px 2px 0 0;
  646. position: relative;
  647. }
  648. .setwin {
  649. position: absolute;
  650. right: 15px;
  651. top: 5px;
  652. font-size: 20px;
  653. line-height: initial;
  654. }
  655. .setwin a {
  656. font-size: 20px;
  657. color: #fff;
  658. }
  659. .shade_content {
  660. overflow-y: auto;
  661. position: relative;
  662. padding-bottom: 50px;
  663. padding: 10px;
  664. }
  665. .wh_btn {
  666. width: 80%;
  667. text-align: center;
  668. padding-top: 20px;
  669. margin: 0 auto;
  670. margin-bottom: 20px;
  671. }
  672. .wh_btn input {
  673. padding: 7px 20px;
  674. color: #fff;
  675. border-radius: 5px;
  676. margin-right: 30px;
  677. border: 1px solid #999;
  678. border-color: rgb(26, 179, 148);
  679. }
  680. .sc_btn {
  681. color: rgb(255, 255, 255);
  682. font-size: 12px;
  683. margin-left: 15px;
  684. box-sizing: border-box;
  685. background: #00a1cb;
  686. padding: 6px 10px;
  687. outline: none;
  688. border-width: 0px;
  689. border-style: initial;
  690. border-color: initial;
  691. border-image: initial;
  692. border-radius: 3px;
  693. }
  694. .sc_btn:hover {
  695. color: #fff !important;
  696. }
  697. .cx {
  698. display: block;
  699. }
  700. .boxCon {
  701. width: 100%;
  702. background: #fff;
  703. text-align: center;
  704. padding: 10px 15px;
  705. height: auto;
  706. overflow-y: auto;
  707. }
  708. .Import {
  709. color: #fe6604;
  710. }
  711. .Hidens {
  712. display: none;
  713. }
  714. /*右下角消息弹框开始*/
  715. /*.rightDown_list .divider{
  716. height: 1px;
  717. margin: 9px 0;
  718. overflow: hidden;
  719. background-color: ;
  720. }*/
  721. .rightDown_list>li {
  722. border-bottom: 1px solid #e5e5e5;
  723. }
  724. .rightDown_list>li>a {
  725. border-radius: 3px;
  726. color: inherit;
  727. line-height: 25px;
  728. /*margin: 4px;*/
  729. text-align: left;
  730. font-weight: 400;
  731. padding: 3px 20px;
  732. min-height: 0;
  733. display: block;
  734. }
  735. .small-chat-box .content {
  736. padding: 5px 15px !important;
  737. }
  738. .small-chat-box {
  739. height: 400px;
  740. }
  741. /*右下角消息弹框结束*/
  742. /*来电类型样式*/
  743. .dicValueList span:nth-of-type(1) {
  744. line-height: 36px;
  745. }
  746. .dicValueList ul {
  747. list-style: none;
  748. margin: 0;
  749. padding: 0;
  750. }
  751. .dicValueList ul li {
  752. float: left;
  753. margin-right: 20px;
  754. text-align: center;
  755. padding: 6px 0;
  756. }
  757. .dicValueList li input {
  758. display: none;
  759. }
  760. .dicValueList li label {
  761. margin: 0;
  762. font-weight: normal;
  763. display: block;
  764. width: 100%;
  765. border: 1px solid #ccc;
  766. padding: 2px 10px;
  767. cursor: pointer;
  768. }
  769. .dicValueList .checkedDept {
  770. border-color: #fe6604;
  771. }
  772. .sele_send {
  773. cursor: pointer;
  774. }
  775. .reply,
  776. .sele_send {
  777. color: #337ab7;
  778. margin-left: 5px;
  779. }
  780. .reply:hover,
  781. .sele_send:hover {
  782. color: #23527c;
  783. }
  784. .chat_content {
  785. height: 45px;
  786. }
  787. .sidebar-container ul.nav-tabs {
  788. height: 41px;
  789. }
  790. /*.tab-content {
  791. height: calc(100% - 41px);
  792. overflow-y: auto;
  793. width: 100%;
  794. padding: 0 0 10px 0;
  795. }*/
  796. /*.layui-layer-content {
  797. box-shadow: 0 1px 3px rgba(0,0,0,.3);
  798. }*/
  799. .phoneBZ {
  800. display: inline-block;
  801. height: 15px;
  802. width: 15px;
  803. position: absolute;
  804. right: 0px;
  805. bottom: -15px;
  806. background: url(../img/phoneBZ.png) no-repeat;
  807. display: none;
  808. }
  809. .open_chat {
  810. font-size: 14px;
  811. line-height: 18px;
  812. text-align: center;
  813. padding: 6px 5px;
  814. -webkit-box-sizing: border-box;
  815. -moz-box-sizing: border-box;
  816. box-sizing: border-box;
  817. position: fixed;
  818. top: 50%;
  819. right: 26px;
  820. z-index: 100;
  821. background: #0489ac;
  822. color: #fff;
  823. cursor: pointer;
  824. display: none;
  825. }
  826. .open_chat .before {
  827. position: absolute;
  828. padding: 5px;
  829. background: red;
  830. border-radius: 50%;
  831. display: none;
  832. right: -4px;
  833. top: -4px;
  834. }
  835. .open_chat .before.show {
  836. display: block !important;
  837. }
  838. .open_chat .before.hide {
  839. display: none !important;
  840. }
  841. .source_area {
  842. position: relative;
  843. }
  844. .source_area img {
  845. display: inline;
  846. width: 15px;
  847. margin-left: 10px;
  848. margin-top: -5px;
  849. }
  850. /* 一键转接 */
  851. .hw_through p select {
  852. height: 19px;
  853. line-height: 19px;
  854. }
  855. .hw_through {
  856. position: relative;
  857. }
  858. .keyTransfer {
  859. width: 24px;
  860. margin: 0 auto;
  861. }
  862. .navbar-top-links .keyTransfer {
  863. background: url(../img/through_xian.png) no-repeat 0 0 !important;
  864. background-size: 21px !important;
  865. }
  866. .navbar-top-links .keyTransfer.active {
  867. background: url(../img/new_qrzy2.png) no-repeat 0 0 !important;
  868. }
  869. .keyTransfer img {
  870. margin-top: 3px;
  871. width: 100%;
  872. }
  873. .keyTransferDiv {
  874. width: 105px;
  875. position: absolute;
  876. right: -40px;
  877. top: 55px;
  878. text-align: center;
  879. background: #ffffff;
  880. border: 1px solid #cccccc;
  881. display: none;
  882. z-index: 999999;
  883. }
  884. .keyTransferDiv dl {
  885. margin: 0;
  886. }
  887. .keyTransferDiv dl dt {
  888. line-height: 30px;
  889. }
  890. .keyTransferDiv dl dt:hover {
  891. cursor: pointer;
  892. background: #048aad;
  893. color: #ffffff;
  894. }
  895. .mapPos {
  896. margin-right: 15px;
  897. }
  898. .reposit {
  899. /*position: absolute;
  900. left: 250px;
  901. bottom: 15px;*/
  902. margin-left: 50px;
  903. -moz-border-radius: 20px;
  904. -webkit-border-radius: 20px;
  905. border-radius: 20px;
  906. background: #FFA000;
  907. color: #ffffff;
  908. width: 40px;
  909. height: 40px;
  910. line-height: 40px;
  911. text-align: center;
  912. cursor: pointer;
  913. display: inline-block;
  914. }
  915. /*.repoConte {
  916. position: absolute;
  917. right: 60px;
  918. top: 35px;
  919. display: none;
  920. padding: 5px 10px;
  921. width: 1000px;
  922. height: 530px;
  923. border: 1px solid #e6e6e6;
  924. background: #ffffff;
  925. overflow-y: scroll;
  926. }*/
  927. /* 综合查询 */
  928. .comprehensive {
  929. /*position: absolute;
  930. left: 300px;
  931. bottom: 15px;*/
  932. margin-left: 50px;
  933. -moz-border-radius: 20px;
  934. -webkit-border-radius: 20px;
  935. border-radius: 20px;
  936. background: #FFA000;
  937. color: #ffffff;
  938. z-index: 2;
  939. width: 40px;
  940. height: 40px;
  941. line-height: 40px;
  942. text-align: center;
  943. cursor: pointer;
  944. display: inline-block;
  945. }
  946. .comprehensiveContent {
  947. position: absolute;
  948. right: 60px;
  949. top: 35px;
  950. display: none;
  951. padding: 5px 10px;
  952. width: 1300px;
  953. height: 530px;
  954. border: 1px solid #e6e6e6;
  955. background: #ffffff;
  956. overflow-y: scroll;
  957. }
  958. .comprehensiveContentSerrch {
  959. margin: 15px 0 10px 0;
  960. }
  961. .comprehensiveContentSerrch .form-group .col-sm-1 {
  962. line-height: 34px;
  963. }
  964. .content {
  965. height: 450px !important;
  966. }
  967. .top_notices_num {
  968. color: #ff9800;
  969. position: absolute;
  970. right: 15px;
  971. top: -17px;
  972. }
  973. .top_notices_lists {
  974. position: absolute;
  975. top: 24px;
  976. background-color: #ecfeff;
  977. width: 310px;
  978. z-index: 1000;
  979. border-radius: 0;
  980. padding: 10px;
  981. border-radius: 2px;
  982. box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
  983. overflow-y: auto;
  984. max-height: 500px;
  985. display: none;
  986. }
  987. .top_notices_lists li span {
  988. color: #048aad;
  989. }
  990. .top_notices_con {
  991. display: inline-block;
  992. float: left;
  993. width: 200px;
  994. height: 42px;
  995. white-space: nowrap;
  996. overflow: hidden;
  997. text-overflow: ellipsis;
  998. /*position: absolute;*/
  999. }
  1000. .top_notices_con1 {
  1001. display: inline-block;
  1002. width: 100%;
  1003. /*height: 100%;*/
  1004. float: left;
  1005. /*text-align: center;*/
  1006. font-size: 14px;
  1007. }
  1008. .top_notices_item1 {
  1009. height: 100%;
  1010. font-size: 0px;
  1011. }
  1012. .btn-primary {
  1013. float: right;
  1014. }
  1015. .tan_ping {
  1016. overflow-y: auto;
  1017. /*max-height: 200px;*/
  1018. background-color: #ccc;
  1019. border-radius: 5px;
  1020. position: absolute;
  1021. bottom: 50px;
  1022. right: 80px;
  1023. z-index: 111;
  1024. width: 300px;
  1025. height: 150px;
  1026. display: none;
  1027. }
  1028. .last_li {
  1029. position: absolute;
  1030. bottom: 0;
  1031. width: 100%;
  1032. }
  1033. .news {
  1034. margin-top: 10px;
  1035. width: 100%;
  1036. height: 110px;
  1037. }
  1038. .tan_ping button {
  1039. background-color: #048aad;
  1040. margin: 5px;
  1041. cursor: pointer;
  1042. color: #fff;
  1043. text-align: center;
  1044. border: none;
  1045. border-radius: 5px;
  1046. }
  1047. #chuli {
  1048. float: right;
  1049. }
  1050. #top_notices_lists1 {
  1051. height: 100%;
  1052. }
  1053. .result_str {
  1054. display: block;
  1055. float: left;
  1056. text-align: center;
  1057. }
  1058. #result {
  1059. min-width: 370px;
  1060. min-height: 140px;
  1061. }
  1062. .operation_bj {
  1063. float: right;
  1064. }
  1065. .reflectCategory-wrapper {
  1066. position: relative;
  1067. }
  1068. .reflectCategoryList-wrapper {
  1069. display: none;
  1070. position: absolute;
  1071. top: 38px;
  1072. z-index: 9999;
  1073. line-height: 32px;
  1074. background: #FFF;
  1075. }
  1076. #reflectCategoryList {
  1077. height: 240px;
  1078. background: #FFF;
  1079. border: 1px solid #e5e6e7;
  1080. overflow: auto;
  1081. }
  1082. #reflectCategoryList li {
  1083. padding: 0 10px;
  1084. width: 100%;
  1085. line-height: 32px;
  1086. }
  1087. #reflectCategoryList li:hover {
  1088. background: #00a1cb;
  1089. }
  1090. /*来电弹屏*/
  1091. .listW15{ width: 13%;}
  1092. .listW17{ width: 17%;}
  1093. .listW18{ width: 18%;}
  1094. .listW19{ width: 19%;}
  1095. .listW20{ width: 20%;}
  1096. .listW30{ width: 30%;}
  1097. .listW35{ width: 35%;}
  1098. .listW45{ width: 45%;}
  1099. .listW52{ width: 52%;}
  1100. .listW68{ width: 68%;}
  1101. .listW85{ width: 85%;}
  1102. .lineHeight36{ line-height: 36px;}
  1103. .orderForm{
  1104. margin-top: 30px;
  1105. }
  1106. #dicForms{
  1107. content: "";
  1108. display: block;
  1109. clear: both;
  1110. }
  1111. .dicLeft,.dicRight{
  1112. float: left;
  1113. width: 50%;
  1114. }
  1115. .dicLeft .form-group{ display: flex;}
  1116. .dicLeft .form-group .labelTit{
  1117. text-align: right;
  1118. line-height: 36px;
  1119. }
  1120. .Nows_box .labelTit{
  1121. text-align: right;
  1122. line-height: 36px;
  1123. }
  1124. .Nows_box .labelContent textarea{
  1125. padding: 5px;
  1126. width: 100%;
  1127. }
  1128. .dicLeft .form-group .labelContent{ margin-left: 15px;}
  1129. .dicLeft .form-group .labelContent .radioStyle{
  1130. margin-left: 15px;
  1131. }
  1132. .dicLeft .form-group .labelContent textarea{
  1133. padding: 5px;
  1134. width: 100%;
  1135. }
  1136. .dicLeft .form-group .labelContent select option{
  1137. padding: 5px;
  1138. width: 98%;
  1139. }
  1140. .dicLeft .form-group .labelContent .form-control{
  1141. padding: 5px;
  1142. width: 100%;
  1143. }
  1144. .dicLeft .form-group .labelContent{
  1145. font-weight: normal;
  1146. }
  1147. .dicBtn{
  1148. width: 100%;
  1149. padding-top: 20px;
  1150. }
  1151. .historyCon{
  1152. overflow: hidden;
  1153. }
  1154. .historyCon .complainL{
  1155. float: left;
  1156. width: 49%;
  1157. }
  1158. .historyCon .complainR{
  1159. float: right;
  1160. width: 50%;
  1161. }
  1162. .table-responsive table thead tr th{
  1163. background-color:#1AA3C7 ;
  1164. }
  1165. /*.table-striped>tbody>tr{
  1166. background-color:#DAF3F8 !important;
  1167. }*/
  1168. .list tr td{
  1169. border-top: 1px solid #8D9EA6 !important;
  1170. border-left: 1px solid #8D9EA6 !important;
  1171. }
  1172. .bootstrap-table .table{
  1173. border-bottom: 1px solid #8D9EA6 !important;
  1174. border-right: 1px solid #8D9EA6 !important;
  1175. }
  1176. .bootstrap-table .table > thead > tr > th{
  1177. border-bottom: 1px solid #8D9EA6 !important;
  1178. border-right: 1px solid #8D9EA6 !important;
  1179. }
  1180. .files{
  1181. display: inline-block;
  1182. background: #666;
  1183. color: #fff !important;
  1184. font-size: 12px;
  1185. padding: 8px 5px !important;
  1186. border: 0 !important;
  1187. margin-left: 8px !important;
  1188. margin-bottom: 3px;
  1189. }
  1190. .fileBox{
  1191. display: inline-block;
  1192. }