sale.css 21 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145
  1. .toptaplist{
  2. background: #fff;
  3. overflow: hidden;
  4. }
  5. .toptaplist .dc_flex{
  6. height: 44px;
  7. }
  8. .toptaplist .dc_hd{
  9. text-align: center;
  10. line-height: 44px;
  11. height: 44px;
  12. position: relative
  13. }
  14. .toptaplist .dc_hd span{
  15. font-size: 15px;
  16. color: #666666;
  17. display: inline-block;
  18. height: 44px;
  19. position: relative;
  20. width: 100%;
  21. }
  22. .toptaplist .dc_hd.active span{
  23. color: #3399FF;
  24. }
  25. .toptaplist .dc_hd.active span:after{
  26. position: absolute;
  27. content: '';
  28. width: 38px;
  29. height: 3px;
  30. background: #3399FF;
  31. border-radius: 1.5px;
  32. bottom: 0;
  33. left: 50%;
  34. -webkit-transform: translate(-50%, 0);
  35. transform: translate(-50%, 0);
  36. }
  37. .toptaplist .dc_hd+.dc_hd:after{
  38. position: absolute;
  39. content: '';
  40. width: 1px;
  41. height: 30px;
  42. top: 7px;
  43. left: 0;
  44. background: #E6E6E6;
  45. -webkit-transform: scaleX(0.5);
  46. transform: scaleX(0.5);
  47. }
  48. .huiyuanitem .list{
  49. background: #fff;
  50. padding: 12px 15px;
  51. position: relative;
  52. }
  53. .huiyuanitem .list+.list:after{
  54. position: absolute;
  55. content: '';
  56. height: 1px;
  57. top: 0px;
  58. left: 0;
  59. right: 0;
  60. background: #E6E6E6;
  61. -webkit-transform: scaleY(0.5);
  62. transform: scaleY(0.5);
  63. }
  64. .huiyuanitem .headpic img{
  65. width: 100%;
  66. height: 100%;
  67. border-radius: 50%;
  68. overflow: hidden;
  69. }
  70. .huiyuanitem .headpic{
  71. margin-right: 12px;
  72. width: 54px;
  73. height: 54px;
  74. overflow: hidden;
  75. }
  76. .huiyuanitem .info{
  77. font-size: 14px;
  78. color: #999999;
  79. }
  80. .huiyuanitem .info p+p{
  81. margin-top: 2px;
  82. }
  83. .huiyuanitem .info .name{
  84. font-size: 16px;
  85. color: #333333;
  86. }
  87. /* newpages/详情.html 新添加拨号样式 start */
  88. .huiyuanitem .info .mobile img{
  89. width: 15px;
  90. display: inline-block;
  91. vertical-align: middle;
  92. }
  93. .huiyuanitem .info .mobile a{
  94. width: 15px;
  95. margin-left: .1rem;
  96. display: inline-block;
  97. vertical-align: middle;
  98. font-size: 14px;
  99. color: #48A3FE;
  100. text-decoration: underline;
  101. }
  102. /* newpages/详情.html 新添加拨号样式 end */
  103. /* newpages/详情.html 新添加编辑样式 start */
  104. .huiyuanitem .edit {
  105. margin-top: 35px;
  106. }
  107. .huiyuanitem .edit a {
  108. font-size: 14px;
  109. color: #CCCCCC;
  110. }
  111. .huiyuanitem .edit .arrow_right{
  112. width: .2rem;
  113. height: .2rem;
  114. display: inline-block;
  115. vertical-align: middle;
  116. background: #fff;
  117. border-top: 1px #CCCCCC solid;
  118. border-right: 1px #CCCCCC solid;
  119. -webkit-transform: rotate(45deg);
  120. transform: rotate(45deg);
  121. }
  122. /* newpages/详情.html 新添加编辑样式 end */
  123. .huiyuanitem .btn a{
  124. display: block;
  125. height: 34px;
  126. line-height: 34px;
  127. width: 84px;
  128. text-align: center;
  129. color: #fff;
  130. font-size: 14px;
  131. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  132. border-radius: 82px;
  133. }
  134. .btn_paixun{
  135. text-align: right;
  136. padding: 12px 15px 10px;
  137. }
  138. .btn_paixun a{
  139. line-height: 20px;
  140. font-size: 14px;
  141. display: inline-block;
  142. color: #3399FF;
  143. }
  144. .btn_paixun a i{
  145. font-size: 14px;
  146. margin-left: 5px;
  147. }
  148. .no_date{
  149. text-align: center;
  150. background: #fff;
  151. padding: 100px 0;
  152. }
  153. .no_date img{
  154. width: 2rem;
  155. display: inline-block;
  156. }
  157. .no_date p{
  158. font-size: 14px;
  159. color: #ccc;
  160. margin-top: 10px;
  161. }
  162. .lianxi .list{
  163. padding: 20px 15px;
  164. }
  165. .buy_fuwu_item{
  166. margin-top: 10px;
  167. background: #fff;
  168. padding: 15px;
  169. }
  170. .buy_fuwu_item>.title{
  171. line-height: 20px;
  172. font-size: 14px;
  173. color: #666666;
  174. margin-bottom: 15px;
  175. }
  176. .buy_fuwu_item .list{
  177. background: #F7F9FA;
  178. border-radius: 4px;
  179. padding: 12px 10px;
  180. }
  181. .buy_fuwu_item .list+.list{
  182. margin-top: 10px;
  183. }
  184. .buy_fuwu_item .list p.txt{
  185. font-size: 15px;
  186. color: #666666;
  187. }
  188. .buy_fuwu_item .list p.txt+p.txt{
  189. margin-top: 5px;
  190. }
  191. .buy_fuwu_item .list .type{
  192. font-size: 17px;
  193. color: #000000;
  194. line-height: 26px;
  195. margin-bottom: 13px !important;
  196. }
  197. .buy_fuwu_item .bj{
  198. display: inline-block;
  199. height: 26px;
  200. line-height: 26px;
  201. text-align: center;
  202. padding: 0 10px;
  203. font-size: 14px;
  204. color: #4A95E1;
  205. border-radius: 4px;
  206. border:1px solid #4A95E1;
  207. margin-left: 12px;
  208. }
  209. .buy_fuwu_item .bj.bj_ed{
  210. color: #FF2943;
  211. border-color: #FF2943;
  212. }
  213. .salepanel{
  214. padding: 15px;
  215. background: #fff;
  216. }
  217. .salepanel+.salepanel{
  218. margin-top: 10px;
  219. }
  220. .salepanel>.title{
  221. font-size: 14px;
  222. color: #666666;
  223. line-height: 20px;
  224. margin-bottom: 10px;
  225. }
  226. .salepanel>.title a{
  227. float: right;
  228. color: #999999;
  229. }
  230. .salepanel>.title a i.iconfont{
  231. font-size: 14px;
  232. }
  233. .sale_cygnbox .list+.list{
  234. margin-left: 15px;
  235. }
  236. .sale_cygnbox .list{
  237. height: 54px;
  238. text-align: center;
  239. font-size: 0;
  240. border-radius: 5px;
  241. padding: 11.5px 0;
  242. }
  243. .sale_cygnbox .list img{
  244. height: 31px;
  245. display: inline-block;
  246. vertical-align: middle;
  247. }
  248. .sale_cygnbox .list .txt{
  249. font-size: 16px;
  250. vertical-align: middle;
  251. margin-left: 8px;
  252. }
  253. .sale_cygnbox .list:first-child{
  254. background: #FFE5CF;
  255. color: #FF6B4A;
  256. }
  257. .sale_cygnbox .list:last-child{
  258. background: #DEFAC1;
  259. color: #7CBC3B;
  260. }
  261. .sala_gh_list{
  262. background: #FFFFFF;
  263. border: 1px solid #E6E6E6;
  264. border-radius: 4px;
  265. margin-top: 15px;
  266. }
  267. .sala_gh_list .pic,.sala_gh_list .pic img{
  268. height: 44px;
  269. width: 44px;
  270. border-radius: 50%;
  271. overflow: hidden;
  272. }
  273. .sala_gh_list .pic{
  274. margin-right: 15px;
  275. }
  276. .sala_gh_list .txt{
  277. font-size: 16px;
  278. color: #333333;
  279. line-height: 24px;
  280. margin-bottom: 15px;
  281. }
  282. .sala_gh_list .gh_top .ban{
  283. position: relative;
  284. width: 100%;
  285. height: 122px;
  286. background: url(../images/gh_topban.png) no-repeat top center/100% 122px;
  287. }
  288. .sala_gh_list .gh_top .ban img{
  289. width: 68px;
  290. height: 68px;
  291. position: absolute;
  292. border-radius: 50%;
  293. left: 50%;
  294. margin-left: -34px;
  295. top: 39px;
  296. }
  297. .sala_gh_list .gh_txt{
  298. text-align: center;
  299. font-size: 14px;
  300. color: #000000;
  301. margin: 15px auto;
  302. line-height: 20px;
  303. }
  304. .sala_gh_list .gh_list{
  305. padding: 15px;
  306. }
  307. .sala_gh_list .gh_list .pic{
  308. width: 44px;
  309. height: 44px;
  310. overflow: hidden;
  311. border-radius: 50%;
  312. margin-right: 15px;
  313. }
  314. .sala_gh_list .gh_list .pic img{
  315. width: 100%;
  316. height: 100%;
  317. }
  318. .sala_gh_list .gh_list .txt{
  319. font-size: 16px;
  320. color: #333333;
  321. line-height: 24px;
  322. }
  323. .sala_gh_list .gh_list .other{
  324. margin-top: 15px;
  325. }
  326. .sala_gh_list .gh_list .other .time{
  327. font-size: 13px;
  328. color: #999999;
  329. line-height: 28px;
  330. }
  331. .sala_gh_list .gh_list .other .xq a{
  332. display: block;
  333. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  334. width: 84px;
  335. text-align: center;
  336. height: 34px;
  337. line-height: 34px;
  338. font-size: 14pxs;
  339. color: #fff;
  340. border-radius: 17px;
  341. }
  342. /* newpages/home.html 新添加的样式 start */
  343. .sala_gh_list_none {
  344. background: #FFFFFF;
  345. margin-top: 15px;
  346. display: -moz-box;
  347. display: -webkit-flex;
  348. display: flex;
  349. -webkit-box-pack: center;
  350. -webkit-justify-content: center;
  351. -webkit-align-items: center;
  352. -webkit-box-align: center;
  353. justify-content: center;
  354. align-items: center;
  355. }
  356. .sala_gh_list_none .gh_none {
  357. padding: 28px;
  358. text-align: center;
  359. }
  360. .sala_gh_list_none .gh_none .gh_img {
  361. width: 1.5rem;
  362. margin: 0 auto;
  363. margin-bottom: 10px;
  364. }
  365. .sala_gh_list_none .gh_none .gh_img img {
  366. width: 100%;
  367. height: 100%;
  368. }
  369. .sala_gh_list_none .gh_none .gh_text {
  370. font-size: 14px;
  371. color: #999999;
  372. }
  373. /* newpages/home.html 新添加的样式 end */
  374. .sale_linklist img{
  375. width: 100%;
  376. border-radius: 4px;
  377. height: 129px;
  378. }
  379. .sale_linklist .pic img {
  380. width: 5rem;
  381. }
  382. .sale_linklist .list+.list{
  383. margin-top: 15px;
  384. }
  385. .sale_linklist .txt {
  386. width: 1.85rem;
  387. height: 122px;
  388. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  389. border-radius: 5px;
  390. font-size: 15px;
  391. color: #FFFFFF;
  392. text-align: center;
  393. line-height: 21px;
  394. display: -moz-box;
  395. display: -webkit-flex;
  396. display: flex;
  397. -webkit-box-pack: center;
  398. -webkit-justify-content: center;
  399. -webkit-align-items: center;
  400. -webkit-box-align: center;
  401. justify-content: center;
  402. align-items: center;
  403. }
  404. .daoguan_dj{
  405. position: fixed;
  406. width: 100%;
  407. top: 0;
  408. bottom: 0;
  409. left: 0;
  410. right: 0;
  411. background:#d2eaf4;
  412. }
  413. .daoguan_dj .txt {
  414. width: 4.06rem;
  415. height: 1rem;
  416. position: absolute;
  417. top: 0.9rem;
  418. left: 50%;
  419. transform: translateX(-50%);
  420. z-index: 100;
  421. }
  422. .daoguan_dj .txt img{
  423. width: 100%;
  424. height: 100%;
  425. }
  426. .daoguan_dj .qr_box_bg{
  427. width: 6.52rem;
  428. height: 6.86rem;
  429. position: absolute;
  430. top: 1.56rem;
  431. left: 0.57rem;
  432. opacity: 0.5;
  433. background: #B4D6E4;
  434. border-radius: 0.32rem;
  435. }
  436. .daoguan_dj .qr_box{
  437. width: 6.52rem;
  438. height: 6.86rem;
  439. position: absolute;
  440. top: 1.39rem;
  441. left: 0.42rem;
  442. background: #fff;
  443. border-radius: 0.32rem;
  444. z-index: 99;
  445. }
  446. .daoguan_dj .qrcodepic{
  447. width: 4.26rem;
  448. height: 4.26rem;
  449. position: absolute;
  450. left: 1.13rem;
  451. top: 1.2rem;
  452. }
  453. .daoguan_dj .qrcodepic img{
  454. width: 100%;
  455. height: 100%;
  456. }
  457. .daoguan_dj .wz{
  458. position: absolute;
  459. bottom: 0.36rem;
  460. left: 10px;
  461. right: 10px;
  462. text-align: center;
  463. font-size: 15px;
  464. color: #88B6CA;
  465. line-height: 1.2;
  466. }
  467. .daoguan_dj .footbg{
  468. background: #A8CEDE;
  469. height: 1.28rem;
  470. width: 100%;
  471. bottom: 0;
  472. position: absolute;
  473. }
  474. .daoguan_dj .foot_kt{
  475. width: 6.06rem;
  476. height: 3.02rem;
  477. background: url(../images/xiaohai.png) no-repeat center center/100%;
  478. bottom: 0.48rem;
  479. left: 50%;
  480. transform: translateX(-50%);
  481. position: absolute;
  482. }
  483. .sale_yuyue{
  484. position: relative;
  485. overflow: hidden;
  486. }
  487. .sale_yuyue .headpic{
  488. width: 2rem;
  489. height: 2rem;
  490. margin: 0.6rem auto 0;
  491. border-radius: 50%;
  492. overflow: hidden;
  493. }
  494. .sale_yuyue .headpic img{
  495. width: 100%;
  496. height: 100%;
  497. }
  498. .sale_yuyue .headname{
  499. font-size: 18px;
  500. color: #000000;
  501. width: 100%;
  502. overflow: hidden;
  503. text-align: center;
  504. margin: 0.3rem auto 0;
  505. }
  506. .sale_yuyue .yy_form{
  507. padding: 0.68rem 15px 1.2rem;
  508. }
  509. .sale_yuyue .yy_form .type{
  510. font-size: 15px;
  511. color: #666666;
  512. margin-right: 15px;
  513. }
  514. .sale_yuyue .yy_form input{
  515. border: 1px solid #BDBDBD;
  516. background: #F8F8F8;
  517. border-radius: 4px;
  518. height: 38px;
  519. margin: 0;
  520. font-size: 14px;
  521. padding: 0 12px;
  522. }
  523. .sale_yuyue .yy_form .list+.list{
  524. margin-top: 20px;
  525. }
  526. .sale_yuyue .yy_form select{
  527. border: 1px solid #BDBDBD !important;
  528. border-radius: 4px;
  529. height: 38px;
  530. padding: 0 12px;
  531. margin: 0;
  532. font-size: 14px;
  533. position: relative;
  534. appearance: none;
  535. -moz-appearance: none;
  536. -webkit-appearance: none;
  537. background: #F8F8F8 url(../images/downicon.png) no-repeat center right / 18px 6px;
  538. padding-right: 18px;
  539. }
  540. .btn_box{
  541. padding: 20px 15px;
  542. border-top: 1px solid #e6e6e6;
  543. }
  544. .btn_box a{
  545. display: block;
  546. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  547. box-shadow: 1px 1px 7px 0 rgba(97,170,255,0.50);
  548. height: 38px;
  549. line-height: 38px;
  550. text-align: center;
  551. color: #fff;
  552. font-size: 14px;
  553. border-radius: 19px;
  554. }
  555. .g_grxxbox .headpic {
  556. margin-right: 12px;
  557. width: 54px;
  558. height: 54px;
  559. overflow: hidden;
  560. }
  561. .g_grxxbox .headpic img {
  562. width: 100%;
  563. height: 100%;
  564. border-radius: 50%;
  565. overflow: hidden;
  566. }
  567. .g_grxxbox .info .name {
  568. font-size: 16px;
  569. color: #333333;
  570. }
  571. .g_grxxbox .info .name span{
  572. font-size: 14px;
  573. color: #666;
  574. margin-left: 10px;
  575. }
  576. .g_grxxbox .info {
  577. font-size: 14px;
  578. color: #999999;
  579. }
  580. .g_grxxbox .info p+p {
  581. margin-top: 2px;
  582. }
  583. .g_grxxbox .info .tel a{
  584. color: #48A3FE;
  585. }
  586. .yy_listtxtbox{
  587. padding: 12px 10px;
  588. background: #F7F9FA;
  589. border-radius: 4px;
  590. }
  591. .yy_listtxtbox+.yy_listtxtbox{
  592. margin-top: 10px;
  593. }
  594. .yy_listtxtbox .title{
  595. font-size: 15px;
  596. color: #000000;
  597. }
  598. .yy_listtxtbox .info{
  599. font-size: 15px;
  600. color: #666666;
  601. line-height: 21px;
  602. }
  603. .yy_listtxtbox p+p{
  604. margin-top: 5px;
  605. }
  606. .yy_listtxtbox .color{
  607. color: #48A3FE;
  608. }
  609. .xiaoshoulist .list{
  610. padding: 15px;
  611. margin: 0 -15px;
  612. }
  613. .xiaoshoulist .list+.list{
  614. border-top: 1px solid #e6e6e6;
  615. }
  616. .xiaoshoulist .num{
  617. font-size: 16px;
  618. color: #333333;
  619. margin-right: 12px;
  620. width: 20px;
  621. text-align: center;
  622. }
  623. .xiaoshoulist .pic{
  624. height: 54px;
  625. width: 54px;
  626. border-radius: 50%;
  627. overflow: hidden;
  628. margin-right: 10px;
  629. }
  630. .xiaoshoulist .pic img{
  631. width: 100%;
  632. height: 100%;
  633. }
  634. .xiaoshoulist .name{
  635. font-size: 16px;
  636. color: #333333;
  637. }
  638. .xiaoshoulist .mc{
  639. font-size: 16px;
  640. color: #666666;
  641. margin-left: 5px;
  642. }
  643. .xiaoshoulist .dc_hd{
  644. text-align: right;
  645. font-size: 18px;
  646. color: #666;
  647. }
  648. .xiaoshoulist .myxs{
  649. background: #FFFFFF;
  650. border: 1px solid #E6E6E6;
  651. box-shadow: 1px 1px 3px 0.5px rgba(0,0,0,0.05);
  652. border-radius: 4px;
  653. padding: 15px;
  654. }
  655. .xiaoshoutopnum{
  656. padding: 15px 0;
  657. background: #fff;
  658. margin-bottom: 10px;
  659. position: relative;
  660. }
  661. .xiaoshoutopnum .dc_hd{
  662. text-align: center;
  663. position: relative;
  664. }
  665. .xiaoshoutopnum .dc_hd+.dc_hd:after{
  666. position: absolute;
  667. height: 44px;
  668. width: 1px;
  669. left: 0;
  670. background: #e6e6e6;
  671. content: '';
  672. top: 10px;
  673. }
  674. .xiaoshoutopnum .num{
  675. font-size: 30px;
  676. font-weight: bold;
  677. color: #333333;
  678. }
  679. .xiaoshoutopnum .type{
  680. font-size: 15px;
  681. margin-top: 3px;
  682. color: #999999;
  683. }
  684. .xiaoshoutopnum .dc_btn {
  685. position: absolute;
  686. right: 0;
  687. top: 50%;
  688. opacity: 0.8;
  689. background: #48A3FE;
  690. -webkit-box-shadow: 4px 4px 20px 0 rgba(72,163,254,0.60);
  691. box-shadow: 4px 4px 20px 0 rgba(72,163,254,0.60);
  692. -webkit-transform: translateY(-50%);
  693. transform: translateY(-50%);
  694. padding: 8px 12px 12px 18px;
  695. border-bottom-left-radius: 50px;
  696. border-top-left-radius: 50px;
  697. }
  698. .xiaoshoutopnum .dc_btn img {
  699. display: inline-block;
  700. vertical-align: middle;
  701. width: 22px;
  702. margin-right: 4px;
  703. }
  704. .xiaoshoutopnum .dc_btn p {
  705. display: inline-block;
  706. vertical-align: middle;
  707. color: #fff;
  708. }
  709. .btn_blue_r a {
  710. display: block;
  711. height: 34px;
  712. line-height: 34px;
  713. width: 84px;
  714. text-align: center;
  715. color: #fff;
  716. font-size: 14px;
  717. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  718. border-radius: 82px;
  719. }
  720. .btn_blue_border a {
  721. display: block;
  722. height: 34px;
  723. border: 1px solid #48A3FE;
  724. line-height: 34px;
  725. width: 84px;
  726. text-align: center;
  727. color: #48A3FE;
  728. font-size: 14px;
  729. border-radius: 82px;
  730. }
  731. .fgx_jzyy{
  732. margin-top: 15px;
  733. padding-top: 15px;
  734. border-top: 1px dotted #979797;
  735. text-align: center;
  736. }
  737. .fgx_jzyy p{
  738. line-height: 20px;
  739. color: #999;
  740. font-size: 14px;
  741. }
  742. .fgx_jzyy .btn_blue_r{
  743. margin-top: 12px;
  744. }
  745. .fgx_jzyy .btn_blue_r a{
  746. width: 132px;
  747. margin: 0 auto;
  748. }
  749. .yydgtime input{
  750. margin: 0;
  751. background: #F7F9FA;
  752. border: 1px solid #999999;
  753. border-radius: 4px;
  754. height: 34px;
  755. background: #F7F9FA url(../images/downicon.png) no-repeat center right / 18px 6px;
  756. }
  757. .yydgtime .dgtime{
  758. margin-right: 12px;
  759. font-size: 15px;
  760. color: #333333;
  761. padding: 0 10px;
  762. }
  763. .yydgtime .dc_flex+.dc_flex{
  764. margin-top: 15px;
  765. }
  766. .paixu{
  767. background: transparent;
  768. color: #3399FF;
  769. text-align: right;
  770. border: none !important;
  771. height: 30px;
  772. direction: rtl;
  773. padding-right: 20px;
  774. background: transparent url(../images/paixu.png) no-repeat center right / 12px 12px ;
  775. }
  776. /* me.html 常用功能 ======= start */
  777. .sala_card {
  778. display: flex;
  779. display: -webkit-flex;
  780. display: -moz-box;
  781. display: -ms-flexbox;
  782. }
  783. .sala_card_item {
  784. width: 50%;
  785. border-radius: 5px;
  786. padding: 15px;
  787. text-align: center;
  788. }
  789. .sala_card_item:nth-of-type(1) {
  790. margin-right: 15px;
  791. }
  792. .sala_card_blue {
  793. background: #E5F1FF;
  794. color: #72AEFD;
  795. }
  796. .sala_card_green {
  797. background: #DEFAC1;
  798. color: #7CBC3B;
  799. }
  800. .sala_card_image {
  801. width: 28px;
  802. height: 28px;
  803. display: inline-block;
  804. vertical-align: middle;
  805. margin-right: 6px;
  806. }
  807. .sala_card_text {
  808. display: inline-block;
  809. vertical-align: middle;
  810. font-size: 16px;
  811. }
  812. /* me.html 常用功能 ======= end */
  813. /* person.html 导航栏 ======= start */
  814. .dc_hd_content {
  815. display: none;
  816. }
  817. .dc_hd_content.active {
  818. display: block;
  819. }
  820. /* person.html 导航栏 ======= end */
  821. /* newpages_two/详情.html 新添加编辑样式 start */
  822. .buy_fuwu_item_edit {
  823. position: relative;
  824. }
  825. .buy_fuwu_item_edit .edit {
  826. position: absolute;
  827. right: 5px;
  828. top: 0;
  829. font-size: 14px;
  830. color: #CCCCCC;
  831. }
  832. .buy_fuwu_item_edit .edit .arrow_right{
  833. width: .2rem;
  834. height: .2rem;
  835. display: inline-block;
  836. vertical-align: middle;
  837. background: #fff;
  838. border-top: 1px #CCCCCC solid;
  839. border-right: 1px #CCCCCC solid;
  840. -webkit-transform: rotate(45deg);
  841. transform: rotate(45deg);
  842. }
  843. /* newpages_two/详情.html 新添加编辑样式 end */
  844. /* newpages_two/详情.html 修改服务 start */
  845. .mask-container {
  846. display: none;
  847. }
  848. .mask-container.active {
  849. position: fixed;
  850. top: 0;
  851. left: 0;
  852. width: 100%;
  853. height: 100%;
  854. background: rgba(0,0,0,.3);
  855. z-index: 100;
  856. display: flex;
  857. display: -webkit-flex;
  858. display: -moz-box;
  859. display: -ms-flexbox;
  860. -webkit-box-pack: center;
  861. -webkit-justify-content: center;
  862. -webkit-align-items: center;
  863. -webkit-box-align: center;
  864. justify-content: center;
  865. align-items: center;
  866. }
  867. .mask-wrapper {
  868. background: #FFFFFF;
  869. border-radius: 4px;
  870. width: 80%;
  871. margin: 10%;
  872. max-width: 360px;
  873. }
  874. .mask-title {
  875. padding: 20px;
  876. text-align: center;
  877. font-size: 14px;
  878. color: #333333;
  879. }
  880. .mask-items {
  881. margin-bottom: 15px;
  882. }
  883. .mask-item {
  884. display: flex;
  885. display: -webkit-flex;
  886. display: -moz-box;
  887. display: -ms-flexbox;
  888. margin: 5px 15px 10px 15px;
  889. -webkit-align-items: center;
  890. -webkit-box-align: center;
  891. align-items: center;
  892. }
  893. .mask-label {
  894. font-size: 14px;
  895. color: #666666;
  896. margin-right: 10px;
  897. }
  898. .mask-input,
  899. .mask-picker {
  900. background: #F7F7F7 !important;
  901. border: 1px solid #E0E0E0;
  902. border-radius: 4px;
  903. font-size: 14px;
  904. color: #333333;
  905. padding: 10px 15px;
  906. -webkit-flex: 1;
  907. -moz-flex: 1;
  908. flex: 1;
  909. position: relative;
  910. }
  911. .mask-picker::before {
  912. position: absolute;
  913. content: '';
  914. right: 15px;
  915. top: 17px;
  916. width: 0;
  917. height: 0;
  918. border-top: solid 6px #999;
  919. border-left: solid 4px transparent;
  920. border-right: solid 4px transparent;
  921. }
  922. .mask-buttons {
  923. padding: 15px;
  924. display: flex;
  925. display: -webkit-flex;
  926. display: -moz-box;
  927. display: -ms-flexbox;
  928. margin: 5px 15px 10px 15px;
  929. -webkit-box-pack: center;
  930. -webkit-justify-content: center;
  931. -webkit-align-items: center;
  932. -webkit-box-align: center;
  933. justify-content: center;
  934. align-items: center;
  935. text-align: center;
  936. cursor: pointer;
  937. }
  938. .mask-button {
  939. -moz-box-flex: 1;
  940. -webkit-flex: 1;
  941. flex: 1;
  942. background: #FFFFFF;
  943. border: 1px solid #549DFE;
  944. border-radius: 40px;
  945. font-size: 14px;
  946. color: #549DFE;
  947. padding: 10px 40px;
  948. margin-right: 10px;
  949. }
  950. .mask-button-active {
  951. -moz-box-flex: 1;
  952. -webkit-flex: 1;
  953. flex: 1;
  954. background-image: -webkit-linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  955. background-image: -moz-linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  956. background-image: -o-linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  957. background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%);
  958. border-radius: 40px;
  959. font-size: 14px;
  960. color: #FFFFFF;
  961. padding: 10px 40px;
  962. }
  963. /* newpages_two/详情.html 修改服务 end */
  964. /* newpages_two/home.html 操作指南 start */
  965. .adm_title {
  966. position: relative;
  967. }
  968. .adm_title_active {
  969. position: absolute;
  970. right: 0;
  971. top: 0;
  972. font-size: 14px;
  973. color: #549DFE;
  974. }
  975. .adm_title_active img {
  976. width: 15px;
  977. height: 15px;
  978. margin-right: 5px;
  979. display: inline-block;
  980. vertical-align: middle;
  981. }
  982. .adm_title_text {
  983. display: inline-block;
  984. vertical-align: middle;
  985. }
  986. /* newpages_two/home.html 操作指南 end */
  987. /* newpages_two/card_size.html 产品卡类调价 start */
  988. .mui-li,
  989. .mui-bar-items {
  990. width: 100%;
  991. height: 100%;
  992. margin: 0 !important;
  993. display: flex;
  994. display: -webkit-flex;
  995. display: -moz-box;
  996. display: -ms-flexbox;
  997. margin: 5px 15px 10px 15px;
  998. -webkit-box-pack: center;
  999. -webkit-justify-content: center;
  1000. -webkit-align-items: center;
  1001. -webkit-box-align: center;
  1002. justify-content: center;
  1003. align-items: center;
  1004. text-align: center;
  1005. background: #fff;
  1006. }
  1007. .mui-li:nth-of-type(odd) {
  1008. background: #F0F7FA;
  1009. }
  1010. .mui-li:nth-of-type(even) {
  1011. background: #fff;
  1012. }
  1013. .mui-text {
  1014. padding: 15px 10px;
  1015. font-size: 14px;
  1016. color: #333333;
  1017. border-right: solid 1px #E6E6E6;
  1018. }
  1019. .mui-text-blue {
  1020. font-size: 15px;
  1021. color: #549DFE;
  1022. text-decoration: underline;
  1023. border-right: none;
  1024. }
  1025. .mui-li-one,
  1026. .mui-bar-item-one {
  1027. -moz-box-flex: 4;
  1028. -webkit-flex: 4;
  1029. flex: 4;
  1030. }
  1031. .mui-li-two,
  1032. .mui-bar-item-two {
  1033. -moz-box-flex: 9;
  1034. -webkit-flex: 9;
  1035. flex: 9;
  1036. }
  1037. .mui-li-three,
  1038. .mui-bar-item-three {
  1039. -moz-box-flex: 2;
  1040. -webkit-flex: 2;
  1041. flex: 2;
  1042. }
  1043. .mui-li-four,
  1044. .mui-bar-item-four {
  1045. -moz-box-flex: 5;
  1046. -webkit-flex: 5;
  1047. flex: 5;
  1048. }
  1049. .mui-loading {
  1050. font-size: 15px;
  1051. color: #999999;
  1052. margin: 30px;
  1053. text-align: center;
  1054. }
  1055. /* newpages_two/card_size.html 产品卡类调价 end */
  1056. /* newpages_two/sale_order.html 财务销售订单 start */
  1057. .mui-date {
  1058. background: #fff;
  1059. width: 100%;
  1060. height: 100%;
  1061. padding: 10px;
  1062. }
  1063. .mui-gray {
  1064. float: left;
  1065. font-size: 14px;
  1066. color: #999999;
  1067. }
  1068. .mui-date-content {
  1069. float: right;
  1070. padding-right: 20px;
  1071. font-size: 16px;
  1072. color: #549DFE;
  1073. position: relative;
  1074. }
  1075. .mui-date-content:after {
  1076. content: "";
  1077. position: absolute;
  1078. width: 10px;
  1079. height: 10px;
  1080. border-top: solid 1px #549DFE;
  1081. border-right: solid 1px #549DFE;
  1082. -webkit-transform: translate(5px, 3px) rotate(135deg);
  1083. transform: translate(5px, 3px) rotate(135deg);
  1084. -webkit-transition: all .3s;
  1085. transition: all .3s;
  1086. }
  1087. .mui-date-content.active:after {
  1088. -webkit-transform: translate(5px, 10px) rotate(-45deg);
  1089. transform: translate(5px, 10px) rotate(-45deg);
  1090. }
  1091. .mui-large-content {
  1092. overflow-x: scroll;
  1093. -webkit-overflow-scrolling: touch;
  1094. }
  1095. .mui-table {
  1096. width: 1100px;
  1097. min-width: 100%;
  1098. overflow: scroll;
  1099. -webkit-overflow-scrolling: touch;
  1100. }
  1101. .mui-table td,
  1102. .mui-table th {
  1103. width: 100px;
  1104. padding: 15px 10px;
  1105. text-align: center;
  1106. }
  1107. .mui-table tr:nth-of-type(odd) {
  1108. background: #fff;
  1109. }
  1110. .mui-table tr:nth-of-type(even) {
  1111. background: #F0F7FA;
  1112. }
  1113. .mui-table td:nth-of-type(3),
  1114. .mui-table th:nth-of-type(3) {
  1115. width: 200px;
  1116. }
  1117. .mui-table td:nth-of-type(5),
  1118. .mui-table th:nth-of-type(5) {
  1119. width: 200px;
  1120. }
  1121. .mui-large-loading {
  1122. font-size: 15px;
  1123. color: #999999;
  1124. margin: 30px;
  1125. text-align: center;
  1126. }
  1127. /* newpages_two/sale_order.html 财务销售订单 end */