index.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221
  1. body{
  2. max-width: 750px;
  3. margin: 0 auto;
  4. }
  5. .bodyC{
  6. overflow: hidden;
  7. }
  8. .hnbsBox{
  9. background: #fff;
  10. }
  11. .hnbsBox_head{
  12. width: 100%;
  13. height: auto;
  14. }
  15. .hnbsBox_head p,.hnbsBox_head p img{
  16. width: 100%;
  17. height: auto;
  18. }
  19. .hnbsBox_min1{
  20. width: 100%;
  21. height: auto;
  22. }
  23. .min1_bm{
  24. width: 100%;
  25. height: auto;
  26. position: relative;
  27. }
  28. .min1_bm p,.min1_bm p img{
  29. width: 100%;
  30. height: auto;
  31. }
  32. .min1_bm .min1_form{
  33. position: absolute;
  34. left: 50%;
  35. width: 66%;
  36. margin-left: -33%;
  37. bottom: 8%;
  38. }
  39. .min1_bm .min1_form p{
  40. height: 37px;
  41. width: 100%;
  42. display: -webkit-flex; /* Safari */
  43. display: flex;
  44. align-items:center;
  45. justify-content:space-between;
  46. background: #fff;
  47. border-radius: 18px;
  48. }
  49. .min1_bm .min1_form p i{
  50. display: inline-block;
  51. width: 10px;
  52. height: 14px;
  53. line-height: 11px;
  54. margin-left: 10px;
  55. }
  56. .min1_bm .min1_form p input{
  57. display: inline-block;
  58. border:none;
  59. background: #fff;
  60. height: 33px;
  61. width: 52%;
  62. font-size: 0.75rem;
  63. color: #666;
  64. }
  65. .min1_bm .min1_form p a{
  66. display: inline-block;
  67. height: 33px;
  68. line-height: 33px;
  69. font-size: 0.875rem;
  70. color: #fff;
  71. background: #090E50;
  72. text-align: center;
  73. border-radius: 18px;
  74. margin-right: 2px;
  75. width: 35%;
  76. text-align: center;
  77. }
  78. .hnbsBox_min1 .tu{
  79. width: 100%;
  80. height: auto;
  81. position: relative;
  82. background: url('/overseas/zt/hnbszt20200701/image/ico__05_02.jpg') no-repeat center;
  83. background-size:100% 100%;
  84. padding-bottom: 40px;
  85. }
  86. .hnbsBox_min1 .tu p,.hnbsBox_min1 .tu p img{
  87. width: 100%;
  88. height: auto;
  89. }
  90. .hnbsBox_min1 .tu .tu_text{
  91. margin: 0 auto;
  92. width: 85%;
  93. }
  94. .hnbsBox_min1 .tu .tu_text p.title{
  95. font-size: 1.0625rem;
  96. color: #333;
  97. font-weight: bold;
  98. line-height: 23px;
  99. padding-top: 8px;
  100. }
  101. .hnbsBox_min1 .tu .tu_text p.text{
  102. margin-top: 8px;
  103. }
  104. .hnbsBox_min1 .tu .tu_text p.text img{
  105. display: inline-block;
  106. width: 6px;
  107. height: 6px;
  108. margin-right: 8px;
  109. line-height: 6px;
  110. float: left;
  111. position: relative;
  112. top: 6px;
  113. }
  114. .hnbsBox_min1 .tu .tu_text p.text span{
  115. display: inline-block;
  116. float: left;
  117. width:94%;
  118. font-size: 0.75rem;
  119. color: #666;
  120. line-height: 17px;
  121. }
  122. .hnbsBox_hot{
  123. width: 100%;
  124. height:auto;
  125. }
  126. .hot_head,.hot_head p,.hot_head p img{
  127. width: 100%;
  128. height: auto;
  129. }
  130. /*导航*/
  131. .m_albumtnav_box{width:100%;z-index:100;padding:20px 0 0px;}
  132. .wrapper02_box{width:100%;background:#FFF;}
  133. .wrapper02 {position:relative;height:40px;width:92%;overflow: hidden;margin:0 auto;}
  134. .wrapper02 .scroller {position:absolute}
  135. .wrapper02 .scroller ul{width:100%;}
  136. .wrapper02 .scroller li {position:relative;width:auto; height:30px;float:left;line-height:26px;text-align:center;}
  137. .wrapper02 .scroller li a{position: relative; font-size:1rem;padding:0 12px; background: #fff; color:#666;border:1px solid #ccc; display:block;margin-right:20px; border-radius: 3px;}
  138. .wrapper02 .scroller li:last-child a{margin-right:0;}
  139. .wrapper02 .scroller li.cur a{
  140. color:#59390A;
  141. background: #D8BC84;
  142. border-color: #D8BC84;
  143. }
  144. .wrapper02 .scroller li a:after{
  145. position: absolute;
  146. bottom: -6px;
  147. left: 50%;
  148. margin-left: -6px;
  149. content:'';
  150. width: 0;
  151. height: 0;
  152. border-left: 6px solid transparent;
  153. border-right: 6px solid transparent;
  154. border-top: 6px solid rgba(0,0,0,0);
  155. }
  156. .wrapper02 .scroller li.cur a:after{
  157. border-top-color:#D8BC84 ;
  158. }
  159. .hot_list{
  160. width: 100%;
  161. overflow: hidden;
  162. padding: 20px 0 20px;
  163. }
  164. .hot_list_mian{
  165. width: 92%;
  166. margin: 0 auto;
  167. }
  168. .hot_list_mian ul li{
  169. background: #fff;
  170. border-radius: 8px;
  171. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  172. }
  173. .hot_list_mian ul li .lp_top .lp_top_ico{
  174. height: 158px;
  175. position: relative;
  176. width: 100%;
  177. }
  178. .hot_list_mian ul li .lp_top .lp_top_ico p.ico{
  179. width: 100%;
  180. height: 100%;
  181. border-radius: 8px 8px 0 0;
  182. overflow: hidden;
  183. }
  184. .hot_list_mian ul li .lp_top .lp_top_ico p.ico img{
  185. width: 100%;
  186. height: 100%;
  187. }
  188. .hot_list_mian ul li .lp_top .lp_top_ico p.index{
  189. position: absolute;
  190. left: 9px;
  191. top: -7px;
  192. background: url('/overseas/zt/hnbszt20200701/image/ico__21.png') no-repeat center;
  193. background-size:100% 100%;
  194. font-size: 0.8125rem;
  195. color: #fff;
  196. font-weight: bold;
  197. padding: 12px 8px 12px 8px;
  198. z-index: 2;
  199. }
  200. .hot_list_mian ul li .lp_top .lp_top_ico .lp_text{
  201. position: absolute;
  202. left: 0px;
  203. bottom: 0px;
  204. background: rgba(0,0,0,0.6);
  205. width: 100%;
  206. padding: 7px 0 5px 0;
  207. z-index: 2;
  208. }
  209. .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.title{
  210. font-size: 1.125rem;
  211. color: #fff;
  212. font-weight: bold;
  213. padding: 0 12px;
  214. text-overflow: ellipsis;
  215. white-space: nowrap;
  216. overflow: hidden;
  217. }
  218. .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.time{
  219. font-size: 0.75rem;
  220. color: #fff;
  221. display: -webkit-flex; /* Safari */
  222. display: flex;
  223. align-items:center;
  224. padding: 0 12px;
  225. margin-top: 5px;
  226. }
  227. .hot_list_mian ul li .lp_top .lp_top_ico .lp_text p.time img{
  228. width: 10px;
  229. height: 10px;
  230. line-height: 10px;
  231. display: inline-block;
  232. margin-right: 5px;
  233. }
  234. .hot_list_mian ul li .lp_top .lp_bottom_m{
  235. margin-top: 10px;
  236. padding: 0 10px;
  237. }
  238. .hot_list_mian ul li .lp_top .lp_bottom_m p.pric{
  239. font-size: 0.8125rem;
  240. color: #999;
  241. }
  242. .hot_list_mian ul li .lp_top .lp_bottom_m p.pric span{
  243. font-size: 1.125rem;
  244. color: #FF3131;
  245. font-weight: bold;
  246. padding: 0 3px;
  247. }
  248. .hot_list_mian ul li .lp_top .lp_bottom_m p.zk{
  249. display: -webkit-flex; /* Safari */
  250. display: flex;
  251. align-items:center;
  252. height: 20px;
  253. background:rgba(255,49,49,0.05);
  254. border-radius: 10px;
  255. font-size: 0.8125rem;
  256. color: #333;
  257. padding-left: 10px;
  258. margin-top: 10px;
  259. }
  260. .hot_list_mian ul li .lp_top .lp_bottom_m p.zk img{
  261. display: inline-block;
  262. width: 12px;
  263. height: 13px;
  264. margin-right: 5px;
  265. }
  266. .hot_list_mian ul li .lp_bm{
  267. margin-top: 13px;
  268. display: -webkit-flex; /* Safari */
  269. display: flex;
  270. align-items:center;
  271. justify-content:space-between;
  272. text-align: center;
  273. padding: 0 10px;
  274. margin-bottom: 15px;
  275. }
  276. .hot_list_mian ul li .lp_bm a{
  277. display: -webkit-flex; /* Safari */
  278. display: flex;
  279. align-items:center;
  280. width: 47%;
  281. height: 35px;
  282. font-size: 1rem;
  283. color: #fff;
  284. line-height: 35px;
  285. border-radius: 17px;
  286. justify-content:center;
  287. }
  288. .hot_list_mian ul li .lp_bm a img{
  289. width: 15px;
  290. height: 15px;
  291. line-height: 15px;
  292. display: inline-block;
  293. margin-right: 5px;
  294. }
  295. .hot_list_mian ul li .lp_bm a.hqdj{
  296. background: #FF8F00;
  297. }
  298. .hot_list_mian ul li .lp_bm a.zk{
  299. background: #DEC692;
  300. color: #59390A
  301. }
  302. .hot_list .swiper-pagination{
  303. position:static;
  304. text-align: center;
  305. margin-top: 10px;
  306. }
  307. .hot_list .swiper-pagination-bullet{
  308. margin: 0 3px;
  309. background: #E0E0E0;
  310. opacity: 1;
  311. width: 6px;
  312. height: 6px;
  313. }
  314. .hot_list .swiper-pagination-bullet-active{
  315. width: 22px;
  316. background: #DEC692;
  317. border-radius: 10px;
  318. }
  319. .wanquHot{
  320. width: 100%;
  321. }
  322. .wanquHot_title,.wanquHot_title img{
  323. width: 100%;
  324. height:auto;
  325. }
  326. .m_albumtnav_box2{
  327. padding-top: 5px;
  328. }
  329. .m_albumtnav_box2{
  330. overflow: hidden;
  331. }
  332. .m_albumtnav_box2 .wrapper02{
  333. overflow: inherit;
  334. }
  335. .wanquHotBox{
  336. width: 92%;
  337. margin: 0 auto;
  338. padding-top: 5px;
  339. }
  340. .wanquHotBox ul li{
  341. width: 100%;
  342. height: auto;
  343. margin-top: 15px;
  344. display: -webkit-flex; /* Safari */
  345. display: flex;
  346. align-items:center;
  347. justify-content:space-between;
  348. border-radius: 5px;
  349. background: #fff;
  350. overflow: hidden;
  351. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  352. }
  353. .wanquHotBox ul li .left_text{
  354. width: 90%;
  355. }
  356. .wanquHotBox ul li .left_text a{
  357. display: -webkit-flex; /* Safari */
  358. display: flex;
  359. align-items:center;
  360. justify-content:space-between;
  361. }
  362. .wanquHotBox ul li .left_text .l_img{
  363. width: 35%;
  364. height: 100px;
  365. }
  366. .wanquHotBox ul li .left_text .l_img img{
  367. width: 100%;
  368. height: 100%;
  369. }
  370. .wanquHotBox ul li .left_text .r_text{
  371. width: 65%;
  372. }
  373. .wanquHotBox ul li .left_text .r_text p.title{
  374. font-size: 1.25rem;
  375. color: #333;
  376. font-weight: bold;
  377. text-overflow: ellipsis;
  378. white-space: nowrap;
  379. overflow: hidden;
  380. padding: 0 10px;
  381. }
  382. .wanquHotBox ul li .left_text .r_text p.pric{
  383. font-size: 0.75rem;
  384. color: #999999;
  385. padding: 0 10px;
  386. margin-top: 5px;
  387. }
  388. .wanquHotBox ul li .left_text .r_text p.pric span{
  389. padding: 0 3px;
  390. font-size: 1.125rem;
  391. color: #FF3131;
  392. font-weight: bold;
  393. }
  394. .wanquHotBox ul li .left_text .r_text p.time{
  395. display: -webkit-flex; /* Safari */
  396. display: flex;
  397. align-items:center;
  398. font-size: 0.75rem;
  399. color: #999999;
  400. margin-top: 10px;
  401. padding: 0 10px;
  402. }
  403. .wanquHotBox ul li .left_text .r_text p.time img{
  404. width: 10px;
  405. height: 10px;
  406. display: inline-block;
  407. margin-right: 5px;
  408. }
  409. .wanquHotBox ul li .right_zx{
  410. width: 10%;
  411. height: 100px;
  412. text-align: center;
  413. background: #D8BC84;
  414. display: -webkit-flex; /* Safari */
  415. display: flex;
  416. align-items:center;
  417. justify-content:center;
  418. }
  419. .wanquHotBox ul li .right_zx a{
  420. height: 100px;
  421. display: inline-block;
  422. font-size: 0.937rem;
  423. color: #59390A;
  424. font-weight: bold;
  425. writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  426. writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
  427. }
  428. .wanquHotgenduo{
  429. width: 92%;
  430. margin: 0 auto;
  431. margin-top: 23px;
  432. }
  433. .wanquHotgenduo a{
  434. display: block;
  435. height: 50px;
  436. line-height: 50px;
  437. font-size: 1.125rem;
  438. color: #59390A;
  439. background: #D8BC84;
  440. text-align: center;
  441. border-radius: 30px;
  442. }
  443. .wanquHot_title{
  444. margin-top: 20px;
  445. }
  446. .wanquHot_title,.wanquHot_title img{
  447. width: 100%;
  448. height: auto;
  449. }
  450. .wanquHot_title2 {
  451. margin-top: 5px;
  452. }
  453. .Boutique{
  454. margin-top: 10px;
  455. width: 100%;
  456. height: auto;
  457. overflow: hidden;
  458. }
  459. .Boutique_main{
  460. width: 92%;
  461. margin:0 auto;
  462. }
  463. .Boutique_nav{
  464. display: -webkit-flex; /* Safari */
  465. display: flex;
  466. align-items:center;
  467. justify-content:space-between;
  468. }
  469. .Boutique_nav a{
  470. display: inline-block;
  471. font-size: 1rem;
  472. color: #666;
  473. border:1px solid #ccc;
  474. border-radius: 5px;
  475. background: #fff;
  476. width: 47%;
  477. height: 30px;
  478. line-height: 28px;
  479. display: -webkit-flex; /* Safari */
  480. display: flex;
  481. justify-content:center;
  482. position: relative;
  483. }
  484. .Boutique_nav a.on{
  485. background: #D8BC84;
  486. color:#59390A;
  487. border-color: #D8BC84;
  488. }
  489. .Boutique_nav a:after{
  490. position: absolute;
  491. bottom: -6px;
  492. left: 50%;
  493. margin-left: -6px;
  494. content:'';
  495. width: 0;
  496. height: 0;
  497. border-left: 6px solid transparent;
  498. border-right: 6px solid transparent;
  499. border-top: 6px solid rgba(0,0,0,0);
  500. }
  501. .Boutique_nav a.on:after{
  502. border-top-color:#D8BC84 ;
  503. }
  504. .Boutique_list{
  505. margin: 25px 0;
  506. height: 240px;
  507. }
  508. .Boutique_list ul li{
  509. height: 192px;
  510. width: 140px;
  511. border-radius: 5px;
  512. overflow: hidden;
  513. position: relative;
  514. top: 20px;
  515. background: #ccc;
  516. }
  517. .Boutique_list ul li+li{
  518. margin-left: 15px;
  519. }
  520. .Boutique_list ul li img{
  521. width: 100%;
  522. height: 100%;
  523. }
  524. .Boutique_list .swiper-slide-active{/*选中的效果*/
  525. position:relative;
  526. top:0;
  527. transition: all .3s;
  528. height:240px;
  529. width: 165px;
  530. }
  531. .bieshubm{
  532. margin-top: 20px;
  533. width: 100%;
  534. height: auto;
  535. }
  536. .bieshubmBox{
  537. width: 90%;
  538. margin: 0 auto;
  539. background:linear-gradient(162deg,rgba(255,254,252,1) 0%,rgba(235,218,184,1) 100%);
  540. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  541. border-radius:8px;
  542. }
  543. .bieshubm_title{
  544. padding-top: 30px;
  545. text-align: center;
  546. }
  547. .bieshubm_title p{
  548. text-align: center;
  549. font-size: 1.5625rem;
  550. color: #59390A;
  551. }
  552. .bieshubm_title em{
  553. display: inline-block;
  554. width: 21px;
  555. height: 3px;
  556. background: #59390A;
  557. margin: 0 auto;
  558. margin-top: 5px;
  559. }
  560. .bieshubm_c{
  561. margin-top: 10px;
  562. display: -webkit-flex; /* Safari */
  563. display: flex;
  564. align-items:center;
  565. justify-content:center;
  566. }
  567. .bieshubm_c span{
  568. display: -webkit-flex; /* Safari */
  569. display: flex;
  570. align-items:center;
  571. font-size: 0.8125rem;
  572. color: #59390A;
  573. }
  574. .bieshubm_c span img{
  575. width: 15px;
  576. height: 15px;
  577. display: inline-block;
  578. }
  579. .bieshubm_c span+span{
  580. margin-left: 24px;
  581. }
  582. .bieshubm_form{
  583. width: 70%;
  584. margin:0 auto;
  585. margin-top: 25px;
  586. }
  587. .bieshubm_form .int input{
  588. font-size: 0.75rem;
  589. color: #666;
  590. border-radius: 18px;
  591. border:1px solid #5F3D0B;
  592. background: #fff;
  593. width: 100%;
  594. height: 35px;
  595. padding: 0 5%;
  596. }
  597. .bieshubm_form .int{
  598. margin-bottom: 10px;
  599. }
  600. .bieshubm_form .pric_c{
  601. position: relative;
  602. width: 100%;
  603. height: 35px;
  604. background: #fff;
  605. border-radius: 18px;
  606. background: #fff;
  607. border:1px solid #5F3D0B;
  608. }
  609. .bieshubm_form .pric_c p.top_m{
  610. height: 33px;
  611. width: 100%;
  612. display: -webkit-flex; /* Safari */
  613. display: flex;
  614. align-items:center;
  615. justify-content:space-between;
  616. }
  617. .bieshubm_form .pric_c p.top_m span{
  618. font-size: 0.75rem;
  619. color: #666;
  620. padding-left: 5%;
  621. }
  622. .bieshubm_form .pric_c p.top_m em{
  623. display: inline-block;
  624. width: 10px;
  625. height: 5px;
  626. line-height: 5px;
  627. margin-right: 5%;
  628. }
  629. .bieshubm_form .pric_c p.top_m em img{
  630. width: 100%;
  631. height: 100%;
  632. }
  633. .bieshubm_form .pric_c p.pric_list{
  634. position: absolute;
  635. left: 50%;
  636. margin-left: -45%;
  637. top: 35px;
  638. background: #fff;
  639. width: 90%;
  640. max-height: 200px;
  641. overflow-y:auto;
  642. z-index: 2;
  643. display: none;
  644. }
  645. .bieshubm_form .pric_c p.pric_list a{
  646. display: block;
  647. height: 30px;
  648. line-height: 30px;
  649. font-size: 0.8125rem;
  650. color: #666;
  651. padding: 0 10px;
  652. }
  653. .bieshubm_form .pric_c p.pric_list a.on{
  654. background: #ccc;
  655. color:#59390A;
  656. }
  657. .bieshubm_form .but{
  658. width: 100%;
  659. height: 35px;
  660. line-height: 35px;
  661. text-align: center;
  662. border-radius: 18px;
  663. background: #59390A;
  664. margin-top: 10px;
  665. }
  666. .bieshubm_form .but a{
  667. display: inline-block;
  668. width: 100%;
  669. height: 100%;
  670. font-size: 1.0625rem;
  671. color: #fff;
  672. font-weight: bold;
  673. }
  674. .bmrs_list{
  675. margin:0 auto;
  676. margin-top: 18px;
  677. width: 65%;
  678. }
  679. .bmrs_list_t{
  680. text-align: center;
  681. font-size: 0.937rem;
  682. color: #59390A
  683. }
  684. .bmrs_list_t span{
  685. font-size: 1.125rem;
  686. font-weight: bold;
  687. }
  688. .bmrs_list_main{
  689. width: 100%;
  690. margin: 18px 0px;
  691. padding-bottom: 20px;
  692. }
  693. .bmrs_list_cen{
  694. height:90px;
  695. width: 100%;
  696. overflow: hidden;
  697. }
  698. .bmrs_list_cen ul li{
  699. display: -webkit-flex; /* Safari */
  700. display: flex;
  701. align-items:center;
  702. justify-content:space-between;
  703. font-size: 0.75rem;
  704. color: #666;
  705. height: 25px;
  706. line-height: 25px;
  707. }
  708. .service{
  709. height: 340px;
  710. overflow: hidden;
  711. }
  712. .service_main{
  713. width: 92%;
  714. margin: 0 auto;
  715. margin-top: 18px;
  716. }
  717. .service_main ul li{
  718. background:linear-gradient(-2deg,rgba(238,222,193,1),rgba(255,254,252,1));
  719. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  720. border-radius:5px;
  721. width: 140px;
  722. height: 256px;
  723. overflow: hidden;
  724. position: relative;
  725. top: 20px;
  726. margin-right: 15px;
  727. }
  728. .service_main ul li .top_ico{
  729. width: 88px;
  730. height: 88px;
  731. margin: 0 auto;
  732. margin-top: 10px;
  733. }
  734. .service_main ul li .top_ico img{
  735. width: 100%;
  736. height: 100%;
  737. }
  738. .service_main ul li .text_m{
  739. padding:0 10px;
  740. margin-top: 5px;
  741. }
  742. .service_main ul li .text_m p.name{
  743. font-size: 1.125rem;
  744. color: #333;
  745. text-align: center;
  746. font-weight: bold;
  747. }
  748. .service_main ul li .text_m p.te_m{
  749. text-align: center;
  750. font-size: 0.75rem;
  751. color: #999;
  752. margin-top: 5px;
  753. }
  754. .service_main ul li .text_m p.te_c{
  755. font-size: 0.75rem;
  756. color: #666;
  757. line-height: 15px;
  758. margin-top: 5px;
  759. height: 60px;
  760. }
  761. .service_main ul li .zx{
  762. height: 30px;
  763. line-height: 30px;
  764. background: #E6CC98;
  765. font-size: 0.8125rem;
  766. text-align: center;
  767. border-radius: 20px;
  768. width: 60%;
  769. margin: 0 auto;
  770. margin-top: 10px;
  771. position: absolute;
  772. left: 50%;
  773. margin-left: -30%;
  774. bottom: 10px;
  775. }
  776. .service_main ul li .zx a{
  777. display: inline-block;
  778. width: 100%;
  779. height: 100%;
  780. color: #59390A;
  781. }
  782. .service_main .swiper-slide-active{ /*选中的效果*/
  783. position:relative;
  784. top:0;
  785. transition: all .3s;
  786. height:300px;
  787. width: 170px;
  788. }
  789. .service_main .swiper-slide-active .top_ico{
  790. width: 104px;
  791. height: 104px;
  792. margin-top: 18px;
  793. transition: all .3s;
  794. }
  795. .service_main .swiper-slide-active .text_m{
  796. margin-top: 10px;
  797. transition: all .3s;
  798. }
  799. .service_main .swiper-slide-active .zx{
  800. height: 35px;
  801. line-height: 35px;
  802. bottom: 16px;
  803. transition: all .3s;
  804. }
  805. .subnews{
  806. margin-top: 10px;
  807. }
  808. .subnews_box{
  809. width: 92%;
  810. margin: 0 auto;
  811. }
  812. .subnews_nav{
  813. display: -webkit-flex; /* Safari */
  814. display: flex;
  815. align-items:center;
  816. justify-content:flex-start;
  817. }
  818. .subnews_nav a{
  819. display: inline-block;
  820. font-size: 1rem;
  821. color: #666;
  822. border:1px solid #ccc;
  823. border-radius: 5px;
  824. background: #fff;
  825. padding:0 10px;
  826. height: 30px;
  827. line-height: 28px;
  828. display: -webkit-flex; /* Safari */
  829. display: flex;
  830. justify-content:center;
  831. position: relative;
  832. }
  833. .subnews_nav a+a{
  834. margin-left: 25px;
  835. }
  836. .subnews_nav a.on{
  837. background: #D8BC84;
  838. color:#59390A;
  839. border-color: #D8BC84;
  840. }
  841. .subnews_nav a:after{
  842. position: absolute;
  843. bottom: -6px;
  844. left: 50%;
  845. margin-left: -6px;
  846. content:'';
  847. width: 0;
  848. height: 0;
  849. border-left: 6px solid transparent;
  850. border-right: 6px solid transparent;
  851. border-top: 6px solid rgba(0,0,0,0);
  852. }
  853. .subnews_nav a.on:after{
  854. border-top-color:#D8BC84 ;
  855. }
  856. .subnews_list{
  857. margin-top: 10px;
  858. }
  859. .subnews_list ul{
  860. display: none;
  861. }
  862. .subnews_list ul li{
  863. margin-bottom: 16px;
  864. width: 100%;
  865. background:rgba(255,255,255,1);
  866. box-shadow:0px 3px 14px 0px rgba(196,199,209,0.66);
  867. border-radius:4px;
  868. overflow: hidden;
  869. }
  870. .subnews_list ul li a{
  871. width: 100%;
  872. display: -webkit-flex; /* Safari */
  873. display: flex;
  874. align-items:center;
  875. justify-content:flex-start;
  876. }
  877. .subnews_list ul li .ico_img{
  878. width: 30%;
  879. height: 90px;
  880. }
  881. .subnews_list ul li .ico_img img{
  882. width: 100%;
  883. height: 100%;
  884. }
  885. .subnews_list ul li .right_text{
  886. width: 70%;
  887. padding:0 15px;
  888. position: relative;
  889. height: 90px;
  890. }
  891. .subnews_list ul li .right_text p.title{
  892. font-size: 0.937rem;
  893. margin-top: 8px;
  894. color: #333;
  895. font-weight: bold;
  896. text-overflow: -o-ellipsis-lastline;
  897. overflow: hidden;
  898. text-overflow: ellipsis;
  899. display: -webkit-box;
  900. -webkit-line-clamp: 2;
  901. line-clamp: 2;
  902. -webkit-box-orient: vertical;
  903. }
  904. .subnews_list ul li .right_text p.buym{
  905. position: absolute;
  906. left: 0px;
  907. bottom: 10px;
  908. display: -webkit-flex; /* Safari */
  909. display: flex;
  910. align-items:center;
  911. justify-content:space-between;
  912. width: 100%;
  913. }
  914. .subnews_list ul li .right_text p.buym span{
  915. font-size: 12px;
  916. color: #999;
  917. margin-left: 15px;
  918. display: -webkit-flex; /* Safari */
  919. display: flex;
  920. align-items:center;
  921. }
  922. .subnews_list ul li .right_text p.buym span img{
  923. width: 10px;
  924. height: 10px;
  925. margin-right: 5px;
  926. display: inline-block;
  927. }
  928. .subnews_list ul li .right_text p.buym em{
  929. display: block;
  930. margin-right: 15px;
  931. font-size: 0.625rem;
  932. color: #EF1D1D;
  933. border-radius: 8px;
  934. border:1px solid #F03939;
  935. height: 15px;
  936. line-height: 13px;
  937. padding:0 5px;
  938. }
  939. .min1_bm2{
  940. padding-top: 20px;
  941. }
  942. .min1_bm .min1_form2 p a{
  943. background: #0A25AF;
  944. }
  945. /*帮你找房*/
  946. .bmzgBox_bg{
  947. width: 100%;
  948. height: 100%;
  949. position: fixed;
  950. left: 0px;
  951. top: 0px;
  952. background: rgba(0,0,0,0.5);
  953. z-index: 105;
  954. display: none;
  955. }
  956. .bmzgBox{
  957. width: 86%;
  958. position: fixed;
  959. left: 50%;
  960. margin-left: -43%;
  961. height: auto;
  962. top: 15%;
  963. z-index: 106;
  964. display: none;
  965. }
  966. .bmzgBox_main{
  967. width: 100%;
  968. height: auto;
  969. background:linear-gradient(0deg,rgba(216,188,132,1) 0%,rgba(231,216,185,1) 100%);
  970. border-radius: 10px;
  971. }
  972. .bmzgBox_title{
  973. width: 80%;
  974. margin: 0 auto;
  975. text-align: center;
  976. padding-top: 20px;
  977. }
  978. .bmzgBox_title p.title{
  979. font-size: 2.1875rem;
  980. color: #59390a;
  981. font-weight: bold;
  982. }
  983. .bmzgBox_title p.rs{
  984. width: 60%;
  985. margin: 0 auto;
  986. font-size: 0.875rem;
  987. color: #59390a;
  988. border:1px solid #9d845b;
  989. border-radius: 18px;
  990. margin-top: 8px;
  991. }
  992. .bmzgBox_title p.rs span{
  993. font-size: 1.125rem;
  994. color: #c21111;
  995. font-weight: bold;
  996. }
  997. .bmzgBox_main .text_m{
  998. width: 80%;
  999. margin: 0 auto;
  1000. margin-top:15px;
  1001. }
  1002. .bmzgBox_main .text_m p{
  1003. font-size: 0.8125rem;
  1004. color: #59390a;
  1005. display: -webkit-flex; /* Safari */
  1006. display: flex;
  1007. align-items:center;
  1008. }
  1009. .bmzgBox_main .text_m p img{
  1010. display: inline-block;
  1011. width: 15px;
  1012. height: 15px;
  1013. line-height: 15px;
  1014. margin-right: 5px;
  1015. }
  1016. .bmzgBox_main .text_m p+p{
  1017. margin-top: 5px;
  1018. }
  1019. .bmzgBox_form{
  1020. width: 80%;
  1021. margin: 0 auto;
  1022. margin-top: 15px;
  1023. }
  1024. .bmzgBox_form .citybm{
  1025. position: relative;
  1026. width: 100%;
  1027. }
  1028. .bmzgBox_form .citybm p.top_c{
  1029. background: #fff;
  1030. border-radius: 20px;
  1031. display: -webkit-flex; /* Safari */
  1032. display: flex;
  1033. align-items:center;
  1034. justify-content:space-between;
  1035. padding:0 15px;
  1036. width: 100%;
  1037. height: 40px;
  1038. }
  1039. .bmzgBox_form .citybm p.top_c span{
  1040. display: inline-block;
  1041. font-size: 0.8125rem;
  1042. color: #666;
  1043. }
  1044. .bmzgBox_form .citybm p.top_c img{
  1045. display: inline-block;
  1046. width: 10px;
  1047. height: 6px;
  1048. }
  1049. .bmzgBox_form .citybm p.citybm_list{
  1050. position: absolute;
  1051. left: 50%;
  1052. z-index: 2;
  1053. height: 200px;
  1054. overflow-y:auto;
  1055. width: 88%;
  1056. margin-left: -44%;
  1057. top: 40px;
  1058. background: #fff;
  1059. display: none;
  1060. }
  1061. .bmzgBox_form .citybm p.citybm_list a{
  1062. display: block;
  1063. height: 30px;
  1064. line-height: 30px;
  1065. font-size: 0.937rem;
  1066. color: #333;
  1067. padding:0 15px;
  1068. }
  1069. .bmzgBox_form .citybm p.citybm_list a.on{
  1070. color: #59390a;
  1071. background: #ccc;
  1072. }
  1073. .bmzgBox_form .in_t{
  1074. display: -webkit-flex; /* Safari */
  1075. display: flex;
  1076. align-items:center;
  1077. justify-content:flex-start;
  1078. background: #fff;
  1079. border-radius: 20px;
  1080. height: 40px;
  1081. width: 100%;
  1082. margin-top: 10px;
  1083. }
  1084. .bmzgBox_form .in_t img{
  1085. width: 10px;
  1086. margin-left: 15px;
  1087. height: auto;
  1088. display: inline-block;
  1089. }
  1090. .bmzgBox_form .in_t input{
  1091. height: 38px;
  1092. background: #fff;
  1093. border:none;
  1094. width: 80%;
  1095. margin-left: 10px;
  1096. font-size: 0.8125rem;
  1097. color: #666;
  1098. }
  1099. .bmzgBox_form .in_but{
  1100. width: 100%;
  1101. margin-top: 10px;
  1102. padding-bottom: 25px;
  1103. }
  1104. .bmzgBox_form .in_but a{
  1105. display: block;
  1106. height: 40px;
  1107. line-height: 40px;
  1108. font-size: 1.25rem;
  1109. color: #fff;
  1110. background: #59390A;
  1111. border-radius: 20px;
  1112. text-align: center;
  1113. font-weight: bold;
  1114. }
  1115. .appleBm{display: none; width:86%; height: auto; z-index: 106; padding: 24px 0; background: #fff; position: fixed; left: 50%; margin-left: -43%; top: 20%; border-radius: 5px;}
  1116. .appleBm_main{width: 100%; position: relative; height: auto;}
  1117. .appleBm_gb{position: absolute;top: -10px; right: 5%; width: 16px; height: 16px;}
  1118. .appleBm_gb a{ display: inline-block; width:100%; height:100%;}
  1119. .appleBm_gb a img{width: 100%; height: 100%;}
  1120. .appleBm_center{ width: 85%; margin: 0 auto;height: auto;}
  1121. .appleBm_top p.title{ text-align: center; font-size: 1.25rem; color: #2F3944;font-weight: bold;}
  1122. .appleBm_top p.i_ico{
  1123. width: 100%;
  1124. height: auto;
  1125. margin-top: 15px;
  1126. }
  1127. .appleBm_top p.i_ico img{
  1128. width: 100%;
  1129. height: auto;
  1130. }
  1131. .appleBm_top p.text{ font-size: 0.75rem; color: #5C5C5C; line-height: 22px; margin-top: 15px;}
  1132. .appleBm_form{ width: 100%; height: auto; margin: 0 auto; margin-top: 15px;}
  1133. .appleBm_form .appleBm_input{ font-size: 0.875rem; color: #5E6370; padding-left: 30px; border: none;border:none; background: url('/image/imagev3/v3_ico34.png') #F7F7F7 no-repeat 10px center; background-size: 12px 16px; border-radius: 5px; width: 100%; height: 37px; }
  1134. .appleBm_form .saw{ margin-top: 15px; width: 100%; height: 37px; line-height: 37px; text-align: center; font-size: 1rem; font-weight: bold; color: #fff; background:#E03700; display: block; border-radius: 5px;}
  1135. .appleBm_bg{
  1136. font-size: 0.75rem;
  1137. color: #ACACAC;
  1138. text-align: center;
  1139. margin-top: 10px;
  1140. }
  1141. .appleBmBG{
  1142. display: none;
  1143. width: 100%;
  1144. height: 100%;
  1145. position: fixed;
  1146. left: 0;
  1147. top: 0;
  1148. background: rgba(0,0,0,0.5);
  1149. z-index: 105;
  1150. }