index.css 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212
  1. header {
  2. width: 100%;
  3. padding: 15px 50px 15px 15px;
  4. background-color: #005395;
  5. line-height: 66px;
  6. color: #fff;
  7. font-size: 18px;
  8. position: relative;
  9. z-index: 1;
  10. }
  11. .logo .line {
  12. margin: 0 16px;
  13. }
  14. .logo img {
  15. height: 36px;
  16. }
  17. .logOut {
  18. line-height: 36px;
  19. cursor: pointer;
  20. position: relative;
  21. }
  22. .logOut .down {
  23. display: inline-block;
  24. width: 14px;
  25. height: 9px;
  26. background: url(../imgs/icon_xiala.png) center no-repeat;
  27. -ms-behavior: url(backgroundsize.min.htc);
  28. behavior: url(backgroundsize.min.htc);
  29. background-size: cover;
  30. }
  31. .logOut .up {
  32. display: inline-block;
  33. width: 14px;
  34. height: 9px;
  35. background: url(../imgs/icon_shangla.png) center no-repeat;
  36. -ms-behavior: url(backgroundsize.min.htc);
  37. behavior: url(backgroundsize.min.htc);
  38. background-size: cover;
  39. }
  40. .logOut .logOutWrap {
  41. display: none;
  42. width: 100%;
  43. position: absolute;
  44. top: 40px;
  45. left: 0;
  46. height: 34px;
  47. text-align: center;
  48. z-index: 9;
  49. overflow: hidden;
  50. border-radius: 6px;
  51. behavior: url(PIE.htc);
  52. font-size: 14px;
  53. }
  54. .logOut .logOutWrap li {
  55. height: 34px;
  56. line-height: 34px;
  57. background-color: #fff;
  58. color: #333;
  59. padding-left: 16px;
  60. }
  61. .logOut .logOutWrap li:hover {
  62. background-color: #e6eef4;
  63. }
  64. .bg {
  65. position: absolute;
  66. left: 0;
  67. bottom: 0;
  68. width: 100%;
  69. min-width: 1300px;
  70. }
  71. article {
  72. width: 100%;
  73. position: absolute;
  74. top: 66px;
  75. left: 0;
  76. right: 0;
  77. bottom: 0;
  78. background: url(../imgs/BG_web.png) center no-repeat;
  79. -ms-behavior: url(backgroundsize.min.htc);
  80. behavior: url(backgroundsize.min.htc);
  81. background-size: cover;
  82. padding: 16px 0;
  83. }
  84. article > .content {
  85. width: 1020px;
  86. height: 100%;
  87. margin: 0 auto;
  88. }
  89. article > .content .left,
  90. article > .content .right {
  91. width: 300px;
  92. height: 100%;
  93. display: inline-block;
  94. overflow: hidden;
  95. }
  96. article > .content .center {
  97. width: 400px;
  98. height: 100%;
  99. margin: 0 10px;
  100. position: relative;
  101. }
  102. article > .content .left {
  103. position: relative;
  104. }
  105. .left .top {
  106. width: 100%;
  107. height: 216px;
  108. position: absolute;
  109. overflow: hidden;
  110. }
  111. .left .bottom {
  112. width: 100%;
  113. height: 100%;
  114. padding-top: 226px;
  115. }
  116. .left .bottom .con {
  117. width: 100%;
  118. height: 100%;
  119. position: relative;
  120. }
  121. .left .bottom .con .con-wrap {
  122. width: 100%;
  123. overflow-y: auto;
  124. position: absolute;
  125. top: 41px;
  126. left: 0;
  127. right: 0;
  128. bottom: 0;
  129. }
  130. .opcBg {
  131. border-radius: 8px;
  132. background: #fff;
  133. background: rgba(255, 255, 255, 0.85);
  134. filter: alpha(opacity=85);
  135. }
  136. .opcBg .opcBg_searchBox {
  137. width: 100%;
  138. top: 41px;
  139. right: 0;
  140. margin-top: 0;
  141. display: none;
  142. }
  143. .opcBg .opcBg_title {
  144. height: 40px;
  145. padding-left: 0;
  146. }
  147. .opcBg .opcBg_item {
  148. height: 100%;
  149. line-height: 40px;
  150. width: 50%;
  151. text-align: center;
  152. border-right: 1px solid #fff;
  153. cursor: pointer;
  154. }
  155. .opcBg .opcBg_item:last-of-type {
  156. border-right: none;
  157. }
  158. .opcBg .opcBg_item.active {
  159. background-color: #005395;
  160. color: #fff;
  161. }
  162. .opcBg .opcBg_item.active .iconfont {
  163. color: #fff;
  164. }
  165. .title {
  166. font-size: 16px;
  167. line-height: 40px;
  168. padding-left: 16px;
  169. border-bottom: 1px solid #f9f9f9;
  170. position: relative;
  171. color: #333;
  172. }
  173. .infoItem {
  174. padding: 8px 16px;
  175. border-bottom: 1px solid #f3f3f3;
  176. }
  177. .infoItem .time {
  178. font-size: 12px;
  179. color: #999;
  180. }
  181. .infoItem .time .fr {
  182. color: #666;
  183. }
  184. .infoItem .content {
  185. position: relative;
  186. height: 21px;
  187. overflow: hidden;
  188. }
  189. .infoItem .content.second {
  190. height: 42px;
  191. }
  192. .infoItem .content p {
  193. width: 85%;
  194. height: 100%;
  195. }
  196. .infoItem .detail {
  197. color: #005395;
  198. position: absolute;
  199. top: 0;
  200. right: 0;
  201. }
  202. .infoItem .detail:hover {
  203. text-decoration: underline;
  204. cursor: pointer;
  205. }
  206. .searchBox {
  207. width: 170px;
  208. height: 22px;
  209. border: 1px solid #d1d1d1;
  210. background: #fff;
  211. position: absolute;
  212. top: 50%;
  213. right: 8px;
  214. margin-top: -12px;
  215. }
  216. .searchBox input {
  217. width: 100%;
  218. height: 100%;
  219. border: none;
  220. padding-left: 10px;
  221. padding-right: 30px;
  222. vertical-align: top;
  223. }
  224. .searchBox input:focus {
  225. border: none;
  226. outline: none;
  227. }
  228. .searchBox .icon {
  229. display: inline-block;
  230. width: 30px;
  231. position: absolute;
  232. top: -1px;
  233. right: 0;
  234. color: #999;
  235. text-align: center;
  236. cursor: pointer;
  237. }
  238. .center .centerTitle {
  239. text-align: center;
  240. font-size: 18px;
  241. color: #333;
  242. font-weight: 800;
  243. padding-left: 18px;
  244. padding-right: 18px;
  245. }
  246. .form {
  247. padding-left: 18px;
  248. padding-right: 18px;
  249. overflow-y: auto;
  250. position: absolute;
  251. top: 41px;
  252. left: 0;
  253. right: 0;
  254. bottom: 27px;
  255. }
  256. .form .formItem {
  257. margin-bottom: 5px;
  258. }
  259. .form .formItem input,
  260. .form .formItem textarea {
  261. color: #999;
  262. }
  263. .form .formItem .label {
  264. line-height: 34px;
  265. }
  266. .form .formItem .label strong {
  267. line-height: 34px;
  268. color: #999;
  269. font-size: 12px;
  270. }
  271. .form .formItem .inpBox {
  272. width: 100%;
  273. height: 34px;
  274. padding: 5px 16px;
  275. background: #fff;
  276. border: 1px solid #d1d1d1;
  277. border-radius: 2px;
  278. }
  279. .form .formItem .inpBox input {
  280. width: 100%;
  281. height: 100%;
  282. vertical-align: top;
  283. border: none;
  284. font-size: 12px;
  285. }
  286. /* 区域地点 */
  287. .form .formItem .areaplace {
  288. width: 100%;
  289. height: 34px;
  290. }
  291. .form .formItem .areaplace .areaBox {
  292. width: 100%;
  293. height: 100%;
  294. }
  295. .form .formItem .areaplace .areaBox select {
  296. width: 173px;
  297. height: 100%;
  298. padding-bottom: 5px\9;
  299. }
  300. /* 详细地址&&报修内容 */
  301. .form .formItem .address textarea,
  302. .form .formItem .repair textarea {
  303. width: 100%;
  304. resize: none;
  305. height: 64px;
  306. padding: 9px 20px;
  307. font-size: 12px;
  308. }
  309. /* 报修图片 */
  310. .form .formItem .f-images-list .f-images-item {
  311. float: left;
  312. width: 50px;
  313. height: 51px;
  314. background-color: #fff;
  315. margin-left: 98px;
  316. position: relative;
  317. background: url(./../imgs/image_tiantjiatupian.png) no-repeat 0 0;
  318. z-index: 9;
  319. }
  320. .form .formItem .f-images-list .f-images-item .form-file {
  321. width: 100%;
  322. height: 100%;
  323. }
  324. .form .formItem .f-images-list .f-images-item:first-child {
  325. margin-left: 0;
  326. }
  327. .form .formItem .f-images-list .f-images-item input {
  328. width: 100%;
  329. height: 100%;
  330. opacity: 0;
  331. filter: alpha(opacity=0);
  332. }
  333. .form .formItem .f-images-list .f-images-item .f-thumb-wrap {
  334. width: 100%;
  335. height: 100%;
  336. position: absolute;
  337. left: 0;
  338. top: 0;
  339. }
  340. .form .formItem .f-images-list .f-images-item .f-thumb-wrap .f-thumb {
  341. width: 100%;
  342. height: 100%;
  343. display: inline-block;
  344. }
  345. .form .formItem .f-images-list .f-images-item .f-thumb-close {
  346. font-size: 22px;
  347. position: absolute;
  348. right: -7px;
  349. top: -13px;
  350. cursor: pointer;
  351. color: #991f00;
  352. z-index: 99999;
  353. }
  354. /* 提交 */
  355. .form .f-submit {
  356. display: block;
  357. width: 128px;
  358. height: 34px;
  359. background-color: #005395;
  360. border-radius: 2px;
  361. text-align: center;
  362. line-height: 34px;
  363. margin: 40px auto 0;
  364. cursor: pointer;
  365. color: #fff;
  366. border: 0 none;
  367. }
  368. .form .f-submit.f-submit--disable {
  369. cursor: not-allowed;
  370. }
  371. .form .f-submit:hover {
  372. background-color: #00437a;
  373. }
  374. .form .f-submit.f-submit--disable:hover {
  375. background-color: #005395;
  376. }
  377. /* 最新报修 */
  378. .right {
  379. position: relative;
  380. }
  381. .right .r-list {
  382. position: absolute;
  383. top: 41px;
  384. left: 0;
  385. right: 0;
  386. bottom: 0;
  387. overflow-y: auto;
  388. }
  389. .right .r-list .r-item {
  390. /* height: 165px; */
  391. padding: 16px 8px 16px 16px;
  392. overflow: hidden;
  393. color: #333;
  394. margin-top: 1px;
  395. border-bottom: 1px solid #fff;
  396. position: relative;
  397. }
  398. .right .r-list .ch-search{
  399. cursor: pointer;
  400. }
  401. .right .r-list .r-icon {
  402. float: left;
  403. position: absolute;
  404. top: 50%;
  405. left: 0;
  406. margin-top: -12px;
  407. padding-left: 8px;
  408. padding-right: 8px;
  409. }
  410. .right .r-list .r-icon-search {
  411. float: left;
  412. margin-left: 20px;
  413. }
  414. .right .r-list .r-item .r-item-title {
  415. font-weight: bold;
  416. height: 20px;
  417. line-height: 20px;
  418. }
  419. .right .r-list .r-item .r-item-content {
  420. line-height: 20px;
  421. /* height: 40px; */
  422. margin-top: 4px;
  423. }
  424. .right .r-list .r-item .r-item-info {
  425. margin-top: 4px;
  426. }
  427. .right .r-list .r-item .r-item-info strong {
  428. font-size: 12px;
  429. color: #999;
  430. line-height: 22px;
  431. }
  432. .right .r-list .r-item .r-item-info a {
  433. color: #005395;
  434. margin-right: 8px;
  435. line-height: 22px;
  436. }
  437. .right .r-list .r-item .r-item-process {
  438. margin-top: 10px;
  439. margin-left: 7px;
  440. }
  441. .right .r-list .r-item .r-item-process .r-item-processitem {
  442. width: 61px;
  443. height: 40px;
  444. border-top: 2px solid #ddd;
  445. position: relative;
  446. }
  447. .right .r-list .r-item .r-item-process .r-item-processitem.active {
  448. border-top: 2px solid #005395;
  449. }
  450. .right .r-list .r-item .r-item-process .r-item-processitem .outerCircleEnd {
  451. display: none;
  452. }
  453. .right .r-list .r-item .r-item-process .r-item-processitem.end .outerCircleEnd {
  454. display: block;
  455. position: absolute;
  456. left: 0px;
  457. top: -12px;
  458. width: 20px;
  459. height: 20px;
  460. background-color: #fff;
  461. border-radius: 50%;
  462. behavior: url(PIE.htc);
  463. overflow: hidden;
  464. }
  465. .right .r-list .r-item .r-item-process .r-item-processitem.end .innerCircleEnd {
  466. width: 20px;
  467. height: 20px;
  468. position: relative;
  469. left: 0;
  470. top: -4px;
  471. top: -6px\9;
  472. color: #67a52a;
  473. font-size: 20px;
  474. background-color: #fff;
  475. border-radius: 50%;
  476. behavior: url(PIE.htc);
  477. }
  478. .right
  479. .r-list
  480. .r-item
  481. .r-item-process
  482. .r-item-processitem.r-item-processitem__last {
  483. width: 14px;
  484. }
  485. .right .r-list .r-item .r-item-process .r-item-processitem .outerCircle {
  486. position: absolute;
  487. left: 0px;
  488. top: -9px;
  489. width: 14px;
  490. height: 14px;
  491. border-radius: 50%;
  492. behavior: url(PIE.htc);
  493. border: 1px solid #ddd;
  494. background-color: #fff;
  495. }
  496. .right .r-list .r-item .r-item-process .r-item-processitem .innerCircle {
  497. width: 8px;
  498. height: 8px;
  499. background-color: #ddd;
  500. border-radius: 50%;
  501. behavior: url(PIE.htc);
  502. position: absolute;
  503. left: 2px;
  504. top: 2px;
  505. }
  506. .right .r-list .r-item .r-item-process .r-item-processitem.active .outerCircle {
  507. border: 1px solid #005395;
  508. background-color: #fff;
  509. }
  510. .right .r-list .r-item .r-item-process .r-item-processitem.active .innerCircle {
  511. background-color: #005395;
  512. }
  513. .right .r-list .r-item .r-item-process .r-item-processitem h3 {
  514. font-size: 12px;
  515. margin-top: 10px;
  516. position: relative;
  517. left: -7px;
  518. display: inline-block;
  519. }
  520. .right
  521. .r-list
  522. .r-item
  523. .r-item-process
  524. .r-item-processitem.r-item-processitem__last
  525. h3 {
  526. width: 30px;
  527. }
  528. /* pop1 */
  529. #pop1 {
  530. display: none;
  531. width: 600px;
  532. height: 730px;
  533. max-height: 100%;
  534. max-height: none\9;
  535. border-radius: 2px;
  536. background-color: #fff;
  537. position: absolute;
  538. top: 0;
  539. right: 0;
  540. bottom: 0;
  541. left: 0;
  542. margin: auto;
  543. z-index: 999;
  544. overflow: hidden;
  545. }
  546. #pop1 .pop1-title {
  547. font-size: 16px;
  548. color: #333;
  549. height: 40px;
  550. line-height: 40px;
  551. text-align: center;
  552. border-bottom: 2px solid #eee;
  553. position: relative;
  554. }
  555. #pop1 .pop1-title .pop1-title-icon {
  556. font-size: 16px;
  557. color: #666;
  558. position: absolute;
  559. top: 8px;
  560. right: 12px;
  561. cursor: pointer;
  562. }
  563. #pop1 .pop1-hd {
  564. margin-left: 16px;
  565. margin-right: 16px;
  566. height: 80%;
  567. background-color: #f5f5f5;
  568. border-radius: 2px;
  569. border: 1px solid #d1d1d1;
  570. margin-top: 16px;
  571. overflow-y: auto;
  572. }
  573. #pop1 .pop1-hd .pop1-hd__item {
  574. padding-top: 16px;
  575. padding-bottom: 18px;
  576. margin-left: 16px;
  577. margin-right: 16px;
  578. color: #333;
  579. border-top: 2px solid #ddd;
  580. }
  581. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__table {
  582. border-collapse: collapse;
  583. border: 1px solid #ccc;
  584. width: 100%;
  585. margin-top: 8px;
  586. }
  587. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__table td {
  588. text-align: center;
  589. border: 1px solid #ccc;
  590. word-break: break-all;
  591. font-size: 12px;
  592. }
  593. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__table td.xh {
  594. width: 40px;
  595. }
  596. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__table td.clr {
  597. width: 60px;
  598. }
  599. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__table td.date {
  600. width: 130px;
  601. }
  602. #pop1 .pop1-hd .pop1-hd__item:first-child {
  603. border-top: none;
  604. }
  605. #pop1 .pop1-hd .pop1-hd__item .pop1-hd__itemBlock {
  606. padding-top: 16px;
  607. }
  608. #pop1 .pop1-hd h3 {
  609. font-size: 16px;
  610. font-weight: bold;
  611. }
  612. #pop1 .pop1-hd .pop1-hd__itemList {
  613. width: 100%;
  614. float: left;
  615. margin-top: 4px;
  616. }
  617. #pop1 .pop1-hd .pop1-hd__itemList.pop1-hd__itemList--five {
  618. width: 50%;
  619. }
  620. #pop1
  621. .pop1-hd
  622. .pop1-hd__itemList.pop1-hd__itemList--five.pop1-hd__itemList--tag {
  623. padding-left: 125px;
  624. }
  625. #pop1 .pop1-hd .pop1-hd__itemList .pop1-hd__itemListImgs {
  626. display: inline-block;
  627. vertical-align: top;
  628. }
  629. #pop1 .pop1-hd .pop1-hd__itemList .pop1-hd__itemListImgs img {
  630. width: 50px;
  631. height: 51px;
  632. float: left;
  633. margin-left: 16px;
  634. }
  635. #pop1 .pop1-hd .pop1-hd__itemList .pop1-hd__itemListImgs img:first-child {
  636. margin-left: 0;
  637. }
  638. #pop1 .pop1-hd .pop1-hd__itemList .pop1-hd__itemListProcess {
  639. font-size: 12px;
  640. color: #999;
  641. }
  642. #pop1
  643. .pop1-hd
  644. .pop1-hd__itemList
  645. .pop1-hd__itemListProcess
  646. .pop1-hd__processRight {
  647. width: 460px;
  648. }
  649. #pop1
  650. .pop1-hd
  651. .pop1-hd__itemList
  652. .pop1-hd__itemListProcess
  653. .pop1-hd__processRight
  654. .pop1-hd__processRightItem {
  655. margin-top: 8px;
  656. position: relative;
  657. }
  658. #pop1
  659. .pop1-hd
  660. .pop1-hd__itemList
  661. .pop1-hd__itemListProcess
  662. .pop1-hd__processRight
  663. .pop1-hd__processRightItem
  664. span {
  665. display: inline-block;
  666. height: 16px;
  667. }
  668. #pop1
  669. .pop1-hd
  670. .pop1-hd__itemList
  671. .pop1-hd__itemListProcess
  672. .pop1-hd__processRight
  673. .pop1-hd__processRightItem
  674. h4 {
  675. position: absolute;
  676. left: -74px;
  677. top: 8px;
  678. width: 76px;
  679. }
  680. #pop1
  681. .pop1-hd
  682. .pop1-hd__itemList
  683. .pop1-hd__itemListProcess
  684. .pop1-hd__processRight
  685. .pop1-hd__processRightItem
  686. h4.end {
  687. color: #333;
  688. }
  689. #pop1
  690. .pop1-hd
  691. .pop1-hd__itemList
  692. .pop1-hd__itemListProcess
  693. .pop1-hd__processRight
  694. .pop1-hd__processRightItem
  695. .pop1-hd__processCircle {
  696. position: absolute;
  697. left: -30px;
  698. top: 12px;
  699. width: 8px;
  700. height: 8px;
  701. background-color: #79a3c4;
  702. border-radius: 50%;
  703. behavior: url(PIE.htc);
  704. z-index: 9;
  705. }
  706. #pop1
  707. .pop1-hd
  708. .pop1-hd__itemList
  709. .pop1-hd__itemListProcess
  710. .pop1-hd__processRight
  711. .pop1-hd__processRightItem
  712. .pop1-hd__processCircle.end {
  713. background-color: #00437a;
  714. }
  715. #pop1
  716. .pop1-hd
  717. .pop1-hd__itemList
  718. .pop1-hd__itemListProcess
  719. .pop1-hd__processRight
  720. .pop1-hd__processRightItem
  721. .pop1-hd__processCircle:before {
  722. content: "";
  723. height: 38px;
  724. width: 0;
  725. border-left: 2px dashed #ddd;
  726. position: absolute;
  727. left: 50%;
  728. bottom: 8px;
  729. margin-left: -1px;
  730. }
  731. #pop1
  732. .pop1-hd
  733. .pop1-hd__itemList
  734. .pop1-hd__itemListProcess
  735. .pop1-hd__processRight
  736. .pop1-hd__processRightItem:first-child
  737. .pop1-hd__processCircle:before {
  738. display: none;
  739. }
  740. #pop1
  741. .pop1-hd
  742. .pop1-hd__itemList
  743. .pop1-hd__itemListProcess
  744. .pop1-hd__processRight
  745. .pop1-hd__processRightItem
  746. .pop1-hd__processCircle:after {
  747. content: "";
  748. height: 0;
  749. width: 12px;
  750. border-top: 1px dashed #ddd;
  751. position: absolute;
  752. left: 8px;
  753. top: 50%;
  754. }
  755. #pop1
  756. .pop1-hd
  757. .pop1-hd__itemList
  758. .pop1-hd__itemListProcess
  759. .pop1-hd__processRight
  760. .pop1-hd__processRightItem
  761. p {
  762. word-break: break-all;
  763. line-height: 18px;
  764. margin-top: 4px;
  765. }
  766. #pop1 .pop1-tips .pop1-tipsBd {
  767. font-size: 12px;
  768. color: #666;
  769. margin-top: 8px;
  770. text-align: left;
  771. }
  772. /* 评价 start */
  773. #pop1 .pop1-evaluate .pop1-evaluateWrap {
  774. margin-top: 16px;
  775. }
  776. #pop1 .pop1-evaluate .pop1-evaluateOperate #evaluate .star-text {
  777. color: #79a3c4;
  778. }
  779. #pop1 .pop1-evaluate .pop1-evaluateOperate .star {
  780. font-size: 0;
  781. }
  782. #pop1 .pop1-evaluate .pop1-evaluateOperate .star i {
  783. font-size: 14px;
  784. color: #eaeaea;
  785. cursor: pointer;
  786. margin-right: 8px;
  787. }
  788. #pop1 .pop1-evaluate .pop1-evaluateOperate .star i.active {
  789. color: #005395;
  790. }
  791. #pop1 .pop1-evaluate .evaluate-textareaWrap {
  792. margin-top: 8px;
  793. }
  794. #pop1 .pop1-evaluate .evaluate-textarea {
  795. height: 216px;
  796. width: 100%;
  797. resize: none;
  798. padding: 16px;
  799. }
  800. /* 评价 end */
  801. /* 撤回 start */
  802. #pop1 .pop1-back {
  803. padding-top: 0 !important;
  804. padding-bottom: 8px !important;
  805. }
  806. #pop1 .pop1-back h3 {
  807. color: #333;
  808. font-size: 14px;
  809. font-weight: normal;
  810. margin: 3px 0;
  811. }
  812. #pop1 .pop1-back h3 span {
  813. color: #fd3d55;
  814. }
  815. #pop1 .pop1-back .back-textarea {
  816. width: 100%;
  817. height: 80px;
  818. border: 1px solid #d1d1d1;
  819. resize: none;
  820. padding-left: 16px;
  821. padding-top: 16px;
  822. }
  823. /* 撤回 end */
  824. /* 提示 start */
  825. #pop1 .pop1-tips {
  826. text-align: center;
  827. }
  828. #pop1 .pop1-tips i {
  829. font-size: 26px;
  830. color: #a2d516;
  831. }
  832. #pop1 .pop1-tips p {
  833. color: #333;
  834. text-align: center;
  835. }
  836. /* 提示 end */
  837. /* 公告详情 start */
  838. #pop1 .notice .notice-dept {
  839. margin-top: 16px;
  840. }
  841. #pop1 .notice .notice-content {
  842. margin-top: 16px;
  843. }
  844. #pop1 .notice .notice-content img {
  845. margin-top: 16px;
  846. margin-bottom: 16px;
  847. width: 100%;
  848. }
  849. /* 公告详情 end */
  850. /* 常见问题详情 start */
  851. #pop1 .solution .solution-createUser {
  852. margin-top: 16px;
  853. }
  854. #pop1 .solution .solution-content {
  855. margin-top: 16px;
  856. }
  857. #pop1 .solution .solution-content img {
  858. margin-top: 16px;
  859. margin-bottom: 16px;
  860. width: 100%;
  861. }
  862. /* 常见问题详情 end */
  863. #pop1 .pop1-operate {
  864. margin-top: 14px;
  865. }
  866. #pop1 .pop1-operate .pop1-oneBtn,
  867. #pop1 .pop1-operate .pop1-twoBtn {
  868. text-align: center;
  869. font-size: 0;
  870. }
  871. #pop1 .pop1-operate .pop1-twoBtn {
  872. display: none;
  873. }
  874. #pop1 .pop1-operate .pop1-oneBtn .pop1-operateBtn {
  875. width: 120px;
  876. height: 34px;
  877. text-align: center;
  878. line-height: 32px;
  879. border-radius: 2px;
  880. display: inline-block;
  881. cursor: pointer;
  882. border: 1px solid #005395;
  883. }
  884. #pop1 .pop1-operate .pop1-twoBtn .pop1-operateBtn {
  885. width: 80px;
  886. height: 34px;
  887. text-align: center;
  888. line-height: 34px;
  889. border-radius: 2px;
  890. display: inline-block;
  891. cursor: pointer;
  892. }
  893. #pop1 .pop1-operate .pop1-operateBtn.oneConfirm {
  894. background-color: #e6eef4;
  895. font-size: 14px;
  896. color: #005395;
  897. }
  898. #pop1 .pop1-operate .pop1-operateBtn.oneConfirm:hover {
  899. background-color: #79a3c4;
  900. border-color: #79a3c4;
  901. }
  902. #pop1 .pop1-operate .pop1-operateBtn.twoConfirm {
  903. background-color: #005395;
  904. color: #fff;
  905. font-size: 14px;
  906. }
  907. #pop1 .pop1-operate .pop1-operateBtn.twoConfirm:hover {
  908. background-color: #00437a;
  909. }
  910. #pop1 .pop1-operate .pop1-operateBtn.twoCancel {
  911. background-color: #fff;
  912. color: #666;
  913. border: 1px solid #ddd;
  914. font-size: 14px;
  915. margin-left: 8px;
  916. line-height: 32px;
  917. }
  918. #pop1 .pop1-operate .pop1-operateBtn.twoCancel:hover {
  919. border: 1px solid #999;
  920. }
  921. /* 遮罩 */
  922. #mask {
  923. display: none;
  924. position: absolute;
  925. top: 0;
  926. right: 0;
  927. bottom: 0;
  928. left: 0;
  929. background: rgba(0, 0, 0, 0.5);
  930. -pie-background: rgba(0, 0, 0, 0.5);
  931. behavior: url(PIE.htc);
  932. z-index: 998;
  933. }
  934. /* 无内容 */
  935. #notice_list {
  936. position: relative;
  937. height: 175px;
  938. }
  939. .noContent {
  940. width: 156px;
  941. height: 110px;
  942. position: absolute;
  943. left: 50%;
  944. top: 50%;
  945. margin-left: -78px;
  946. margin-top: -55px;
  947. }
  948. .noContent p {
  949. text-align: center;
  950. font-size: 12px;
  951. color: #666;
  952. }
  953. /* loading */
  954. .loading {
  955. width: 35px;
  956. height: 35px;
  957. background: url(./../imgs/loading.gif) no-repeat;
  958. position: absolute;
  959. left: 0;
  960. top: 0;
  961. right: 0;
  962. bottom: 0;
  963. margin: auto;
  964. display: none;
  965. }
  966. /* 图片点击放大预览 */
  967. .pop1-hd__itemBxImgsMask {
  968. position: fixed;
  969. left: 0;
  970. top: 0;
  971. right: 0;
  972. bottom: 0;
  973. background: rgba(0, 0, 0, 0.5);
  974. -pie-background: rgba(0, 0, 0, 0.5);
  975. behavior: url(PIE.htc);
  976. z-index: 99999;
  977. }
  978. .pop1-hd__itemBxImgsMask img {
  979. width: 500px;
  980. position: absolute;
  981. left: 0;
  982. top: 0;
  983. right: 0;
  984. bottom: 0;
  985. margin: auto;
  986. background: #000;
  987. }
  988. /* 故障地点 */
  989. .address,
  990. .ks {
  991. position: relative;
  992. }
  993. #bx_address,
  994. #bx_ks {
  995. width: 100%;
  996. height: 34px;
  997. padding: 5px 16px;
  998. background: #fff;
  999. border: 1px solid #d1d1d1;
  1000. border-radius: 2px;
  1001. }
  1002. #bx_address_ul,
  1003. #bx_ks_ul {
  1004. position: absolute;
  1005. top: 34px;
  1006. left: 0;
  1007. width: 100%;
  1008. max-height: 136px;
  1009. overflow-y: auto;
  1010. background-color: #fff;
  1011. border: 1px solid #d1d1d1;
  1012. border-top: none;
  1013. z-index: 9999;
  1014. display: none;
  1015. }
  1016. #bx_address_ul li,
  1017. #bx_ks_ul li {
  1018. height: 34px;
  1019. border-bottom: 1px solid #d1d1d1;
  1020. line-height: 32px;
  1021. padding: 0 16px;
  1022. cursor: pointer;
  1023. }
  1024. /* #bx_address_ul li:hover, */
  1025. /* #bx_ks_ul li:hover { */
  1026. /* background-color: #005395; */
  1027. /* color: #fff; */
  1028. /* } */
  1029. #bx_address_ul li:last-child,
  1030. #bx_ks_ul li:last-child {
  1031. border-bottom: none;
  1032. }
  1033. /* 自动建单 */
  1034. #bx_eventClass {
  1035. width: 100%;
  1036. height: 100%;
  1037. border: 0 none;
  1038. padding: 5px 16px;
  1039. color: #999;
  1040. }
  1041. .bx_eventClass {
  1042. padding: 0 !important;
  1043. }