public.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756
  1. @charset "utf-8";
  2. /*css reset*/
  3. html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0; padding:0;}
  4. html{overflow-x:hidden;}
  5. body{*overflow-x:hidden;}
  6. body{font-family:"微软雅黑",Arial,Verdana, Geneva, sans-serif; font-size:12px; line-height:1.3;}
  7. table{border-collapse: collapse;border-spacing:0;}
  8. img{vertical-align:top;border:0;}
  9. ol,ul{list-style:none;margin:0; padding:0;}
  10. h1,h2,h3,h4,h5,h6{font-size:100%;}
  11. a{text-decoration:none !important;margin:0; padding:0;}
  12. a:hover{text-decoration:none !important;}
  13. i,em{ font-style: normal;}
  14. input{outline:none}
  15. button,input[type="submit"],input[type="reset"],input[type="button"]{cursor:pointer; outline: none;}
  16. select,input,textarea{font-size:12px;}
  17. small{font-size:12px;}
  18. /*定位*/
  19. .fl{float:left; display:inline;}
  20. .fr{float:right; display:inline;}
  21. .c{display:block; zoom:1;}
  22. .c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
  23. /*公共样式*/
  24. .puic_wid{ width: 1200px; margin: 0 auto;}
  25. .puic_color{background: #fff;}
  26. .mt10{ margin-top: 10px;}
  27. .mt15{ margin-top: 15px;}
  28. .mt20{ margin-top: 20px;}
  29. .mt30{ margin-top: 30px;}
  30. /* v2 改版 面包屑导航+搜索 */
  31. .yv2_bread{
  32. background: #fff;
  33. height:70px;
  34. }
  35. .yv2_breadBox{
  36. display: -webkit-flex; /* Safari */
  37. display: flex;
  38. justify-content:space-between;
  39. align-items:center;
  40. height: 100%;
  41. }
  42. .yv2_bread_left{
  43. display: -webkit-flex; /* Safari */
  44. display: flex;
  45. align-items:center;
  46. font-size: 14px;
  47. color: #ACACAC;
  48. }
  49. .yv2_bread_left a{
  50. color: #ACACAC;
  51. }
  52. .yv2_bread_left a+a{
  53. margin-left: 5px;
  54. }
  55. .yv2_bread_left a:hover{
  56. color: #43A6F5;
  57. }
  58. .yv2_bread_right{
  59. display: -webkit-flex; /* Safari */
  60. display: flex;
  61. align-items:center;
  62. justify-content:flex-start;
  63. }
  64. .yv2_bread_search{
  65. position: relative;
  66. }
  67. .bread_search_top{
  68. position: relative;
  69. height: auto;
  70. width: 580px;
  71. display: -webkit-flex; /* Safari */
  72. display: flex;
  73. align-items:center;
  74. justify-content:flex-start;
  75. font-size: 0;
  76. }
  77. .bread_search_top .bread_search_int{
  78. border:1px solid #D9D9D9;
  79. background: #fff;
  80. border-radius: 6px 0 0 6px;
  81. width: 435px;
  82. height: 36px;
  83. padding-left: 35px;
  84. font-size:14px;
  85. color: #666;
  86. }
  87. .bread_search_top img{
  88. width: 20px;
  89. height: 20px;
  90. display: inline-block;
  91. position: absolute;
  92. left: 10px;
  93. top: 50%;
  94. margin-top: -10px;
  95. }
  96. .bread_search_top .bread_search_button{
  97. display: inline-block;
  98. width: 110px;
  99. height: 38px;
  100. font-size: 16px;
  101. color: #fff;
  102. font-weight: bold;
  103. border: none;
  104. border-radius: 0 6px 6px 0;
  105. background: linear-gradient(90deg, #01A4FE 0%, #2BC0F8 100%);
  106. }
  107. .yv2_bread_search .bread_search_show{
  108. position: absolute;
  109. left: 0px;
  110. top: 39px;
  111. width: 470px;
  112. background: #fff;
  113. box-shadow: 1px 3px 16px 0px rgba(0, 0, 0, 0.08);
  114. z-index: 3;
  115. display: none;
  116. }
  117. .yv2_bread_search .bread_search_show .hotHome_title{
  118. display: -webkit-flex; /* Safari */
  119. display: flex;
  120. align-items:center;
  121. justify-content:space-between;
  122. height: 42px;
  123. background: #F9F9F9;
  124. }
  125. .yv2_bread_search .bread_search_show .hotHome_title span{
  126. font-size: 16px;
  127. color: #555;
  128. margin-left: 30px;
  129. display: inline-block;
  130. }
  131. .yv2_bread_search .bread_search_show .hotHome_title em{
  132. font-size: 12px;
  133. color: #999;
  134. margin-right: 30px;
  135. display: inline-block;
  136. }
  137. .yv2_bread_search .bread_search_show ul{
  138. height: 220px;
  139. overflow-y: auto;
  140. overflow-x: hidden;
  141. }
  142. .bread_search_top .bread_search_int::-webkit-input-placeholder {
  143. color: #ACACAC;
  144. }
  145. .bread_search_top .bread_search_int::-moz-placeholder {
  146. /* Firefox 19+ */
  147. color: #ACACAC;
  148. }
  149. .bread_search_top .bread_search_int:-moz-placeholder {
  150. /* Firefox 18- */
  151. color: #ACACAC;
  152. }
  153. .bread_search_top .bread_search_int:-ms-input-placeholder {
  154. /* IE 10- */
  155. color: #ACACAC;
  156. }
  157. /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  158. .bread_search_show ul::-webkit-scrollbar
  159. {
  160. width: 5px; /*滚动条宽度*/
  161. height: 8px; /*滚动条高度*/
  162. }
  163. /*定义滚动条轨道 内阴影+圆角*/
  164. .bread_search_show ul::-webkit-scrollbar-track
  165. {
  166. background-color: #fff;
  167. }
  168. /*定义滑块 内阴影+圆角*/
  169. .bread_search_show ul::-webkit-scrollbar-thumb
  170. {
  171. border-radius: 10px; /*滚动条的圆角*/
  172. background-color: #ccc; /*滚动条的背景颜色*/
  173. }
  174. .yv2_bread_search .bread_search_show ul li{
  175. padding: 0 20px;
  176. height: 35px;
  177. line-height: 35px;
  178. }
  179. .yv2_bread_search .bread_search_show ul li a{
  180. display: -webkit-flex; /* Safari */
  181. display: flex;
  182. align-items:center;
  183. justify-content:space-between;
  184. }
  185. .yv2_bread_search .bread_search_show ul li a p.left_name{
  186. display: -webkit-flex; /* Safari */
  187. display: flex;
  188. align-items:center;
  189. }
  190. .yv2_bread_search .bread_search_show ul li a p.left_name b{
  191. width: 18px;
  192. height: 18px;
  193. display: inline-block;
  194. background: url('/overseas/img/v2image/v2_ico1_1.png') no-repeat center;
  195. background-size:100% 100%;
  196. margin-right: 5px;
  197. }
  198. .yv2_bread_search .bread_search_show ul li:nth-child(1) a p.left_name b{
  199. background: url('/overseas/img/v2image/v2_ico1.png') no-repeat center;
  200. background-size:100% 100%;
  201. }
  202. .yv2_bread_search .bread_search_show ul li:nth-child(2) a p.left_name b{
  203. background: url('/overseas/img/v2image/v2_ico1.png') no-repeat center;
  204. background-size:100% 100%;
  205. }
  206. .yv2_bread_search .bread_search_show ul li:nth-child(3) a p.left_name b{
  207. background: url('/overseas/img/v2image/v2_ico1.png') no-repeat center;
  208. background-size:100% 100%;
  209. }
  210. .yv2_bread_search .bread_search_show ul li a p.left_name span{
  211. font-size: 15px;
  212. color:#333;
  213. display: inline-block;
  214. }
  215. .yv2_bread_search .bread_search_show ul li a p.left_name em{
  216. font-size: 13px;
  217. color: #666;
  218. display: inline-block;
  219. margin-left:10px;
  220. }
  221. .yv2_bread_search .bread_search_show ul li a i{
  222. font-size: 14px;
  223. color:#333;
  224. display: inline-block;
  225. }
  226. .yv2_bread_search .bread_search_show ul li:hover{
  227. background: #F9F9F9;
  228. }
  229. /* .yv2_bread_search .bread_search_show ul li:hover a p.left_name span{
  230. color: #43A6F5;
  231. }
  232. .yv2_bread_search .bread_search_show ul li:hover a p.left_name em{
  233. color: #43A6F5;
  234. } */
  235. .yv2_bread_right .yv2_bread_map{
  236. margin-left: 30px;
  237. }
  238. .yv2_bread_right .yv2_bread_map a{
  239. display: -webkit-flex; /* Safari */
  240. display: flex;
  241. align-items:center;
  242. font-size: 16px;
  243. color: #507DAF;
  244. font-weight: bold;
  245. }
  246. .yv2_bread_right .yv2_bread_map a img{
  247. width: 20px;
  248. height: 20px;
  249. display: inline-block;
  250. margin-right: 5px;
  251. }
  252. /*公共标题*/
  253. .m_p_title{width:1200px;overflow:hidden;margin:auto;text-align:center;margin-top:20px;position:relative;}
  254. .m_p_title_text i{display:block;font-size:19px;color:#FF5849;}
  255. .m_p_title_text em{display:block;font-size:32px;color:#333;}
  256. .m_p_title_text span{display:block;font-size:14px;color:#666;}
  257. .m_p_title_left{display:block;width:320px;height:2px;position:absolute;top:23px;left:155px;
  258. background: linear-gradient(left, #ffffff, #C1C1C1);
  259. background: -webkit-linear-gradient(left, #ffffff, #C1C1C1);
  260. background: -o-linear-gradient(left, #ffffff, #C1C1C1);
  261. background: -moz-linear-gradient(left, #ffffff, #C1C1C1);
  262. }
  263. .m_p_title_right{display:block;width:320px;height:2px;position:absolute;top:23px;right:155px;
  264. background: linear-gradient(left, #C1C1C1, #FFF);
  265. background: -webkit-linear-gradient(left, #C1C1C1, #FFF);
  266. background: -o-linear-gradient(left, #C1C1C1, #FFF);
  267. background: -moz-linear-gradient(left, #C1C1C1, #FFF);
  268. }
  269. /*导航*/
  270. .y_puicdh_c{ background: #2F2F2F; height: 49px;}
  271. .y_puicdhleft{ position: relative; top: 4px;}
  272. .y_puicdhleft .y_logo{width: 109px; height: auto; top: 0px;}
  273. .y_puicdhleft .y_logo img{width: 100%; height: auto;}
  274. .y_puicdhleft .y_dhqytpo{ margin-left: 15px; position: relative; top: 8px; height: 36px;}
  275. .y_puicdhleft .y_dhqytpo em{display: inline-block; width: 11px; height: 12px; margin-right: 5px; position: relative; top: 2px;}
  276. .y_puicdhleft .y_dhqytpo em img{width: 11px; height: 12px;}
  277. .y_puicdhleft .y_dhqytpo span{font-size: 14px; color: #fff;}
  278. .y_puicdhleft .y_dhqytpo i{display: inline-block; width: 10px; height: 6px; position: relative; top: 5px; margin-left: 5px;}
  279. .y_puicdhleft .y_dhqytpo i img{width: 10px; height: 6px;}
  280. .y_puicdhleft .y_dhqy{ position: relative;}
  281. .y_dhqynone{display: none;overflow:hidden;border: 1px solid #626262; width:410px; background: rgba(0,0,0,0.75); position: absolute; left:0px; top:34px; z-index: 5; border-radius:5px;padding-bottom:10px;}
  282. .y_dhqynone a{border-radius:20px; display: block; float: left; height:30px; line-height:30px;text-align: center; font-size: 16px; color: #fff;margin:5px;padding:0 10px; }
  283. .y_dhqynone a:hover{background: #42a5f5;}
  284. .y_dhqynone a:nth-child(3n){ border-right: none;}
  285. .y_dhqynone a:last-child{ border-bottom: none;}
  286. /*国内外筛选*/
  287. .inl {margin-top:10px;}
  288. .inl a.on {background: #42a5f5;}
  289. .aera_btn {border-bottom:1px solid #626262;}
  290. .aera_btn dl dd {display:inline-block;width:99px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;cursor:pointer;}
  291. .aera_btn dl dd.on {background:#42a5f5;}
  292. .y_puicdhcent{ position: relative; left: 30px;}
  293. .y_puicdhcent ul li{float: left; height: 49px; line-height: 49px; overflow: hidden;}
  294. .y_puicdhcent ul li a{float: left;display: block; position: relative; font-size: 16px; color: #fff; padding:0 15px;}
  295. .y_puicdhcent ul li.on a{ background: #42A5F5;}
  296. .y_puicdhcent ul li:hover a{ background: #42A5F5;}
  297. .y_puicdhcent ul li a i{
  298. display: block;
  299. position: absolute;
  300. width: 18px;
  301. height: auto;
  302. right: 30%;
  303. top: 1px;
  304. }
  305. .y_puicdhcent ul li a i img{
  306. width: 100%;
  307. height: auto;
  308. }
  309. .y_puicdhright_inpu{ float: left; background: #fff; border-radius: 17px; width: 182px; height: 35px; position: relative; top: 7px;}
  310. .y_puicdhright_inpu .y_inputtext{ width: 130px; height: 31px; display: inline-block; line-height: 30px; margin-left: 13px; border: none; font-size: 14px; color: #666; position: relative; top: 2px;}
  311. .y_puicdhright_inpu .y_sous{ width: 23px; height: auto;display: inline-block; position: relative; top: -2px;}
  312. .y_puicdhright_inpu .y_sous img{ width: 100%; height: auto;}
  313. .y_puicdhmap{ float: left; text-align: center; position: relative; top: 7px; margin-left: 14px;}
  314. .y_puicdhmap a{font-size: 14px;color: #fff; display:inline-block; background: #FF5849; width: 104px; height: 35px; line-height: 35px; border-radius: 17px;}
  315. .y_puicdhmap a i{display: inline-block; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 8px;}
  316. .y_puicdhmap a i img{width: 100%; height: 100%;}
  317. .y_puicdhcent{ position: relative; left: 30px;}
  318. .y_puicdhcent ul li{float: left; height: 49px; line-height: 49px;}
  319. .y_puicdhcent ul li a{float: left;display: block; font-size: 16px; color: #fff; padding:0 15px; }
  320. .y_puicdhcent ul li.on a{ background: #42A5F5;}
  321. .y_puicdhcent ul li:hover a{ background: #42A5F5;}
  322. .y_puicdhright_inpu{ float: left; background: #fff; border-radius: 17px; width: 182px; height: 35px; position: relative; top: 7px;}
  323. .y_puicdhright_inpu .y_inputtext{ width: 130px; height: 31px; display: inline-block; line-height: 30px; margin-left: 13px; border: none; font-size: 14px; color: #666; position: relative; top: 2px;}
  324. .y_puicdhright_inpu .y_sous{ width: 23px; height: auto;display: inline-block; position: relative; top: -2px;}
  325. .y_puicdhright_inpu .y_sous img{ width: 100%; height: auto;}
  326. .y_puicdhmap{ float: left; text-align: center; position: relative; top: 7px; margin-left: 14px;}
  327. .y_puicdhmap a{font-size: 14px;color: #fff; display:inline-block; background: #FF5849; width: 104px; height: 35px; line-height: 35px; border-radius: 17px;}
  328. .y_puicdhmap a i{display: inline-block; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 8px;}
  329. .y_puicdhmap a i img{width: 100%; height: 100%;}
  330. .yv2_puicHeadTell_main{
  331. height:49px;
  332. display: -webkit-flex; /* Safari */
  333. display: flex;
  334. justify-content:flex-start;
  335. align-items:center;
  336. }
  337. .yv2_puicHeadTell_main img{
  338. display: inline-block;
  339. width: 28px;
  340. height: 28px;
  341. margin-right: 5px;
  342. }
  343. .yv2_puicHeadTell_main em{
  344. display: inline-block;
  345. font-size: 16px;
  346. color: #fff;
  347. margin-right: 5px
  348. }
  349. .yv2_puicHeadTell_main span{
  350. display: inline-block;
  351. font-size: 18px;
  352. color: #fff;
  353. font-weight: bold;
  354. }
  355. /*公共底部*/
  356. .y_footmzsm{ padding: 30px 0 23px 0;}
  357. .y_footmzsm p{ font-size: 14px; color: #8a7070; line-height: 25px;}
  358. .yv2_puicFooter{
  359. width: 100%;
  360. height: auto;
  361. background: #1C1C1C;
  362. padding: 30px 0 50px 0;
  363. }
  364. .yv2_puicFooter_logo{
  365. display: -webkit-flex; /* Safari */
  366. display: flex;
  367. justify-content:space-between;
  368. align-content:center;
  369. border-bottom: 1px solid #2B2B2B;
  370. padding-bottom: 25px
  371. }
  372. .yv2_puicFooter_logo .yv2_footer_logo{
  373. width: 160px;
  374. height: auto;
  375. }
  376. .yv2_puicFooter_logo .yv2_footer_logo img{
  377. width: 100%;
  378. height: auto;
  379. opacity: 0.4;
  380. }
  381. .yv2_puicFooter_logo .yv2_footer_logo:hover img{
  382. opacity: 1;
  383. }
  384. .yv2_puicFooter_logo .yv2_footer_right{
  385. text-align: right;
  386. }
  387. .yv2_puicFooter_logo .yv2_footer_right p{
  388. font-size: 14px;
  389. color: #999;
  390. }
  391. .yv2_puicFooter_logo .yv2_footer_right span{
  392. display: block;
  393. font-size: 24px;
  394. color: #fff;
  395. margin-top: 5px;
  396. }
  397. .yv2_puicFooter_tab{
  398. margin-top: 30px;
  399. }
  400. .yv2_puicFooter_tab .footer_tabNav{
  401. display: -webkit-flex; /* Safari */
  402. display: flex;
  403. justify-content:flex-start;
  404. align-content:center;
  405. }
  406. .yv2_puicFooter_tab .footer_tabNav a{
  407. font-size: 12px;
  408. color: #999;
  409. display: inline-block;
  410. width: 104px;
  411. height: 37px;
  412. line-height: 37px;
  413. text-align: center;
  414. background: #313131;
  415. }
  416. .yv2_puicFooter_tab .footer_tabList{
  417. margin-top: 24px;
  418. display: -webkit-flex; /* Safari */
  419. display: flex;
  420. justify-content:flex-start;
  421. align-content:center;
  422. }
  423. .yv2_puicFooter_tab .footer_tabList a{
  424. font-size: 12px;
  425. color: #999;
  426. display: inline-block;
  427. }
  428. .yv2_puicFooter_tab .footer_tabList a+a{
  429. margin-left: 20px;
  430. }
  431. .footer_contact{
  432. display: -webkit-flex; /* Safari */
  433. display: flex;
  434. justify-content:flex-start;
  435. align-content:center;
  436. margin-top: 25px;
  437. }
  438. .footer_contact p{
  439. display: -webkit-flex; /* Safari */
  440. display: flex;
  441. justify-content:flex-start;
  442. align-content:center;
  443. font-size: 12px;
  444. color: #999;
  445. }
  446. .footer_contact p+p{
  447. margin-left: 30px;
  448. }
  449. .footer_contact p img{
  450. width: 14px;
  451. height: 14px;
  452. display: inline-block;
  453. margin-right: 5px;
  454. }
  455. .footer_records{
  456. display: -webkit-flex; /* Safari */
  457. display: flex;
  458. justify-content:space-between;
  459. align-content:center;
  460. margin-top: 40px;
  461. height: 50px;
  462. line-height: 50px;
  463. }
  464. .footer_records .footer_records_l{
  465. display: -webkit-flex; /* Safari */
  466. display: flex;
  467. justify-content:flex-start;
  468. align-content:center;
  469. font-size: 12px;
  470. color: #999;
  471. }
  472. .footer_records .footer_records_l p+p{
  473. margin-left: 15px;
  474. }
  475. .footer_records .footer_records_r{
  476. display: -webkit-flex; /* Safari */
  477. display: flex;
  478. justify-content:flex-start;
  479. align-content:center;
  480. }
  481. .footer_records .footer_records_r a{
  482. display: inline-block;
  483. width: auto;
  484. height: 50px;
  485. }
  486. .footer_records .footer_records_r a+a{
  487. margin-left: 12px;
  488. }
  489. .footer_records .footer_records_r a img{
  490. width: auto;
  491. height: 100%;
  492. }
  493. /*右边悬挂*/
  494. .yv2_rightXg{
  495. position: fixed;
  496. right:25px;
  497. bottom: 30%;
  498. display: none;
  499. z-index: 5;
  500. }
  501. .yv2_rightXg_main ul li{
  502. width: 90px;
  503. height: 90px;
  504. position: relative;
  505. margin-top: -13px;
  506. }
  507. .yv2_rightXg_main ul li.showTop{
  508. margin-top: -5px;
  509. }
  510. .yv2_rightXg_main ul li img{
  511. width: 100%;
  512. height: 100%;
  513. }
  514. /*猜你喜欢*/
  515. .y_love_main{ padding: 20px 0;}
  516. .y_love_h{ border-bottom: 1px solid #eae9e9; margin: 0 10px; padding: 0px 0px 20px 0px;}
  517. .y_love_h h2{ font-size: 22px; color: #333; font-weight: normal; padding-left: 10px;}
  518. .y_love_list ul li{ width: 276px; background: #f5f7fa; float: left; margin: 10px;}
  519. .y_love_list ul{ position: relative; left: 6px; margin-top: 10px;}
  520. .y_love_list ul li .y_love_list_main{ padding: 10px;}
  521. .y_love_list ul li .y_love_list_main .y_tu{ width: 256px; height: 211px; overflow: hidden;}
  522. .y_love_list ul li .y_love_list_main .y_tu img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.8s;}
  523. .y_love_list ul li .y_love_list_main .y_text h2{ margin-top: 10px;}
  524. .y_love_list ul li .y_love_list_main .y_text h2 a{ font-size: 16px; color: #545454; display: inline-block;}
  525. .y_love_list ul li .y_love_list_main .y_text h2 i{font-size: 13px; color: #817676; font-weight: normal; display: inline-block; margin-left: 5px;}
  526. .y_love_list ul li .y_love_list_main .y_text p.y_pic{ margin-top: 10px;}
  527. .y_love_list ul li .y_love_list_main .y_text p.y_pic span{font-size: 16px; color: #FF000D;display: inline-block;}
  528. .y_love_list ul li .y_love_list_main .y_text p.y_pic i{font-size: 16px; color: #999; display: inline-block;}
  529. .y_love_list ul li .y_love_list_main .y_tu img:hover{transform: scale(1.1);}
  530. .y_love_list ul li .y_love_list_main .y_text h2 a:hover{ color: #f00;}
  531. /*面包屑导航*/
  532. .y_puicnav_top{ padding: 15px 0; font-size: 14px; color: #949494; line-height: 25px;}
  533. .y_puicnav_top a{ font-size: 14px; color: #9e7575; display: inline-block;}
  534. /*楼盘内页导航*/
  535. .y_lpnavmain ul li{ height: 54px; line-height: 54px; float: left;}
  536. .y_lpnavmain ul li a{display: inline-block; padding: 0 25px; font-size: 16px; font-weight: bold; color: #333; }
  537. .y_lpnavmain ul li a span{height: 43px; line-height: 43px; border-bottom: 2px solid #fff; display: inline-block;}
  538. .y_lpnavmain ul li.on a span{ border-bottom-color: #43A6F5;}
  539. .y_lpnavmain ul li:hover a span{ border-bottom-color: #43A6F5;}
  540. /*楼盘公共头部*/
  541. .y_lppuicdh_center{padding: 18px 20px;}
  542. .y_lppuicdh_left { position: relative; top: 6px;}
  543. .y_lppuicdh_left .y_lplogo{width: 105px; height: 80px;}
  544. .y_lppuicdh_left .y_lplogo img{width: 100%; height: 100%;}
  545. .y_lppuicdh_left .y_lptext{ margin-left: 20px;}
  546. .y_lppuicdh_left .y_lptext .y_title h2{font-size: 22px; color: #333; float: left;}
  547. .y_lppuicdh_left .y_lptext .y_title em{font-size: 12px; float: left; width: 38px; height: 21px; color: #fff; background: #0096FF; border-radius: 2px; line-height: 21px;text-align: center; margin-left: 10px; position: relative; top: 2px;}
  548. .y_lppuicdh_left .y_lptext p.y_tese{ margin-top: 20px;}
  549. .y_lppuicdh_left .y_lptext p.y_tese i{ display: block; font-size: 12px; float: left; padding: 5px 8px; background: #ccc; color: #666;}
  550. .y_lppuicdh_left .y_lptext p.y_tese i+i{ margin-left: 8px;}
  551. .y_lppuicdh_left .y_lptext p.y_tese i:nth-child(1){background:#EBF3FE;color:#638EC9;}
  552. .y_lppuicdh_left .y_lptext p.y_tese i:nth-child(2){background:#F8EAE6;color:#E3957E;}
  553. .y_lppuicdh_left .y_lptext p.y_tese i:nth-child(3){background:#E2F8E1;color:#75AB78;}
  554. .y_lppuicdh_left .y_lptext p.y_tese i:nth-child(4){background:#FFF3E2;color:#F9A321;}
  555. .y_lppuicdh_right .y_call{ position: relative; top: 26px; right: 70px;}
  556. .y_lppuicdh_right .y_call i{width: 42px; height: 41px;}
  557. .y_lppuicdh_right .y_call i img{width: 42px; height: 41px;}
  558. .y_lppuicdh_right .y_call em{ display: inline-block; font-size: 22px; color: #443e3e; margin-left: 5px;}
  559. .y_lppuicdh_right .y_call span{ display: inline-block; font-size: 27px; color: #FF5849; font-weight: bold; margin-left: 8px;}
  560. .y_lppuicdh_right .y_tongzhi a{display: block; font-size: 17px; color:#fff; padding: 9px 25px; border-radius: 5px;font-weight: 600}
  561. .y_lppuicdh_right .y_tongzhi a:nth-child(1){
  562. background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  563. background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  564. background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  565. background: -o-linear-gradient(right, #FF7E35, #FFB546);
  566. background: linear-gradient(right, #FF7E35, #FFB546);}
  567. .y_lppuicdh_right .y_tongzhi a:nth-child(2){
  568. margin-top: 13px;
  569. background: -webkit-gradient(linear, 100% 0, 0 0, from(#4F8CED), to(#68CAEE));
  570. background: -webkit-linear-gradient(right, #4F8CED, #68CAEE);
  571. background: -moz-linear-gradient(right, #4F8CED, #68CAEE);
  572. background: -o-linear-gradient(right, #4F8CED, #68CAEE);
  573. background: linear-gradient(right, #4F8CED, #68CAEE);}
  574. /*搜索弹出框样式*/
  575. .y_puic_search{ background: #fff; width: 1000px; height: auto; border-radius: 5px;}
  576. .y_search_cen{ padding: 40px 0; width: 790px; margin: 0 auto;}
  577. .y_close{ position: absolute; right: -46px; top: -40px; width: 30px;height: 30px;z-index: 12;}
  578. .y_close img{ width: 100%; height: 100%;}
  579. .y_search_top .y_search_inpmain{ border: 1px solid #E8E8E8;width: 100%;height: 50px; position: relative; z-index: 10;float:left;border-radius:30px;background:#FAFAFA;}
  580. .y_search_top .y_search_inpmain img{float:left;display:block;width:19px;margin:16px 0px 0px 16px;}
  581. .y_search_top .y_search_inpmain input.y_search_text{ width: 530px; height: 44px; display: block; float: left; font-size: 15px; color: #666; left: 20px; position: relative; top: 2px; border: none; background:#fafafa;}
  582. .y_search_top .y_search_inpmain input.y_search_subm{ float: right; display: block; width: 130px;height:48px; border: none; border-radius: 30px;;background:#FF5849;font-size:18px;color:#FFF;letter-spacing:5px;}
  583. .y_hotsearch{ margin-top: 13px; position: relative; left: 0px;}
  584. .y_hotsearch span{ display:block; float: left; font-size: 14px; color:#333; margin-right: 15px;}
  585. .y_hotsearch a{ display:block; float: left; font-size: 14px; color: #A6A6A6;}
  586. .y_hotsearch a:hover{ color: #FF5849;}
  587. .y_hotsearch a+a{ margin-left: 20px;}
  588. .y_search_bottom{ margin-top: 35px; position: relative;left: 14px;width:774px;}
  589. .y_searchb_mok{position:relative;}
  590. .y_searchb_mok .y_searchb_l{border-bottom:1px solid #ececec;width:100%;font-size:16px;color:#FFF;}
  591. .y_searchb_mok .y_searchb_l i{ width: 32px; height: 32px; display: block; position: relative; left: 0px;}
  592. .y_searchb_mok .y_searchb_l i img{ width: 100%; height: 100%; display: block;}
  593. .y_searchb_mok .y_searchb_l p{margin-top:9px;position:relative;top:1px;width:90px;height:30px;line-height:30px;background:#FF5849;text-align:center;}
  594. .y_searchb_r{ margin-left: 25px; width: 715px;margin-top:20px;}
  595. .y_searchb_r a{display: block; font-size: 14px; color: #666; float: left; height: 25px; line-height: 30px;padding: 0 5px; margin-right: 10px;margin-bottom: 10px}
  596. .y_searchb_r a.on{color: #FF7B6F;border-bottom:1px solid #FF7B6F;}
  597. .y_searchb_r a:hover{color: #FF7B6F;border-bottom:1px solid #FF7B6F;}
  598. .y_recentlsc{ margin-top: 20px;}
  599. .y_recentlsc .y_top{font-size: 18px; color: #333;}
  600. .y_recentlsc .y_recentlsc_main{ margin-top: 10px;}
  601. .y_recentlsc .y_recentlsc_main a{display: block; float: left;font-size: 14px; color: #A6A6A6; margin-right: 20px;}
  602. .y_recentlsc .y_recentlsc_main a:hover{color: #FF5849;}
  603. /*小明*/
  604. .m_hotsearch{float:left;width:378px;height:50px;}
  605. .m_hotsearch li{float:left;width:115px;height:50px;line-height:50px;margin-left:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  606. .m_hotsearch li:last-child{margin-left:0;}
  607. .m_hotsearch li a{font-size:15px;color:#8C6969;}
  608. .m_region{margin-top:30px;}
  609. .m_region_title{font-size:22px;color:#333;margin-bottom:25px;border-bottom:1px solid #EDEDED;}
  610. .m_region_title span{background:#FFF;display: block; width: 100px;position:relative;top:1px;}
  611. .m_region li{width:180px;height:100px;border-radius:5px;float:left;margin-right:23px;position:relative;text-align:center;}
  612. .m_region li:last-child{margin-right:-50px;}
  613. .m_region li img{width:100%;height:100%;position:absolute;top:0;left:0;}
  614. .m_region li i{font-size:15px;color:#FFF;background:rgba(0, 0, 0, 0.58);padding:5px 15px;border-radius:20px;position:relative;top:42px;}
  615. a.y_close img{
  616. transition: All 0.4s ease-in-out;
  617. -webkit-transition: All 0.4s ease-in-out;
  618. -moz-transition: All 0.4s ease-in-out;
  619. -o-transition: All 0.4s ease-in-out;
  620. }
  621. a.y_close img:hover {
  622. transform: rotate(180deg);
  623. -webkit-transform: rotate(180deg);
  624. -moz-transform: rotate(180deg);
  625. -o-transform: rotate(180deg);
  626. -ms-transform: rotate(180deg);
  627. }
  628. .y_search_top .y_search_inp{position: relative;}
  629. .y_search_top .y_search_show{ display: none; background: #fff; border: 1px solid #FF5848;border-radius:5px; position: absolute; left: 0; top: 65px; width: 790px; height: auto; z-index: 10; padding: 20px 0;}
  630. .y_search_showl{ padding: 0 15px; width: 100%;}
  631. .y_search_showl .select4_box{ width: 100%; max-height: 350px; overflow: auto; overflow-y:auto;border-bottom:1px solid #E6E6E6;}
  632. .y_search_showl .select4_box ul li+li{margin-top: 10px;}
  633. .y_search_showl .select4_box ul li{padding: 4px 0;}
  634. .y_search_showl .select4_box ul li a{ height: 25px; line-height: 25px; font-size: 16px; color: #555; display:block; padding-left: 8px;}
  635. .y_search_showl .select4_box ul li a span{display:block; float: left;}
  636. .y_search_showl .select4_box ul li a span i{ display: inline-block; font-size: 13px; color: #B88985; margin-left: 5px;}
  637. .y_search_showl .select4_box ul li a p{ float: right;font-size: 13px; padding-right: 8px;width:130px;}
  638. .y_search_showl .select4_box ul li a p em{font-size: 20px; color: #f00;}
  639. .y_search_showl .select4_box ul li a:hover span{ color: #f00;}
  640. .y_search_showl .select4_box ul li:hover{ background: #ebebeb;}
  641. .y_search_showl .select4_box::-webkit-scrollbar {/*滚动条整体样式*/
  642. width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  643. height: 1px;
  644. }
  645. .y_search_showl .select4_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  646. border-radius: 10px;
  647. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  648. background: #e6e6e6;
  649. }
  650. .y_search_showl .select4_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
  651. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  652. border-radius: 10px;
  653. background: #f3f3f3;
  654. }
  655. .m_jt{position:absolute;top:-13px;left:21px;width:14px;height:14px;}
  656. .m_jt img{width:100%;height:100%}
  657. .y_search_showr{ width: 100%;padding-left: 5px;}
  658. .y_search_showr p.y_h{font-size: 18px; color: #333; padding-left: 10px;margin-top:20px;}
  659. .y_search_showr ul.y_tuijian li{width: 174px; height: auto; float: left; margin: 10px 10px; background: #f4fbfe; border-radius: 5px; overflow: hidden;}
  660. .y_tuijian{margin-top:5px;}
  661. .y_search_showr ul.y_tuijian li .y_tuijian_tu{ width: 100%; height: 90px;}
  662. .y_search_showr ul.y_tuijian li .y_tuijian_tu img{ width: 100%; height: 100%;}
  663. .y_search_showr ul.y_tuijian li .y_tuijian_text{ padding: 5px 10px;background:rgba(0, 0, 0, 0.5);text-align:center;}
  664. .y_search_showr ul.y_tuijian li .y_tuijian_text p.y_title a{display:block; font-size: 14px; color: #FFF; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%;}
  665. .y_search_showr ul.y_tuijian li .y_tuijian_text p.y_title span{ display: inline-block; font-size: 12px; color: #888; margin-left: 5px;}
  666. .y_search_showr ul.y_tuijian li .y_tuijian_text p.y_jg{ font-size: 14px; color:#333; margin-top: 5px;}
  667. .y_search_showr ul.y_tuijian li .y_tuijian_text p.y_jg span{ font-size: 16px; color:#ff0000;}
  668. .y_search_showr ul.y_tuijian li:hover .y_tuijian_tu img{opacity: 0.8;}
  669. .y_search_showr ul.y_tuijian li:hover .y_tuijian_text p.y_title a{color:#ee6f5c;}
  670. .select4_box li.active{ background: #ebebeb;}
  671. .y_scrmaak{ background:rgba(0,0,0,0); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none;z-index: 5;}
  672. /* 2019-12-3 添加广告标签 */
  673. .wadlabel {width: 35px; text-align: center; position:absolute;top:0px;right:0px;font-size:12px;border-radius: 3px; color:#fff;background:rgba(0,0,0,0.2);padding:2px 0px;z-index:4;}
  674. /*有效日期*/
  675. .wweffective {position:absolute;right:0;bottom:0;color:#FFFFFF;background:rgba(0,0,0,0.2);min-width:170px;padding:3px 5px;text-align:right;z-index:4;}