zx-style.css 40 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752
  1. body {
  2. background: #f9f9f9;
  3. font-size: 14px;
  4. }
  5. .c-btn-maincolor {
  6. background-color: #37a6ed;
  7. color: #fff;
  8. }
  9. .red-point{color: red;font-size: 20px;text-align: center;line-height: 10px;}
  10. /*蓝色按钮样式*/
  11. .c-btn-maincolor:hover {
  12. background-color: #3099dd;
  13. }
  14. .c-37a6ec {
  15. color: #37a6ec;
  16. }
  17. .c-bfbfbf {
  18. color: #bfbfbf;
  19. }
  20. .c-fa383d {
  21. color: #fa383d;
  22. }
  23. .c-007dda {
  24. color: #007dda;
  25. }
  26. .c-ff8011 {
  27. color: #ff8011;
  28. }
  29. .c-087eff {
  30. color: #087eff;
  31. }
  32. .c-ff8100 {
  33. color: #ff8100;
  34. }
  35. .c-fff {
  36. color: #fff;
  37. }
  38. .c-ccc {
  39. color: #ccc;
  40. }
  41. .c-333 {
  42. color: #333;
  43. }
  44. .bgc-00c1a5 {
  45. background-color: #00c1a5;
  46. }
  47. .bgc-ebebeb {
  48. background-color: #ebebeb;
  49. }
  50. .bgc-087eff {
  51. background-color: #087eff;
  52. }
  53. .bgc-97caff {
  54. background-color: #97caff;
  55. }
  56. .c-tag {
  57. color: #fff;
  58. font-size: 16px;
  59. padding: 2px 10px;
  60. border-radius: 4px;
  61. }
  62. .c-tag-blue {
  63. background: #3da3ee;
  64. }
  65. .line-22 {
  66. line-height: 22px;
  67. }
  68. .line-40 {
  69. line-height: 40px;
  70. }
  71. .mr40 {
  72. margin-right: 40px;
  73. }
  74. .r-15 {
  75. right: 15px;
  76. }
  77. .pt1 {
  78. padding-top: 1px;
  79. }
  80. .add-model .title-word-limit {
  81. position: absolute;
  82. right: 15px;
  83. top: 12px;
  84. }
  85. .arrow-left {
  86. display: block;
  87. width: 8px;
  88. height: 8px;
  89. border: solid #fff;
  90. border-width: 0 0 2px 2px;
  91. -webkit-transform: rotate(45deg);
  92. -moz-transform: rotate(45deg);
  93. -ms-transform: rotate(45deg);
  94. -o-transform: rotate(45deg);
  95. transform: rotate(45deg);
  96. }
  97. /* css3-Grid
  98. -----------------------------------------------------------------------------*/
  99. .ui-grid {
  100. display: -webkit-box;
  101. display: box;
  102. }
  103. .ui-grid-middle {
  104. -webkit-box-pack: center;
  105. -webkit-box-align: center;
  106. box-pack: center;
  107. box-align: center;
  108. }
  109. .ui-grid-vertical {
  110. -webkit-box-orient: vertical;
  111. box-orient: vertical;
  112. }
  113. .ui-grid-label {
  114. -webkit-box-flex: 0;
  115. box-flex: 0;
  116. width: 100px;
  117. font-weight: 600;
  118. }
  119. .ui-col-0 {
  120. -webkit-box-flex: 0;
  121. box-flex: 0;
  122. }
  123. .ui-col-1 {
  124. -webkit-box-flex: 1;
  125. box-flex: 1;
  126. }
  127. /*n-list*/
  128. .ptb12 {
  129. padding-top: 12px;
  130. padding-bottom: 12px;
  131. }
  132. .n-list {
  133. background-color: #fff;
  134. }
  135. .n-list > li,
  136. .n-list > .n-list-li {
  137. position: relative;
  138. display: -webkit-box;
  139. display: box;
  140. box-pack: center;
  141. padding-right: 15px;
  142. margin-left: 15px;
  143. border-top: 1px solid #f1f1f1;
  144. clear: both;
  145. }
  146. .n-list > li:first-child,
  147. .n-list > .n-list-li:first-child {
  148. border-top: none;
  149. }
  150. .n-list > .n-list-link:active {
  151. background-color: #f7f7f7;
  152. padding-left: 15px;
  153. margin-left: 0
  154. }
  155. .n-list > .n-list-cover {
  156. padding-left: 15px;
  157. margin-left: 0;
  158. }
  159. .n-list > .list-arrow-r,
  160. .n-list > .list-arrow-d,
  161. .n-list > .list-arrow-u {
  162. padding-right: 30px
  163. }
  164. .n-list > .list-arrow-r:after,
  165. .n-list > .list-arrow-d:after,
  166. .n-list > .list-arrow-u:after {
  167. position: absolute;
  168. top: 50%;
  169. right: 15px;
  170. margin-top: -5px;
  171. content: "";
  172. display: block;
  173. width: 8px;
  174. height: 8px;
  175. border: solid #cdcdcd;
  176. border-width: 2px 2px 0 0;
  177. -webkit-transform: rotate(45deg);
  178. -moz-transform: rotate(45deg);
  179. -ms-transform: rotate(45deg);
  180. transform: rotate(45deg);
  181. }
  182. .n-list > .list-arrow-d:after {
  183. right: 13px;
  184. margin-top: -8px;
  185. -webkit-transform: rotate(135deg);
  186. -moz-transform: rotate(135deg);
  187. -ms-transform: rotate(135deg);
  188. transform: rotate(135deg);
  189. }
  190. .n-list > .list-arrow-u:after {
  191. right: 13px;
  192. margin-top: -2px;
  193. -webkit-transform: rotate(-45deg);
  194. -moz-transform: rotate(-45deg);
  195. -ms-transform: rotate(-45deg);
  196. transform: rotate(-45deg);
  197. }
  198. .n-list-title {
  199. display: -webkit-box;
  200. display: -moz-box;
  201. display: box;
  202. -webkit-box-orient: vertical;
  203. -moz-box-orient: vertical;
  204. box-orient: vertical;
  205. -webkit-box-pack: start;
  206. -moz-box-pack: start;
  207. box-pack: start;
  208. }
  209. .n-list-key,
  210. .n-list-info {
  211. display: -webkit-box;
  212. display: -moz-box;
  213. display: box;
  214. -webkit-box-orient: vertical;
  215. -moz-box-orient: vertical;
  216. box-orient: vertical;
  217. -webkit-box-pack: center;
  218. -moz-box-pack: center;
  219. box-pack: center;
  220. }
  221. .n-list-info {
  222. display: box;
  223. -webkit-box-flex: 1;
  224. -moz-box-flex: 1;
  225. box-flex: 1;
  226. }
  227. .n-list-flex {
  228. display: -webkit-box;
  229. display: -moz-box;
  230. display: box;
  231. -webkit-box-flex: 1;
  232. -moz-box-flex: 1;
  233. box-flex: 1;
  234. }
  235. .n-list > .n-list-function {
  236. border-top: none;
  237. padding-right: 0;
  238. }
  239. .n-list > .n-list-function .n-list-flex {
  240. border-top: 1px solid #f1f1f1;
  241. }
  242. .n-list > .n-list-function:first-child .n-list-flex {
  243. border-top: none;
  244. }
  245. .n-list > li:first-child,
  246. .n-list > .n-list-function:first-child,
  247. .n-list > .n-list-function:first-child .n-list-info,
  248. .n-list > div:first-child {
  249. border: 0;
  250. }
  251. .n-list > .n-list-label {
  252. display: block;
  253. border-top: none;
  254. padding-right: 0;
  255. }
  256. .n-list .n-list-img {
  257. width: 100px;
  258. height: 68px;
  259. overflow: hidden;
  260. position: relative
  261. }
  262. .n-list .n-list-img img {
  263. width: 100%;
  264. height: auto;
  265. }
  266. .required {
  267. position: relative;
  268. }
  269. .required:before {
  270. content: "*";
  271. position: absolute;
  272. color: #f00;
  273. font-size: 14px;
  274. height: 12px;
  275. line-height: 12px;
  276. vertical-align: middle;
  277. left: -10px;
  278. top: 50%;
  279. margin-top: -5px;
  280. }
  281. .n-avatar-s,
  282. .n-avatar-m,
  283. .n-avatar-l {
  284. width: 26px;
  285. height: 26px;
  286. display: -webkit-box;
  287. -webkit-box-pack: center;
  288. -webkit-box-align: center;
  289. }
  290. .n-avatar-m {
  291. width: 40px;
  292. height: 40px;
  293. }
  294. .n-avatar-l {
  295. width: 54px;
  296. height: 54px;
  297. }
  298. .n-avatar-s img,
  299. .n-avatar-m img,
  300. .n-avatar-l img {
  301. width: 100%;
  302. height: 100%;
  303. }
  304. .word-bread {
  305. word-wrap: break-word;
  306. }
  307. /* 电话咨询 */
  308. .doc-avatar {
  309. width: 50px;
  310. height: 50px;
  311. border-radius: 50%;
  312. text-align: center;
  313. overflow: hidden;
  314. }
  315. .doc-avatar img {
  316. width: auto;
  317. height: 100%;
  318. }
  319. .view-more {
  320. display: inline-block;
  321. width: 100%;
  322. text-align: center;
  323. padding: 15px 0;
  324. }
  325. .doc-detail .list-arrow-d:after {
  326. top: 15px;
  327. margin-top: 0;
  328. }
  329. .doc-detail .list-arrow-u:after {
  330. top: 20px;
  331. margin-top: 0;
  332. }
  333. .level,
  334. .honor {
  335. display: inline-block;
  336. width: 20px;
  337. height: 20px;
  338. }
  339. .level img,
  340. .honor img {
  341. width: 100%;
  342. height: 100%;
  343. }
  344. /* 指定咨询 */
  345. .upload-img {
  346. overflow: hidden;
  347. display: inline-block;
  348. }
  349. .upload-img ul li {
  350. position: relative;
  351. display: inline;
  352. float: left;
  353. width: 76px;
  354. height: 76px;
  355. padding: 0 10px 10px 0;
  356. }
  357. .upload-img ul li img {
  358. width: 100%;
  359. height: 100%;
  360. }
  361. .upload-img .del-img {
  362. position: absolute;
  363. top: 0;
  364. right: 10px;
  365. text-align: center;
  366. width: 26px;
  367. height: 26px;
  368. line-height: 20px;
  369. z-index: 10;
  370. background: rgba(0, 0, 0, .5);
  371. border-radius: 0 0 0 90%;
  372. overflow: hidden;
  373. }
  374. .upload-img .del-img .iconfont {
  375. color: #fff;
  376. font-size: 14px;
  377. line-height: 14px;
  378. margin-left: 4px;
  379. }
  380. .add-btn {
  381. position: relative;
  382. display: block;
  383. width: 74px;
  384. height: 74px;
  385. font-size: 0;
  386. color: #b8b8b8;
  387. border: 1px dashed #a0a0a0;
  388. background: #fff;
  389. }
  390. .add-btn:before {
  391. content: "";
  392. display: block;
  393. position: absolute;
  394. top: 34px;
  395. left: 22px;
  396. width: 30px;
  397. height: 2px;
  398. background: #a0a0a0;
  399. }
  400. .add-btn:after {
  401. content: "";
  402. display: block;
  403. position: absolute;
  404. top: 20px;
  405. left: 36px;
  406. width: 2px;
  407. height: 30px;
  408. background: #a0a0a0;
  409. }
  410. .doc-tab li {
  411. width: 50%;
  412. }
  413. .doc-tab li.hit {
  414. border-bottom: 3px solid #4dcd70;
  415. }
  416. .doc-tab li.hit a {
  417. color: #4dcd70;
  418. }
  419. .doc-list-sm {
  420. padding: 10px 15px;
  421. }
  422. .doc-list-sm span {
  423. color: #666;
  424. }
  425. .doc-list-sm b {
  426. color: #333;
  427. font-weight: normal;
  428. }
  429. .delimgpop {
  430. position: fixed;
  431. width: 100%;
  432. height: 100%;
  433. left: 0;
  434. top: 0;
  435. background: rgba(0, 0, 0, .8);
  436. text-align: center;
  437. z-index: 2200;
  438. }
  439. .del-img-box {
  440. width: 100%;
  441. height: 100%;
  442. display: table;
  443. }
  444. .del-img-con {
  445. display: table-cell;
  446. vertical-align: middle;
  447. }
  448. .del-img-con img {
  449. width: auto;
  450. height: auto;
  451. border: 2px solid #000;
  452. }
  453. .del-img-con p {
  454. position: relative;
  455. display: inline-block !important;
  456. -webkit-animation: myfirst .3s ease;
  457. }
  458. .del-img-box p:after {
  459. font-family: "iconfont" !important;
  460. content: "\d605";
  461. position: absolute;
  462. display: block;
  463. top: 5px;
  464. right: 10px;
  465. width: 32px;
  466. height: 32px;
  467. z-index: 5000;
  468. color: #fff;
  469. font-size: 32px;
  470. font-style: normal;
  471. -webkit-font-smoothing: antialiased;
  472. -webkit-text-stroke-width: 0.2px;
  473. -moz-osx-font-smoothing: grayscale;
  474. -webkit-text-shadow: 0 0 1px #f00;
  475. text-shadow: 0 0 1px #000;
  476. }
  477. .del-img-btn {
  478. display: inline-block;
  479. height: 40px;
  480. line-height: 40px;
  481. position: absolute;
  482. top: 0;
  483. right: 0;
  484. z-index: 20;
  485. padding: 0 15px;
  486. text-align: right;
  487. color: #000;
  488. }
  489. .del-img-btn .iconfont {
  490. font-size: 20px;
  491. margin-right: 4px;
  492. }
  493. .r-input {
  494. width: 100%;
  495. text-align: right;
  496. }
  497. .r-textarea {
  498. width: 100%;
  499. border: 0;
  500. padding: 0;
  501. resize: none;
  502. }
  503. .over-lay,
  504. .over-lay[id] {
  505. position: fixed;
  506. top: 0;
  507. left: 0;
  508. z-index: 3000;
  509. width: 100%;
  510. height: 100%;
  511. background: rgba(0, 0, 0, .7);
  512. }
  513. .ins-img-btn {
  514. position: fixed;
  515. width: 100%;
  516. bottom: 0;
  517. left: 0;
  518. z-index: 3100;
  519. }
  520. .ins-img-btn .c-btn {
  521. border-radius: 4px;
  522. border: none;
  523. color: #157efb;
  524. font-size: 20px;
  525. }
  526. .ins-img-btn .c-btn:first-child {
  527. border-radius: 4px 4px 0 0;
  528. }
  529. .ins-img-btn .c-btn:nth-child(2) {
  530. border-top: 1px solid #e1e1e1;
  531. border-radius: 0 0 4px 4px;
  532. }
  533. .zx-notes {
  534. text-align: left;
  535. color: #5b5b5b;
  536. font-size: 12px;
  537. }
  538. .ui-popup .zx-notes li {
  539. padding: 0 !important;
  540. margin: 0 !important;
  541. }
  542. /* 咨询信息 */
  543. .talk-box {
  544. position: relative;
  545. width: 100%;
  546. padding: 10px;
  547. background: #fff;
  548. border-radius: 5px;
  549. border: 1px solid #e6bc5d;
  550. -webkit-box-sizing: border-box;
  551. -moz-box-sizing: border-box;
  552. box-sizing: border-box;
  553. }
  554. .talk-box:after {
  555. position: absolute;
  556. content: "";
  557. top: -6px;
  558. left: 30px;
  559. font-size: 13px;
  560. color: #5b5b5b;
  561. width: 10px;
  562. height: 10px;
  563. border: 1px solid #e6bc5d;
  564. border-width: 1px 1px 0 0;
  565. background: #fff;
  566. -webkit-transform: rotate(-45deg);
  567. -moz-transform: rotate(-45deg);
  568. -ms-transform: rotate(-45deg);
  569. -o-transform: rotate(-45deg);
  570. transform: rotate(-45deg);
  571. }
  572. .icon-round {
  573. display: inline-block;
  574. width: 24px;
  575. height: 24px;
  576. text-align: center;
  577. line-height: 24px;
  578. vertical-align: middle;
  579. color: #fff;
  580. font-size: 14px;
  581. border-radius: 50%;
  582. overflow: hidden;
  583. }
  584. .upload-img ul li.upload-btn-box {
  585. width: 240px;
  586. height: 76px;
  587. }
  588. .upload-img ul li.upload-btn-box p {
  589. width: 150px;
  590. font-size: 13px;
  591. color: #5b5b5b;
  592. display: block;
  593. padding: 18px 0 0 10px;
  594. }
  595. .pingjia {
  596. font-size: 13px;
  597. color: #ff8100;
  598. }
  599. .pingjia .iconfont {
  600. font-size: 20px;
  601. line-height: 20px;
  602. color: #ff8100;
  603. }
  604. .bottom-iconbtn {
  605. position: fixed;
  606. bottom: 0;
  607. left: 0;
  608. width: 100%;
  609. height: 44px;
  610. border-top: 1px solid #e1e1e1;
  611. background: #fff;
  612. z-index: 1000;
  613. }
  614. .bottom-iconbtn a {
  615. display: inline-block;
  616. width: 49%;
  617. height: 44px;
  618. line-height: 44px;
  619. text-align: center;
  620. vertical-align: middle;
  621. -webkit-box-sizing: border-box;
  622. -moz-box-sizing: border-box;
  623. box-sizing: border-box;
  624. border-right: 1px solid #e1e1e1;
  625. overflow: hidden;
  626. }
  627. .bottom-iconbtn a:last-child {
  628. border: none;
  629. }
  630. .bottom-iconbtn a .iconfont {
  631. font-size: 18px;
  632. line-height: 18px;
  633. vertical-align: middle;
  634. }
  635. .sel-phiz {
  636. overflow: hidden;
  637. padding-right: 15px;
  638. }
  639. .sel-phiz li {
  640. width: 25%;
  641. float: left;
  642. text-align: center;
  643. color: #333;
  644. font-size: 15px;
  645. }
  646. .sel-phiz li:nth-child(2) {
  647. margin: 0 12.4%;
  648. }
  649. .sel-phiz li .iconfont {
  650. font-size: 40px;
  651. line-height: 40px;
  652. color: #ccc;
  653. }
  654. .sel-phiz li p {
  655. padding-top: 5px;
  656. }
  657. .sel-phiz li.selected .iconfont {
  658. color: #ff8100;
  659. }
  660. .padding-fixed {
  661. width: 100%;
  662. height: 70px;
  663. }
  664. .tel-zx-list>li .n-list-key {
  665. min-width: 6em;
  666. }
  667. /*爱心咨询*/
  668. .common-title {
  669. font-size: 12px;
  670. padding: 10px 15px;
  671. color: #5b5b5b;
  672. }
  673. .ax-consultation li {
  674. position: relative;
  675. }
  676. .ax-consultation select,
  677. .ax-consultation input {
  678. color: #909090 !important;
  679. }
  680. .ax-consultation li input.short {
  681. border: 1px solid #000;
  682. width: 50%;
  683. box-sizing: border-box;
  684. }
  685. .ax-consultation li .input-group .form-select {
  686. height: 30px;
  687. box-sizing: border-box;
  688. padding: 2px 13px 2px 5px;
  689. }
  690. .ax-consultation li .form-select-arrow {
  691. top: 9px;
  692. right: 7px;
  693. }
  694. .ax-consultation li .c-list-value h4 {
  695. min-width: 4em;
  696. }
  697. .ax-consultation li .input-group {
  698. position: relative;
  699. }
  700. .arrow-down {
  701. display: block;
  702. width: 8px;
  703. height: 8px;
  704. border: solid #cdcdcd;
  705. border-width: 2px 2px 0 0;
  706. -webkit-transform: rotate(135deg);
  707. -moz-transform: rotate(135deg);
  708. -ms-transform: rotate(135deg);
  709. -o-transform: rotate(135deg);
  710. transform: rotate(135deg);
  711. }
  712. .ax-consultation li .list-icon {
  713. position: absolute;
  714. right: 15px;
  715. top: 50%;
  716. margin-top: -4px;
  717. }
  718. .ax-consultation li .input-group .list-icon {
  719. position: absolute;
  720. right: 10px;
  721. top: 50%;
  722. margin-top: -4px;
  723. }
  724. .pl40 {
  725. padding-left: 40px;
  726. }
  727. .ml40 {
  728. margin-left: 40px;
  729. }
  730. .ax-consultation li .input-group-addon {
  731. padding: 0 10px;
  732. }
  733. .pm_age {
  734. display: inline-block;
  735. width: 138px;
  736. height: 30px;
  737. border: 1px solid #ddd;
  738. border-radius: 5px;
  739. -webkit-border-radius: 5px;
  740. vertical-align: middle;
  741. overflow: hidden;
  742. position: relative;
  743. }
  744. .ageinput {
  745. width: 65px;
  746. height: 30px;
  747. line-height: 30px;
  748. background: #fff;
  749. border: none;
  750. float: left;
  751. font-size: 15px;
  752. color: #333;
  753. border-right: 1px solid #ddd;
  754. padding-left: 10px;
  755. border-radius: 5px 0 0 5px;
  756. }
  757. .pm_age .agesel {
  758. width: 60px;
  759. height: 30px;
  760. line-height: 30px;
  761. float: left;
  762. font-size: 15px;
  763. color: #808080;
  764. border: none;
  765. -webkit-appearance: none;
  766. -moz-appearance: none;
  767. appearance: none;
  768. font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica;
  769. background: url(/images/point_d.png) 94% center no-repeat #fff;
  770. background-size: 13px 8px;
  771. -webkit-background-size: 13px 8px;
  772. padding: 0 0 0 10px;
  773. }
  774. .pt2 {
  775. padding-top: 2px;
  776. }
  777. /*问医生*/
  778. .bg-9dcd82 {
  779. background: #9dcd82;
  780. }
  781. .bg-ff7aac {
  782. background: #ff7aac;
  783. }
  784. .bg-8ebcf8 {
  785. background: #8ebcf8;
  786. }
  787. .bg-ffbc16 {
  788. background: #ffbc16;
  789. }
  790. .ask-doctors-boxer .c-avatar-m i {
  791. width: 40px;
  792. height: 40px;
  793. border-radius: 40px;
  794. text-align: center;
  795. line-height: 40px;
  796. display: block;
  797. color: #fff;
  798. font-size: 24px;
  799. }
  800. .ask-doctors-boxer .tiper-words {
  801. width: 100%;
  802. box-sizing: border-box;
  803. }
  804. .ask-doctors-boxer .tiper-words img {
  805. width: 100%;
  806. }
  807. /*专家列表*/
  808. .professor-listhead {
  809. height: 45px;
  810. background: #fff;
  811. width: 100%;
  812. z-index: 99;
  813. position: fixed;
  814. bottom: 0;
  815. left: 0;
  816. }
  817. .professor-listhead li {
  818. float: left;
  819. line-height: 45px;
  820. box-sizing: border-box;
  821. border-right: 1px solid #f2f2f2;
  822. text-align: center;
  823. color: #5b5b5b;
  824. font-size: 14px;
  825. height: 45px;
  826. }
  827. .professor-listhead li span {
  828. text-overflow: ellipsis;
  829. overflow: hidden;
  830. height: 45px;
  831. line-height: 45px;
  832. white-space: nowrap;
  833. max-width: 80%;
  834. display: inline-block;
  835. position: relative;
  836. padding: 0 15px 0 0;
  837. box-sizing: border-box;
  838. }
  839. .professor-listhead li:last-child {
  840. border: none;
  841. }
  842. .professor-listhead li em.cur {
  843. color: #37a6eb;
  844. }
  845. .professor-listhead li i {
  846. display: block;
  847. position: absolute;
  848. top: 20px;
  849. right: 0;
  850. }
  851. .professor-listhead li.cur i.s-arrow-down {
  852. width: 0;
  853. height: 0;
  854. border-left: 5px solid transparent;
  855. border-right: 5px solid transparent;
  856. border-bottom: 5px solid #b4b4b4;
  857. border-top: 0;
  858. }
  859. .s-arrow-down {
  860. width: 0;
  861. height: 0;
  862. border-left: 5px solid transparent;
  863. border-right: 5px solid transparent;
  864. border-bottom: 5px solid #b4b4b4;
  865. border-top: 0;
  866. }
  867. .professor-main .c-avatar-m {
  868. padding: 6px 0 6px;
  869. }
  870. .professor-main .c-avatar-m img {
  871. border-radius: 40px;
  872. overflow: hidden;
  873. width: 40px;
  874. height: 40px;
  875. }
  876. .professor-main .c-list-indent-s {
  877. padding-right: 15px !important;
  878. }
  879. .pt35 {
  880. padding-top: 35px;
  881. }
  882. .c-ff8100 {
  883. color: #ff8100;
  884. }
  885. .professor-main .c-5b5b5b {
  886. color: #5b5b5b !important;
  887. }
  888. .list-addmore {
  889. color: #007cd9;
  890. font-size: 13px;
  891. width: 100%;
  892. text-align: center;
  893. line-height: 34px;
  894. }
  895. .professor-main .c-list-info {
  896. padding: 6px 0 6px;
  897. }
  898. .professor-main li {
  899. padding-left: 15px !important;
  900. margin-left: 0 !important;
  901. }
  902. /*专家列表iscroll*/
  903. .shadow-panel {
  904. position: fixed;
  905. top: 0;
  906. left: 0;
  907. bottom: 45px;
  908. width: 100%;
  909. z-index: 90;
  910. background-color: rgba(0, 0, 0, .35);
  911. }
  912. .scroll-fixed {
  913. position: fixed;
  914. bottom: 45px;
  915. left: 0;
  916. z-index: 98;
  917. }
  918. .scroll-citybox,
  919. .scroll-hospbox {
  920. width: 100%;
  921. height: 352px;
  922. overflow: hidden;
  923. }
  924. .scroll-specbox {
  925. width: 100%;
  926. height: 352px;
  927. overflow: hidden;
  928. }
  929. .scroll-citybox li,
  930. .scroll-hospbox li {
  931. text-overflow: ellipsis;
  932. white-space: nowrap;
  933. overflow: hidden;
  934. }
  935. .city-box-leftwrapper {
  936. width: 40%;
  937. background: #f5f5f5;
  938. }
  939. .city-box-rightwrapper {
  940. width: 60%;
  941. background: #ffffff;
  942. }
  943. .hosp-box-leftwrapper {
  944. width: 50%;
  945. background: #f5f5f5;
  946. }
  947. .hosp-box-rightwrapper {
  948. width: 50%;
  949. background: #ffffff;
  950. }
  951. .spec-box-leftwrapper {
  952. width: 100%;
  953. background: #ffffff;
  954. font-size: 14px;
  955. }
  956. .cc-lef li {
  957. padding: 11px 20px;
  958. color: #5b5b5b;
  959. font-size: 14px;
  960. border-right: 1px solid #e1e1e1;
  961. border-bottom: 1px solid #e1e1e1;
  962. width: 100%;
  963. box-sizing: border-box;
  964. }
  965. .cc-lef li:last-child {
  966. border-bottom: none;
  967. }
  968. .cc-lef li span {
  969. display: -webkit-box;
  970. -webkit-box-orient: vertical;
  971. -webkit-line-clamp: 2;
  972. white-space: normal;
  973. overflow: hidden;
  974. }
  975. .cc-rig li {
  976. margin-left: 15px;
  977. border-bottom: 1px solid #e1e1e1;
  978. height: 43px;
  979. line-height: 43px;
  980. color: #5b5b5b;
  981. font-size: 14px;
  982. }
  983. .cc-rig li:last-child {
  984. border-bottom: none;
  985. }
  986. .cc-lef li.cur {
  987. background: #fff;
  988. border-right: 1px solid #fff;
  989. }
  990. .cc-rig li.cur {
  991. color: #37a6eb;
  992. }
  993. .city-box-leftwrapper,
  994. .city-box-rightwrapper,
  995. .hosp-box-leftwrapper,
  996. .hosp-box-rightwrapper,
  997. .spec-box-leftwrapper {
  998. float: left;
  999. position: relative;
  1000. height: 352px;
  1001. overflow: hidden;
  1002. /* Prevent native touch events on Windows */
  1003. -ms-touch-action: none;
  1004. /* Prevent the callout on tap-hold and text selection */
  1005. -webkit-touch-callout: none;
  1006. -webkit-user-select: none;
  1007. -moz-user-select: none;
  1008. -ms-user-select: none;
  1009. user-select: none;
  1010. /* Prevent text resize on orientation change, useful for web-apps */
  1011. -webkit-text-size-adjust: none;
  1012. -moz-text-size-adjust: none;
  1013. -ms-text-size-adjust: none;
  1014. -o-text-size-adjust: none;
  1015. text-size-adjust: none;
  1016. }
  1017. .city-leftscroller,
  1018. .city-rightscroller,
  1019. .hosp-leftscroller,
  1020. .hosp-rightscroller,
  1021. .spec-leftscroller {
  1022. position: absolute;
  1023. width: 100%;
  1024. /* Prevent elements to be highlighted on tap */
  1025. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1026. /* Put the scroller into the HW Compositing layer right from the start */
  1027. -webkit-transform: translateZ(0);
  1028. -moz-transform: translateZ(0);
  1029. -ms-transform: translateZ(0);
  1030. -o-transform: translateZ(0);
  1031. transform: translateZ(0);
  1032. }
  1033. .shadow-panel {
  1034. display: none;
  1035. }
  1036. .spec-leftscroller div.c-33 {
  1037. color: #5b5b5b;
  1038. float: left;
  1039. box-sizing: border-box;
  1040. border-right: 1px solid #e1e1e1;
  1041. border-bottom: 1px solid #e1e1e1;
  1042. text-align: center;
  1043. text-overflow: ellipsis;
  1044. white-space: nowrap;
  1045. overflow: hidden;
  1046. height: 36px;
  1047. line-height: 36px;
  1048. font-size: 14px;
  1049. }
  1050. .spec-leftscroller div.c-33.cur {
  1051. color: #37a6eb;
  1052. }
  1053. .main-scrollboxer {
  1054. -webkit-overflow-scrolling: touch;
  1055. }
  1056. /*医生列表搜索无数据*/
  1057. .search-nodata {
  1058. width: 100%;
  1059. font-size: 16px;
  1060. color: #5b5b5b;
  1061. text-align: center;
  1062. padding: 100px 0 40px 0;
  1063. }
  1064. .search-nodata-img {
  1065. width: 40%;
  1066. max-width: 320px;
  1067. margin: 0 auto;
  1068. }
  1069. .search-nodata-icon {
  1070. background: url(../images/no-data.png) no-repeat 100% 0;
  1071. width: 100%;
  1072. height: 0;
  1073. padding-bottom: 100%;
  1074. background-size: 100% auto;
  1075. }
  1076. /*网络咨询详情页*/
  1077. .c-avatar-m {
  1078. width: 40px;
  1079. height: 40px;
  1080. border-radius: 50%;
  1081. overflow: hidden;
  1082. }
  1083. .doctor_detail_intro {
  1084. font-size: 15px;
  1085. background: #fff;
  1086. margin-top: 20px;
  1087. }
  1088. .doctor_detail_intro .tit {
  1089. color: #909090;
  1090. display: inline-block;
  1091. float: left;
  1092. width: 75px;
  1093. }
  1094. .doctor_detail_intro .tit2 {
  1095. color: #909090;
  1096. display: inline-block;
  1097. float: left;
  1098. width: auto;
  1099. }
  1100. .doctor_detail_intro .words {
  1101. -webkit-box-flex: 1;
  1102. box-flex: 1;
  1103. display: box;
  1104. display: -webkit-box;
  1105. -webkit-box-orient: vertical;
  1106. -webkit-box-pack: center;
  1107. padding-right: 15px;
  1108. box-sizing: border-box;
  1109. color: #333;
  1110. overflow: hidden;
  1111. }
  1112. .doctor_detail_intro .main_good_at,
  1113. .doctor_detail_intro .main_intro {
  1114. margin-left: 15px;
  1115. padding: 15px 0
  1116. }
  1117. .report-img,
  1118. .report-img img {
  1119. width: 70px;
  1120. height: 70px;
  1121. float: left;
  1122. margin-right: 10px;
  1123. }
  1124. .time-title {
  1125. width: 22px;
  1126. height: 22px;
  1127. border-radius: 50%;
  1128. line-height: 20px;
  1129. text-align: center;
  1130. display: inline-block;
  1131. background-color: #4dcd70
  1132. }
  1133. .time-title i,
  1134. iconfont {
  1135. font-size: 13px;
  1136. }
  1137. .review {
  1138. width: 100%;
  1139. margin-top: 10px;
  1140. }
  1141. .review .hd {
  1142. height: 5px;
  1143. position: relative;
  1144. }
  1145. .review .hd .ui-arrow {
  1146. position: absolute;
  1147. top: -5px;
  1148. left: 10px;
  1149. border-bottom-color: #ff8100;
  1150. }
  1151. .review .hd .ui-arrow s {
  1152. top: -4px;
  1153. }
  1154. .review .bd {
  1155. border: 1px solid #ff8100;
  1156. padding: 10px;
  1157. -webkit-border-radius: 5px;
  1158. -moz-border-radius: 5px;
  1159. border-radius: 5px;
  1160. }
  1161. /*电话咨询记录*/
  1162. .doctor_detail_intro .record-tit {
  1163. color: #909090;
  1164. display: inline-block;
  1165. float: left;
  1166. width: 85px;
  1167. }
  1168. .no-record {
  1169. text-align: center;
  1170. line-height: 23px;
  1171. padding: 0 15px;
  1172. }
  1173. .icon-record {
  1174. display: inline-block;
  1175. width: 125px;
  1176. height: 125px;
  1177. background: url(../images/no-data.png) no-repeat;
  1178. background-size: 100% 100%;
  1179. -webkit-background-size: 100% 100%;
  1180. -moz-background-size: 100% 100%;
  1181. -ms-background-size: 100% 100%;
  1182. margin: 60px 0 5px 0;
  1183. }
  1184. /*电话咨询-登记成功*/
  1185. .win-register {
  1186. text-align: center;
  1187. }
  1188. .win-register i,
  1189. iconfont {
  1190. font-size: 60px;
  1191. }
  1192. .b-height {
  1193. height: 80px;
  1194. }
  1195. .s-height {
  1196. height: 40px;
  1197. line-height: 40px;
  1198. text-align: center
  1199. }
  1200. .c-49 {
  1201. width: 49%
  1202. }
  1203. /*确认就诊人信息*/
  1204. .demo-input-merge .input-group-addon {
  1205. min-width: 90px;
  1206. width: 90px;
  1207. text-align: left;
  1208. }
  1209. .l-span {
  1210. top: 17px;
  1211. left: 0px;
  1212. position: absolute;
  1213. color: #f00
  1214. }
  1215. .words-box {
  1216. padding-top: 8px;
  1217. border-top: 1px solid #e1e1e1;
  1218. }
  1219. .words-box .form-textarea2 {
  1220. height: 100px;
  1221. border: 0px;
  1222. resize: none
  1223. }
  1224. .input-merge .input-group.input-border .input-group-addon,
  1225. .input-merge .input-group.input-border .form-control,
  1226. .input-merge .input-group.input-border .form-select,
  1227. .input-merge .input-group.input-border .form-textarea,
  1228. .input-merge .input-group.input-border .form-control,
  1229. .input-merge .input-group.input-border .form-select,
  1230. .input-merge .input-group.input-border .form-textarea,
  1231. .input-merge .input-group.input-border .input-group-addon {
  1232. border-radius: 0px;
  1233. }
  1234. .input-merge .input-group.input-border {
  1235. padding-left: 15px;
  1236. }
  1237. .input-merge .input-group.input-border .input-group-addon {
  1238. padding-left: 0
  1239. }
  1240. .t-14 {
  1241. top: 14px;
  1242. }
  1243. .t-12 {
  1244. top: 12px;
  1245. position: absolute;
  1246. color: #ff8100;
  1247. }
  1248. .words-box .form-textarea2::-webkit-input-placeholder,
  1249. .words-box .r-textarea::-webkit-input-placeholder {
  1250. color: #bfbfbf;
  1251. }
  1252. .words-box .form-textarea2:-moz-placeholder,
  1253. .words-box .r-textarea:-moz-input-placeholder {
  1254. color: #bfbfbf;
  1255. }
  1256. .words-box .form-textarea2:-ms-input-placeholder,
  1257. .words-box .r-textarea:-ms-input-placeholder {
  1258. color: #bfbfbf;
  1259. }
  1260. .number-r-b {
  1261. right: 15px;
  1262. bottom: -15px;
  1263. position: absolute;
  1264. }
  1265. /*网络咨询*/
  1266. .hz-header {
  1267. height: 45px;
  1268. background: #fff;
  1269. }
  1270. .hz-header li {
  1271. font-size: 13px;
  1272. color: #5b5b5b;
  1273. }
  1274. .hz-header li.cur {
  1275. border-bottom: 2px solid #37a6ed;
  1276. }
  1277. .hz-header li.cur span {
  1278. color: #007cd9;
  1279. }
  1280. .hz-header li span {
  1281. margin: 12px 0;
  1282. border-right: 1px solid #e1e1e1;
  1283. text-align: center;
  1284. display: block;
  1285. box-sizing: border-box;
  1286. }
  1287. .visit-list {}
  1288. .visit-list li {
  1289. border-top: 1px solid #e1e1e1;
  1290. border-bottom: 1px solid #e1e1e1;
  1291. background: #fff;
  1292. padding-left: 15px;
  1293. margin-top: 15px;
  1294. }
  1295. .visit-list li .vlname {
  1296. line-height: 45px;
  1297. border-bottom: 1px solid #f2f2f2;
  1298. position: relative;
  1299. padding-right: 15px;
  1300. }
  1301. .visit-list li .vlname .arrow-right {
  1302. position: absolute;
  1303. right: 15px;
  1304. top: 50%;
  1305. margin-top: -4px;
  1306. }
  1307. .visit-list li .vlcard {
  1308. line-height: 40px;
  1309. color: #bfbfbf;
  1310. padding-right: 15px;
  1311. }
  1312. .c-btn-r,
  1313. .c-btn-full-r {
  1314. display: inline-block;
  1315. zoom: 1;
  1316. *display: inline;
  1317. vertical-align: baseline;
  1318. outline: none;
  1319. cursor: pointer;
  1320. border: 0;
  1321. background: none;
  1322. text-align: center;
  1323. text-decoration: none;
  1324. padding: 5px 10px;
  1325. color: #fff;
  1326. position: relative;
  1327. font: 14px/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53;
  1328. line-height: normal !important;
  1329. background-color: #37a6ec;
  1330. border-radius: 4px;
  1331. }
  1332. .r-w100 {
  1333. width: 100px;
  1334. text-align: right;
  1335. }
  1336. .bgc-fffae8 {
  1337. background: #fffae8;
  1338. }
  1339. .pb3 {
  1340. padding-bottom: 3px;
  1341. }
  1342. .pb2 {
  1343. padding-bottom: 2px;
  1344. }
  1345. .c-ser-btn a {
  1346. height: 28px;
  1347. line-height: 28px;
  1348. border: 1px solid #e8e8e8;
  1349. }
  1350. .c-avatar-s img,
  1351. .c-avatar-m img,
  1352. .c-avatar-l img {
  1353. width: 100%;
  1354. height: auto;
  1355. }
  1356. .test-boxer .c-avatar-m {
  1357. text-align: center;
  1358. padding: 0;
  1359. }
  1360. .test-boxer .c-avatar-m img {
  1361. width: auto;
  1362. height: 100%;
  1363. border-radius: 0;
  1364. }
  1365. /*2015.11.9*/
  1366. .scroll-include {
  1367. height: 260px;
  1368. overflow: hidden;
  1369. }
  1370. @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
  1371. /* 兼容iphone4/4s */
  1372. .scroll-include {
  1373. height: 200px;
  1374. }
  1375. }
  1376. /*2015.11.18*/
  1377. .c-nowrap.c-f16 {
  1378. font-size: 16px !important;
  1379. }
  1380. /*2.12专家列表*/
  1381. .c-ser-main i.left-42 {
  1382. left: 42%;
  1383. }
  1384. .professor-listhead.professor-list-listhead {}
  1385. .professor-list-btn {
  1386. height: 28px;
  1387. line-height: 28px;
  1388. border-radius: 4px;
  1389. padding: 5px 10px;
  1390. margin-left: 10px;
  1391. }
  1392. /*2.12编辑模板*/
  1393. .list-arrow-r.ml0 {
  1394. margin-left: 0;
  1395. }
  1396. /*2.12回复模块*/
  1397. .icon-look {
  1398. background: url(../images/icon-look.png) no-repeat 0 0;
  1399. background-size: 100%;
  1400. width: 22px;
  1401. height: 23px;
  1402. display: block;
  1403. margin: 10px auto 0;
  1404. }
  1405. .talk-box.reply-talk-box {
  1406. padding: 0;
  1407. border-color: #e1e1e1;
  1408. }
  1409. .talk-box.reply-talk-box:after {
  1410. border-color: #e1e1e1;
  1411. left: 15px;
  1412. }
  1413. .talk-box.reply-talk-box.right:after {
  1414. right: 15px;
  1415. left: auto;
  1416. }
  1417. .reply-talk-box.n-list>li {
  1418. padding-left: 15px;
  1419. margin-left: 0;
  1420. border-top: 0;
  1421. }
  1422. .reply-talk-box .look-report li {
  1423. float: left;
  1424. width: 57px;
  1425. text-align: center;
  1426. }
  1427. .reply-talk-box .look-report li div {
  1428. height: 56px;
  1429. border: 1px solid #e3e3e3;
  1430. }
  1431. .icon-homan {
  1432. display: block;
  1433. background: #e1e1e1 url(../images/icon-homan.png) no-repeat 50% 50%;
  1434. width: 40px;
  1435. height: 40px;
  1436. border-radius: 50%;
  1437. background-size: 50%;
  1438. }
  1439. .btn-voice {
  1440. background: url(../images/btn-voice.jpg) no-repeat 0 0;
  1441. background-size: 100%;
  1442. width: 85px;
  1443. height: 34px;
  1444. display: block;
  1445. }
  1446. .icon-reply {
  1447. width: 15px;
  1448. height: 15px;
  1449. display: block;
  1450. background: url(../images/icon-reply.jpg) no-repeat 0 0;
  1451. background-size: 100%;
  1452. }
  1453. .icon-broadcast {
  1454. background: url(../images/icon-broadcast.png) no-repeat 0 0;
  1455. background-size: 100%;
  1456. width: 12px;
  1457. height: 16px;
  1458. }
  1459. .icon-border {
  1460. width: 1px;
  1461. height: 14px;
  1462. margin: 5px 12px 0;
  1463. background-color: #ddd;
  1464. }
  1465. .reply-title {
  1466. position: relative;
  1467. background: #97caff;
  1468. color: #fff;
  1469. font-size: 14px;
  1470. padding: 10px 0;
  1471. padding-left: 25px;
  1472. }
  1473. .reply-title:after {
  1474. position: absolute;
  1475. top: 50%;
  1476. left: 15px;
  1477. margin-top: -5px;
  1478. content: "";
  1479. display: block;
  1480. width: 8px;
  1481. height: 8px;
  1482. border: 1px solid #fff;
  1483. border-width: 0 0 2px 2px;
  1484. -webkit-transform: rotate(45deg);
  1485. -moz-transform: rotate(45deg);
  1486. -ms-transform: rotate(45deg);
  1487. transform: rotate(45deg);
  1488. }
  1489. .c-tag-blue.c-f13 {
  1490. font-size: 13px;
  1491. }
  1492. /*2.12关注*/
  1493. .heed {
  1494. background: url(../images/heed.png) no-repeat 0 0;
  1495. background-size: 100%;
  1496. width: 26px;
  1497. height: 26px;
  1498. display: block;
  1499. margin: 0 auto 5px;
  1500. }
  1501. .heed-orange {
  1502. background: url(../images/heed-orange.png) no-repeat 0 0;
  1503. background-size: 100%;
  1504. width: 26px;
  1505. height: 26px;
  1506. display: block;
  1507. margin: 0 auto 5px;
  1508. }
  1509. #heed,
  1510. #heed-orange {
  1511. width: 40px;
  1512. text-align: center;
  1513. padding-top: 12px;
  1514. }
  1515. .pm_age .agesel.w-70 {
  1516. width: 70px;
  1517. }
  1518. /*2.12回复录音*/
  1519. .win-broadcast {
  1520. position: fixed;
  1521. outline: 0px;
  1522. top: 50%;
  1523. left: 50%;
  1524. margin: -113px 0 0 -135px;
  1525. width: 269px;
  1526. height: 226px;
  1527. border-radius: 5px;
  1528. z-index: 100;
  1529. }
  1530. .win-broadcast .bg {
  1531. background-color: #fff;
  1532. width: 269px;
  1533. height: 226px;
  1534. border-radius: 5px;
  1535. display: block;
  1536. }
  1537. .win-broadcast .broadcast {
  1538. background: url(../images/broadcast.png) no-repeat 0 -2px;
  1539. width: 85px;
  1540. height: 85px;
  1541. display: block;
  1542. background-size: 100%;
  1543. position: absolute;
  1544. top: 67px;
  1545. left: 34%;
  1546. border-radius: 50%;
  1547. z-index: 99;
  1548. }
  1549. .win-broadcast .word {
  1550. position: absolute;
  1551. bottom: 0;
  1552. border-radius: 5px;
  1553. border-top: 1px solid #e1e1e1;
  1554. border-top-right-radius: 0;
  1555. border-top-left-radius: 0;
  1556. color: #666;
  1557. background-color: #fff;
  1558. height: 35px;
  1559. width: 100%;
  1560. line-height: 35px;
  1561. }
  1562. .win-broadcast .word.title {
  1563. top: 0;
  1564. border-top-left-radius: 5px;
  1565. border-top-right-radius: 5px;
  1566. }
  1567. .delete {
  1568. display: block;
  1569. position: absolute;
  1570. height: 12px;
  1571. width: 12px;
  1572. border-radius: 50%;
  1573. background-color: #fff;
  1574. right: 6px;
  1575. top: 6px;
  1576. z-index: 10;
  1577. text-align: center;
  1578. line-height: 9px;
  1579. color: #919191;
  1580. font-size: 12px;
  1581. }
  1582. .broadcast-shadow-panel {
  1583. width: 100%;
  1584. position: absolute;
  1585. overflow: hidden;
  1586. z-index: 10;
  1587. top: 0;
  1588. background-color: rgba(0, 0, 0, .35);
  1589. }
  1590. /*动画*/
  1591. .win-broadcast .broadcast {
  1592. animation: broadcast 2s infinite;
  1593. -webkit-animation: broadcast 2s infinite;
  1594. /* Safari 和 Chrome */
  1595. }
  1596. /* Safari 和 Chrome */
  1597. @-webkit-keyframes broadcast {
  1598. 0% {
  1599. background-color: #ccf5ff;
  1600. box-shadow: 0 0 0 0px #ccf5ff, 0 0 0 0 #c3e9f2, 0 0 0 0px #e9fffe, 0 0 0 0 #ddf5f4;
  1601. }
  1602. 25% {
  1603. background-color: #ccf5ff;
  1604. box-shadow: 0 0 0 5px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe, 0 0 0 1px #ddf5f4;
  1605. }
  1606. 50% {
  1607. background-color: #ccf5ff;
  1608. box-shadow: 0 0 0 10px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe, 0 0 0 1px #ddf5f4;
  1609. }
  1610. 100% {
  1611. background-color: #ccf5ff;
  1612. box-shadow: 0 0 0 15px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe, 0 0 0 1px #ddf5f4;
  1613. }
  1614. }
  1615. /* 12-18 */
  1616. .nxz-voice {
  1617. line-height: 21px;
  1618. text-align: right;
  1619. }
  1620. .nzx-tb {
  1621. display: inline-block;
  1622. width: 15px;
  1623. height: 21px;
  1624. background: url(../images/icon-broadcast.png) no-repeat;
  1625. background-size: 100% auto;
  1626. -webkit-background-size: 100% auto;
  1627. -moz-background-size: 100% auto;
  1628. -ms-background-size: 100% auto;
  1629. vertical-align: middle;
  1630. }
  1631. .win-broadcast-mb {
  1632. width: 100%;
  1633. height: 100%;
  1634. position: fixed;
  1635. left: 0;
  1636. top: 0;
  1637. z-index: 10;
  1638. background: rgba(0, 0, 0, .35);
  1639. display: none;
  1640. }
  1641. .myorder li .vlname {
  1642. line-height: 20px;
  1643. border-bottom: 1px solid #f2f2f2;
  1644. position: relative;
  1645. padding-right: 15px;
  1646. padding-top: 10px;
  1647. padding-bottom: 10px;
  1648. }
  1649. /* 1-12 */
  1650. .myaks-top {}
  1651. .myaks-top li {
  1652. background: #fff;
  1653. border-top: 1px solid #e1e1e1;
  1654. border-bottom: 1px solid #e1e1e1;
  1655. margin-top: 10px;
  1656. }
  1657. .myaks-top li:first-child {
  1658. margin-top: 0;
  1659. }
  1660. .mt-mess {
  1661. margin-left: 10px;
  1662. padding: 10px 0;
  1663. }
  1664. .mt-con {
  1665. margin-left: 10px;
  1666. padding: 10px 10px 10px 0;
  1667. border-top: 1px solid #f2f2f2;
  1668. }
  1669. .mtime {
  1670. line-height: 25px;
  1671. }
  1672. .mtime em {
  1673. display: inline-block;
  1674. width: 14px;
  1675. height: 14px;
  1676. background: url(../images/sex.png) no-repeat;
  1677. background-size: 29px 14px;
  1678. vertical-align: middle;
  1679. margin: 0 5px 5px 0;
  1680. }
  1681. .mtime em.sex-male {
  1682. background-position: 0 0;
  1683. }
  1684. .mtime em.sex-female {
  1685. background-position: -15px 0;
  1686. }
  1687. .msympt {
  1688. position: relative;
  1689. padding-left: 40px;
  1690. min-height: 20px;
  1691. }
  1692. .msympt h4 {
  1693. display: block;
  1694. position: absolute;
  1695. left: 0;
  1696. top: 0;
  1697. color: #909090;
  1698. }
  1699. .mt-state {
  1700. line-height: 40px;
  1701. text-align: center;
  1702. border-top: 1px solid #f2f2f2;
  1703. color: #17b3ec;
  1704. }
  1705. .mreport-list .c-list-link .c-list-value {
  1706. padding-right: 0;
  1707. }
  1708. .h35 {
  1709. height: 35px;
  1710. }
  1711. .myask-lab {
  1712. width: 100%;
  1713. height: 35px;
  1714. background: #fff;
  1715. }
  1716. .myask-lab li {
  1717. display: block;
  1718. width: 33.33%;
  1719. float: left;
  1720. font-size: 13px;
  1721. color: #5b5b5b;
  1722. line-height: 34px;
  1723. text-align: center;
  1724. position: relative;
  1725. z-index: 600;
  1726. }
  1727. .labfixed {
  1728. position: fixed;
  1729. left: 0;
  1730. top: 0;
  1731. z-index: 600;
  1732. }
  1733. .myask-lab li.curr {
  1734. border-bottom: 2px solid #17b3ec;
  1735. color: #17b3ec;
  1736. }
  1737. .myask-lab:before {
  1738. content: '';
  1739. display: block;
  1740. width: 33.33%;
  1741. height: 22px;
  1742. position: absolute;
  1743. left: 33.33%;
  1744. top: 6px;
  1745. border-left: 1px solid #f2f2f2;
  1746. border-right: 1px solid #f2f2f2;
  1747. z-index: 500;
  1748. }
  1749. .myask-visit li {
  1750. margin-top: 10px;
  1751. }
  1752. .myask-visit li:first-child {
  1753. margin-top: 0;
  1754. }
  1755. /* 再次咨询弹窗 */
  1756. .botpop {
  1757. position: fixed;
  1758. left: 0;
  1759. bottom: 0;
  1760. width: 100%;
  1761. z-index: 700;
  1762. -webkit-animation: choopop .2s ease;
  1763. animation: choopop .2s ease;
  1764. display: none;
  1765. }
  1766. @-webkit-keyframes choopop {
  1767. 0% {
  1768. bottom: -200px;
  1769. }
  1770. 100% {
  1771. bottom: 0px;
  1772. }
  1773. }
  1774. @keyframes choopop {
  1775. 0% {
  1776. bottom: -200px;
  1777. }
  1778. 100% {
  1779. bottom: 0px;
  1780. }
  1781. }
  1782. .botpop li {
  1783. line-height: 50px;
  1784. background: #fff;
  1785. border-top: 1px solid #f2f2f2;
  1786. padding: 0 15px;
  1787. }
  1788. .botpop li.curr {
  1789. color: #17b3ec;
  1790. }
  1791. .botpopmb {
  1792. width: 100%;
  1793. height: 100%;
  1794. background: rgba(0, 0, 0, .4);
  1795. position: fixed;
  1796. left: 0;
  1797. top: 0;
  1798. z-index: 650;
  1799. display: none;
  1800. }
  1801. /* index */
  1802. .bgc-f2f4f6 {
  1803. background-color: #f2f4f6;
  1804. }
  1805. .bor-f2-r {
  1806. border-right: 1px solid #f2f2f2;
  1807. }
  1808. .bor-f2-b {
  1809. border-bottom: 1px solid #f2f2f2;
  1810. }
  1811. .bor-f2-tb {
  1812. border-top: 1px solid #f2f2f2;
  1813. border-bottom: 1px solid #f2f2f2;
  1814. }
  1815. .lih43 {
  1816. line-height: 43px;
  1817. }
  1818. .icon-mindex {
  1819. display: inline-block;
  1820. background: url(../images/icon-mindex.png) no-repeat;
  1821. background-size: 250px 250px;
  1822. vertical-align: text-top;
  1823. }
  1824. .icon-mpart1 {
  1825. width: 91px;
  1826. height: 100px;
  1827. background-position: 0 0;
  1828. margin-bottom: 5px;
  1829. }
  1830. .icon-mpart2 {
  1831. width: 49px;
  1832. height: 40px;
  1833. background-position: -95px 0;
  1834. margin-top: -21px;
  1835. }
  1836. .icon-mpart3 {
  1837. width: 40px;
  1838. height: 39px;
  1839. background-position: -150px 0;
  1840. margin-bottom: 2px;
  1841. }
  1842. .icon-mpart4 {
  1843. width: 41px;
  1844. height: 39px;
  1845. background-position: -195px 0;
  1846. margin-bottom: 2px;
  1847. }
  1848. .icon-msearch {
  1849. width: 15px;
  1850. height: 15px;
  1851. background-position: 0 -155px;
  1852. margin: 1px 5px 0 0;
  1853. }
  1854. .mindex-search {
  1855. width: 100%;
  1856. padding: 8px 7px;
  1857. background-color: #fff;
  1858. }
  1859. .mindex-search div {
  1860. height: 27px;
  1861. line-height: 27px;
  1862. background-color: #f2f2f2;
  1863. border-radius: 3px;
  1864. }
  1865. .mindex-search div {
  1866. position: relative;
  1867. padding: 0 10px 0 30px;
  1868. }
  1869. .mindex-search .icon-msearch {
  1870. position: absolute;
  1871. left: 8px;
  1872. top: 5px;
  1873. }
  1874. .mindex-search .search-text {
  1875. display: block;
  1876. width: 100%;
  1877. height: 100%;
  1878. background-color: #f2f2f2;
  1879. appearance: none;
  1880. -webkit-appearance: none;
  1881. border-radius: 3px;
  1882. }
  1883. .mindex-top {
  1884. background: #fff;
  1885. line-height: 20px;
  1886. height: 187px;
  1887. }
  1888. .mt-center {
  1889. display: box;
  1890. display: -webkit-box;
  1891. -webkit-box-orient: vertical;
  1892. -webkit-box-pack: center;
  1893. text-align: center;
  1894. }
  1895. .mt-part1-1 {
  1896. width: 47%;
  1897. height: 100%;
  1898. float: left;
  1899. }
  1900. .mt-part1-2 {
  1901. width: 53%;
  1902. height: 100%;
  1903. float: left;
  1904. }
  1905. .mt-part2 {
  1906. width: 100%;
  1907. height: 50%;
  1908. }
  1909. .mt-part3 {
  1910. width: 50%;
  1911. height: 100%;
  1912. float: left;
  1913. }
  1914. .mt-freeask {
  1915. display: inline-block;
  1916. }
  1917. .mindex-img {
  1918. position: relative;
  1919. }
  1920. .mindex-img .bd li {
  1921. display: block;
  1922. width: 100%;
  1923. height: 61px;
  1924. }
  1925. .mindex-img .bd li img {
  1926. width: 100%;
  1927. height: 100%;
  1928. }
  1929. .mindex-img .hd {
  1930. position: absolute;
  1931. height: 7px;
  1932. line-height: 7px;
  1933. bottom: 5px;
  1934. left: 50%;
  1935. font-size: 1px;
  1936. transform: translateX(-50%);
  1937. -webkit-transform: translateX(-50%);
  1938. -moz-transform: translateX(-50%);
  1939. -ms-transform: translateX(-50%);
  1940. }
  1941. .mindex-img .hd li {
  1942. display: inline-block;
  1943. width: 7px;
  1944. height: 7px;
  1945. line-height: 7px;
  1946. background: #cacaca;
  1947. border-radius: 50%;
  1948. margin: 0 5px;
  1949. font-size: 0px;
  1950. overflow: hidden;
  1951. color: #cacaca;
  1952. }
  1953. .mindex-img .hd li.on {
  1954. background: #17b3ec;
  1955. color: #17b3ec;
  1956. }
  1957. .mindex-list {
  1958. background-color: #fff;
  1959. }
  1960. .mindex-list li {
  1961. display: block;
  1962. width: 25%;
  1963. height: 80px;
  1964. float: left;
  1965. box-sizing: border-box;
  1966. -webkit-box-sizing: border-box;
  1967. -moz-box-sizing: border-box;
  1968. -ms-box-sizing: border-box;
  1969. display: box;
  1970. display: -webkit-box;
  1971. -webkit-box-orient: vertical;
  1972. -webkit-box-pack: center;
  1973. text-align: center;
  1974. border-right: 1px solid #f2f2f2;
  1975. border-top: 1px solid #f2f2f2;
  1976. color: #909090;
  1977. }
  1978. .mindex-list li:nth-child(4n) {
  1979. border-right: 0;
  1980. }
  1981. .mindex-list li i {
  1982. width: 25px;
  1983. height: 25px;
  1984. }
  1985. .icon-mlist3 {
  1986. background-position: 0 -105px;
  1987. }
  1988. .icon-mlist4 {
  1989. background-position: -25px -105px;
  1990. }
  1991. .icon-mlist5 {
  1992. background-position: -50px -105px;
  1993. }
  1994. .icon-mlist80 {
  1995. background-position: -75px -105px;
  1996. }
  1997. .icon-mlist10 {
  1998. background-position: -100px -105px;
  1999. }
  2000. .icon-mlist11 {
  2001. background-position: -125px -105px;
  2002. }
  2003. .icon-mlist12 {
  2004. background-position: -150px -105px;
  2005. }
  2006. .icon-mlist19 {
  2007. background-position: -175px -105px;
  2008. }
  2009. .icon-mlist13 {
  2010. background-position: -200px -105px;
  2011. }
  2012. .icon-mlist50 {
  2013. background-position: -225px -105px;
  2014. }
  2015. .icon-mlist16 {
  2016. background-position: 0 -130px;
  2017. }
  2018. .icon-mlist54 {
  2019. background-position: -25px -130px;
  2020. }
  2021. .icon-mlist27 {
  2022. background-position: -50px -130px;
  2023. }
  2024. .icon-mlist14 {
  2025. background-position: -75px -130px;
  2026. }
  2027. .icon-mlist21 {
  2028. background-position: -100px -130px;
  2029. }
  2030. .icon-mlist52 {
  2031. background-position: -125px -130px;
  2032. }
  2033. .icon-mlist15 {
  2034. background-position: -150px -130px;
  2035. }
  2036. .icon-mlist81 {
  2037. background-position: -175px -130px;
  2038. }
  2039. .icon-mlist78 {
  2040. background-position: -200px -130px;
  2041. }
  2042. .mindex-recom {
  2043. background-color: #fff;
  2044. padding: 10px;
  2045. }
  2046. .mindex-recom .mrtit {
  2047. line-height: 23px;
  2048. }
  2049. .mindex-recom ul {
  2050. display: block;
  2051. }
  2052. .mindex-recom li {
  2053. display: block;
  2054. width: 25%;
  2055. float: left;
  2056. text-align: center;
  2057. box-sizing: border-box;
  2058. -webkit-box-sizing: border-box;
  2059. -moz-box-sizing: border-box;
  2060. -ms-box-sizing: border-box;
  2061. padding: 0 2px;
  2062. margin-top: 10px;
  2063. line-height: 1.4;
  2064. }
  2065. .mindex-recom li img {
  2066. width: 40px;
  2067. height: 40px;
  2068. border-radius: 50%;
  2069. margin-bottom: 2px;
  2070. }
  2071. /*2.15专家列表*/
  2072. .cc-lef li.cur span {
  2073. padding-left: 15px;
  2074. background: url(../images/cs-jtright.png) no-repeat left center;
  2075. }
  2076. .spec-box-leftwrapper .c-100 {
  2077. text-align: center;
  2078. padding: 15px 15px;
  2079. color: #5b5b5b;
  2080. font-size: 14px;
  2081. border-bottom: 1px solid #e1e1e1;
  2082. box-sizing: border-box;
  2083. }
  2084. .spec-box-leftwrapper .c-100.cur {
  2085. color: #37a6eb;
  2086. }
  2087. .scroll-itemchoscbox {
  2088. width: 100%;
  2089. height: 302px;
  2090. overflow: hidden;
  2091. background: #fff;
  2092. font-size: 14px;
  2093. }
  2094. .itemchos-box-leftwrapper {
  2095. position: relative;
  2096. height: 302px;
  2097. overflow: hidden;
  2098. /* Prevent native touch events on Windows */
  2099. -ms-touch-action: none;
  2100. /* Prevent the callout on tap-hold and text selection */
  2101. -webkit-touch-callout: none;
  2102. -webkit-user-select: none;
  2103. -moz-user-select: none;
  2104. -ms-user-select: none;
  2105. user-select: none;
  2106. /* Prevent text resize on orientation change, useful for web-apps */
  2107. -webkit-text-size-adjust: none;
  2108. -moz-text-size-adjust: none;
  2109. -ms-text-size-adjust: none;
  2110. -o-text-size-adjust: none;
  2111. text-size-adjust: none;
  2112. }
  2113. .itemchos-leftscroller {
  2114. position: absolute;
  2115. width: 100%;
  2116. /* Prevent elements to be highlighted on tap */
  2117. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2118. /* Put the scroller into the HW Compositing layer right from the start */
  2119. -webkit-transform: translateZ(0);
  2120. -moz-transform: translateZ(0);
  2121. -ms-transform: translateZ(0);
  2122. -o-transform: translateZ(0);
  2123. transform: translateZ(0);
  2124. }
  2125. .itemch-tit h2 {
  2126. line-height: 28px;
  2127. }
  2128. .itemchos-leftscroller .disp-tit-box {
  2129. color: #5b5b5b;
  2130. }
  2131. .itemchos-leftscroller .disp-tit-box em {
  2132. color: #37a6ec;
  2133. }
  2134. .itemchos-leftscroller .disp-mainbox {
  2135. padding: 15px 0 10px;
  2136. }
  2137. .itemchos-leftscroller .disp-sloer .c-33 {
  2138. border-radius: 3px;
  2139. text-align: center;
  2140. background: #f2f2f2;
  2141. color: #333333;
  2142. padding: 3px 0;
  2143. margin-bottom: 15px;
  2144. }
  2145. .itemchos-leftscroller .disp-sloer .c-33.cur {
  2146. background: #37a6ec;
  2147. color: #fff;
  2148. }
  2149. .disp-sloer .c-row .c-33:last-child {
  2150. margin-left: 0;
  2151. }
  2152. .disp-sloer .c-row .c-33.tipsl {
  2153. margin-right: 3%;
  2154. }
  2155. .c-ffa800 {
  2156. color: #ffa800;
  2157. }
  2158. .itemch-tit .c-btn-tiny {
  2159. width: 65px;
  2160. }
  2161. .c-lab-mor li.doctor a {
  2162. border-left: 1px solid #f2f2f2;
  2163. }
  2164. .test-boxer.second .c-avatar-m img {
  2165. border-radius: 100%;
  2166. }
  2167. .second .cc-lef li.cur span {
  2168. background: none;
  2169. }
  2170. /* 绿色风格皮肤样式 */
  2171. /*green*/
  2172. .wdz-green .c-btn-maincolor {
  2173. background: #4dcd70;
  2174. }
  2175. /*微导诊按钮绿色*/
  2176. .wdz-green .c-btn-maincolor:hover {
  2177. background-color: #4dc86f;
  2178. }
  2179. .wdz-green .c-btn-wordcolor {
  2180. color: #4dcd70;
  2181. }
  2182. /*微导诊文字绿色*/
  2183. .wdz-green .professor-listhead li em.cur {
  2184. color: #4dcd70;
  2185. }
  2186. .wdz-green .cc-rig li.cur {
  2187. color: #4dcd70;
  2188. }
  2189. /*专家列表按城市文字绿色*/
  2190. .wdz-green .spec-leftscroller div.c-33.cur {
  2191. color: #4dcd70;
  2192. }
  2193. /*专家列表按专科文字绿色*/
  2194. .wdz-green .c-37a6ed,
  2195. .wdz-green c-007cd9 {
  2196. color: #4dcd70;
  2197. }
  2198. .wdz-green .c-lab-les {
  2199. border: 1px solid #4dc86f;
  2200. }
  2201. .wdz-green .c-lab-les li {
  2202. border-left: 1px solid #4dc86f;
  2203. }
  2204. .wdz-green .c-lab-les li a {
  2205. color: #4dc86f;
  2206. }
  2207. .wdz-green .c-lab-les li.hit {
  2208. background-color: #4dc86f;
  2209. }
  2210. .wdz-green .c-lab-les li.hit a {
  2211. color: #fff;
  2212. }
  2213. .wdz-green .c-lab-mor li.hit {
  2214. border-bottom: 3px solid #4dc86f;
  2215. }
  2216. .wdz-green .c-lab-mor li.hit a {
  2217. color: #4dc86f;
  2218. }
  2219. .wdz-green .hz-header li.cur {
  2220. border-bottom: 2px solid #4dc86f;
  2221. }
  2222. .wdz-green .hz-header li.cur span {
  2223. color: #4dc86f;
  2224. }
  2225. .wdz-green .c-ser-btn a {
  2226. background: #4dc86f;
  2227. }
  2228. .wdz-green .view-more a {
  2229. color: #4dc86f;
  2230. }
  2231. .wdz-green .c-4dc86f {
  2232. color: #4dc86f;
  2233. }
  2234. .wdz-green .spec-box-leftwrapper .c-100.cur {
  2235. color: #4dc86f;
  2236. }
  2237. .wdz-green .scroll-itemchoscbox .c-btn-37a6ec {
  2238. background: #4dcd70;
  2239. }
  2240. .wdz-green .itemchos-leftscroller .disp-sloer .c-33.cur {
  2241. background: #4dcd70;
  2242. }
  2243. .wdz-green .itemchos-leftscroller .disp-tit-box em {
  2244. color: #4dc86f;
  2245. }
  2246. .swiper-container {
  2247. width: 100%;
  2248. margin: 10px auto 0 auto !important;
  2249. }
  2250. .swiper-slide {
  2251. text-align: center;
  2252. font-size: 18px;
  2253. background: #fff;
  2254. display: -webkit-box;
  2255. display: -ms-flexbox;
  2256. display: -webkit-flex;
  2257. display: flex;
  2258. -webkit-box-pack: center;
  2259. -ms-flex-pack: center;
  2260. -webkit-justify-content: center;
  2261. justify-content: center;
  2262. -webkit-box-align: center;
  2263. -ms-flex-align: center;
  2264. -webkit-align-items: center;
  2265. align-items: center;
  2266. }
  2267. .swiper-slide div {
  2268. text-align: center;
  2269. }
  2270. .swiper-container .swiper-slide div img {
  2271. width: 40px;
  2272. height: 40px;
  2273. border-radius: 50%;
  2274. }