chanpin.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. @charset "gb2312";
  2. /* CSS Document */
  3. /*main*/
  4. .main{width:100%;height:auto !important;min-height:auto !important;padding-bottom:40px;}
  5. .cp{width:960px;margin:0 auto;position:relative;}
  6. .cpone{width:960px;padding-bottom:40px;}
  7. .cpa{width:960px;border-bottom:1px solid #eaeaea;background:#f8f8f8;position:relative;padding-bottom:10px;}
  8. .cpb{height:55px;padding-top:15px;border-bottom:1px solid #eaeaea;line-height:60px;background:#f8f8f8;padding-left:13px;position:relative;}
  9. .cptu{width:63px;display:block;height:42px;float:left;line-height:60px;font-size:14px;color:#999;}
  10. .cpspan1{display:block;height:60px;float:left;line-height:60px;font-size:14px;color:#999;}
  11. .cpb .hei{color:#000;font-weight:bold;}
  12. .cpb span{font-size:18px;float:left;height:42px;line-height:42px;}
  13. .cpsp1{font-weight:bold;color:#000;}
  14. .cpsp2{color:#cccccc;padding:0px 7px;}
  15. .cpsp3{color:#cccccc;}
  16. .cptd1{width:66px;padding-left:10px;}
  17. .cptd2{width:90px;}
  18. .cptd3{width:68px;}
  19. .cptab{margin:14px 0px 0px 14px;}
  20. .cptab td{height:30px;font-size:12px;color:#666;}
  21. .cptab span{color:#333;font-weight:bold;}
  22. .cptab .cpti{color:#333;font-weight:bold;}
  23. .jiao2{position:absolute;bottom:-1px;left:40px;display:block;width:11px;height:7px;z-index:5;background:url(jiao2_bg.png) no-repeat;}
  24. h5{display:block;width:932px;height:51px;border-bottom:1px solid #eaeaea;margin:0 auto;font-size:14px;line-height:51px;color:#000;}
  25. .cpp1{display:block;height:44px;line-height:44px;padding-left:14px;font-size:12px;color:#666;}
  26. .cpp2{display:block;border-bottom:2px solid #d9b571;margin:0 auto;font-size:14px;color:#000;font-weight:bold;padding:24px 0px 12px 8px;width:624px;margin:0 auto;}
  27. .jl{margin:0 auto;background:#f9f4dd;padding:7px 0px;margin-bottom:22px;}
  28. .jl td{height:74px;}
  29. .jltd1{width:66px;padding-left:18px;}
  30. .jltd2{width:701px;}
  31. .jltd2 .co3 a{text-decoration:none;color:#333;}
  32. .jltd2 .co3 a:hover{text-decoration:underline;}
  33. .jl .cppa{font-size:14px;font-weight:bold;color:#0079c1;}
  34. .jl p{font-size:12px;padding:2px 0px;}
  35. .cpp3{display:block;width:624px;height:33px;margin:0 auto;line-height:33px;padding-left:8px;font-size:14px;color:#333;background:#eaeaea;font-weight:bold;}
  36. .clul{display:block;width:930px;height:37px;line-height:37px;margin:0 auto;border:1px solid #eaeaea;background:#f8f8f8;}
  37. .clul li{float:left;padding:0px 17px 0px 18px;font-size:12px;cursor:pointer;}
  38. .clon{color:#FFF;border-right:1px solid #eaeaea;background:#898989;}
  39. .cloff{color:#333;background:#f8f8f8;border-right:1px solid #eaeaea;}
  40. h6{display:block;height:48px;line-height:48px;font-size:12px;color:#333;}
  41. .cps1{font-size:12px;color:#333;padding-left:33px;line-height:24px;}
  42. .lilv{width:414px;height:204px;padding:18px 0px 0px 14px;}
  43. .lv1{width:230px;height:204px;float:left;}
  44. .youjiao{width:9px;height:204px;background:url(youjiao.png) no-repeat;float:left;}
  45. .lv2{width:175px;height:204px;float:left;}
  46. .lv1 input{width:70px;height:10px;border:1px solid #dddddd;padding:6px 5px;}
  47. .lv1 span{float:left;}
  48. .lvsp1{width:66px;height:24px;text-align:right;padding-right:14px;}
  49. .lvsp2{padding-right:7px;}
  50. .lv1p{line-height:24px;padding-bottom:9px;font-size:12px;color:#333;display:bloc;height:24px;}
  51. .js{display:block;width:97px;height:29px;background:url(jsbtn.png) no-repeat 80px 0px;text-align:center;line-height:29px;padding-left:80px;cursor:pointer;color:#666;font-size:12px;}
  52. .lv2p{line-height:24px;font-size:12px;color:#666;display:block;height:24px;}
  53. .lv2p span{float:left;}
  54. .lvsp3{width:66px;padding-right:10px;text-align:right;}
  55. .cpp4{display:block;heiht:37px;line-height:37px;padding-left:33px;font-size:12px;}
  56. .lvtab{border-collapse: collapse;margin-left:33px;font-size:12px;}
  57. .lvtab .lvtabtr td{background:#f4f4f4;color:#999;}
  58. .lvtab td{border:1px solid #dddddd;height:25px;padding-left:14px;color:#666;}
  59. .cpp5{display:block;padding-left:33px;height:47px;font-size:12px;color:#ccc;line-height:36px;float:left;}
  60. .cpp6{display:block;height:48px;font-size:12px;color:#999;line-height:48px;width:624px;padding:52px 0px 0px 8px;margin:0 auto;}
  61. .sq{display:block;width:113px;height:38px;text-align:Center;line-height:38px;background:url(sq.png) no-repeat;color:#FFF;font-size:14px;text-decoration:none;}
  62. /*2013年1月18日*/
  63. .mf{display:block;width:171px;height:50px;line-height:50px;text-decoration:none;position:absolute;top:133px;right:35px;background:url(mf.png) no-repeat; text-align: center;font-size:14px;color:#fff;}
  64. .mf:hover{background: url(mfhover.png) no-repeat;}
  65. .mf2{position:absolute;top:170px;right:40px;color:#333;font-size:12px;}
  66. .mf3{display: block;width: 171px;height: 50px;line-height: 50px;text-decoration: none;background: url(mf.png) no-repeat; text-align: center;font-size: 14px;color: white;position:absolute;top:24px;right:35px;}
  67. .mf3:hover{background: url(mfhover.png) no-repeat;}
  68. .mf4{color: #333;font-size: 14px;position:absolute;top:42px;left:24px;}
  69. .mf4 span{color:#0079c1;}
  70. .bo{height:95px;border-top:1px solid #eaeaea;position:relative;width:658px;background:#f8f8f8;}
  71. .kuai{width:624px;padding-left:8px;margin:0 auto;overflow:hidden;}
  72. .kuai p{font-size: 12px;color: #333;line-height: 24px;margin:0 auto;}
  73. .cpb a{text-decoration:none;}
  74. .xinzen{height:46px;float:left;margin-top:14px;}
  75. .xinzen p{line-height:20px;}
  76. .xzp1{color:#333;font-size:14px;font-weight:bold;}
  77. .xzp2{color:#999;font-size:12px;}
  78. /*2013年04月07日 潘文静*/
  79. .cpl{width:658px;float:left;overflow:hidden;border:1px solid #e9e9e9;background:#FFF;position:relative;margin-bottom:20px;}
  80. .cpr{width:280px;float:right;}
  81. .buzhou{width:632px;height:94px;margin:0 auto;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin-top:15px;background:url(buzhou.jpg) no-repeat 35px 22px;position:relative;}
  82. .buzhou span{font-size:12px;color:#666;}
  83. .bsp1{position:absolute;top:64px;left:17px;}
  84. .bsp2{position:absolute;top:64px;left:193px;}
  85. .bsp3{position:absolute;top:64px;left:378px;}
  86. .bsp4{position:absolute;top:64px;left:555px;}
  87. .l{float:left;}
  88. .r{float:right;}
  89. /*模块1*/
  90. .mone{margin-bottom:20px;width:960px;overflow:hidden;}
  91. .monel{width:323px;height:285px;border:1px solid #e9e9e9;float:left;padding-top:3px;}
  92. .monel li{display:block;width:297px;height:81px;border-bottom:1px solid #e9e9e9;margin:0 auto;padding-top:12px;}
  93. .monel .noborder{border:none;}
  94. .monel li a{font-size:16px;color:#00457c;text-decoration:none;display:block;width:297px;height:26px;line-height:26px;overflow:hidden;}
  95. .monel li a:hover{text-decoration:underline;}
  96. .monel li p{display:block;width:297px;height:50px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
  97. .moner{width:614px;height:288px;float:right;border:1px solid #e9e9e9;position:relative;background: #323232;}
  98. /*模块2*/
  99. .mtwo{width:960px;overflow:hidden;}
  100. .mtwol{float:left;width:660px;}
  101. .mtwor{float:right;width:280px;}
  102. /*内模块1*/
  103. .mta{border-top:3px solid #00457c;overflow:hidden;}
  104. .mta h5,.mra h5{width:264px;font-size:14px;color:#333;display:block;height:40px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;background:#f8f8f8;line-height:40px;padding-left:14px;border-bottom:1px solid #e9e9e9;}
  105. .mtb{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;height:310px;padding-top:16px;}
  106. .nobotom{border-bottom:none;}
  107. .mtb dl dt{display:block;width:300px;height:71px;padding-bottom:8px;overflow:hidden;}
  108. .mtb dl dt img{margin-right:10px;float:left;}
  109. .mtb dl dt a{padding-top:3px;font-size:14px;color:#00457c;line-height:22px;text-decoration:none;display:block;width:190px;height:22px;overflow:hidden;}
  110. .mtb dl dt a:hover{text-decoration:underline;}
  111. .mtb dl dt p{line-height:22px;color:#999;font-size:12px;display:block;width:190px;height:46px;overflow:hidden;}
  112. .mtb dl{display:block;width:300px;height:300px;padding:0px 15px 0px 14px;float:left;}
  113. .mtb dl dd{display:block;width:300px;height:26px;line-height:26px;overflow:hidden;background:url(cms/list_bg.jpg) no-repeat;}
  114. .mtb dl dd a{padding-left:10px;font-size:14px;color:#00457c;text-decoration:none;}
  115. .mtb dl dd a:hover{text-decoration:underline;}
  116. /*内模块2*/
  117. .tabnav{display:block;height:41px;background:#f8f8f8;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
  118. .tabnav li{float:left;width:86px;height:40px;font-size:14px;color:#333;text-align:center;line-height:40px;cursor:pointer;}
  119. .tabnav .tbnon{background:#FFF;font-weight:bold;height:42px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
  120. /*内模块3*/
  121. .mtc{width:660px;height:380px;margin:22px 0px;}
  122. .mtd{width:319px;height:379px;border-top:3px solid #00457C;}
  123. .mte{width:317px;height:334px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
  124. .mte dl{padding-top:8px;}
  125. .mte dl dd{display:block;width:300px;height:26px;line-height:26px;overflow:hidden;background:url(cms/list_bg.jpg) no-repeat 14px 0px;padding-left:14px;}
  126. .mte dl dd a{padding-left:10px;font-size:14px;color:#00457c;text-decoration:none;}
  127. .mte dl dd a:hover{text-decoration:underline;}
  128. /*内模块4*/
  129. .jsqnav{display:block;height:88px;padding-top:17px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
  130. .jsqnav li{float:left;width:131px;padding-top:58px;background:url(cms/jsq.jpg) no-repeat 41px 0px;text-align:center;}
  131. .jsqnav li a{font-size:12px;color:#666;text-decoration:none;}
  132. .jsqnav li a:hover{text-decoration:underline;}
  133. /*右模块1*/
  134. .mra{border-top:3px solid #00457c;background-color:#fff;}
  135. .mrb{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding-left:14px;}
  136. .mrb p{line-height:32px;color:#999;font-size:12px;}
  137. .mrb .se{width:248px;}
  138. .mrb .sele{width:246px;}
  139. .mrb .sinp{width:192px;}
  140. .xiala{position:absolute; z-index:999;}
  141. .xiala li{width:246px;}
  142. .xiala li a{width:235px;}
  143. .ssinp {display: block;width: 248px;margin-top:15px;height: 44px;background:url(cms/btn_bg.jpg);font-size: 14px;color: white;cursor: pointer;font-weight: bold;border:none;}
  144. .box{background:#FFF;border:1px solid #e9e9e9;}
  145. /*热门贷款*/
  146. .mrc{border-top:1px solid #e9e9e9;width:248px;margin-top:15px;padding-top:9px;}
  147. .mrc dl{display:block;width:248px;font-size:12px;}
  148. .mrc dl dt{color:#999;line-height:22px;float:left;}
  149. .mrc dl dd{line-height:22px;}
  150. .mrc dl dd a{padding:0px 3px;color:#00457c;text-decoration:none;_padding:0px;}
  151. .mrc dl dd a:hover{text-decoration:underline;}
  152. .pb11{padding-bottom:11px;}
  153. .mb21{margin-bottom:21px;}
  154. /*文章列表*/
  155. .btli{display:block;float:left;padding-top:10px;padding-left:30px;font-size:6px;}
  156. .btli li{list-style:square;color:#999;font-size:12px;}
  157. .btli li a{color:#999;font-size:12px;text-decoration:none;line-height:24px;}
  158. .btli li a:hover{text-decoration:underline;}
  159. .btwo {width: 278px;height: 328px;margin-bottom:22px;}
  160. .more {color: #CCC;font-size: 12px;padding-right: 11px;text-decoration: none;font-weight: normal;}
  161. .more:hover{text-decoration: underline;}
  162. /*右模块2*/
  163. .ymk2{margin-bottom:20px;overflow:hidden;}
  164. .ymkta{margin:0 auto;border-collapse: collapse;}
  165. .ymkta td{border-bottom:1px solid #e9e9e9;padding-top:10px;}
  166. .ymkt{width:55px;}
  167. .ymkt img{border:1px solid #f8f8f8;}
  168. .ymkn a{font-size:12px;color:#333;line-height:18px;text-decoration:none;}
  169. .ymkn a:hover{text-decoration:underline;}
  170. .ymkn a span{display:block;height:18px;overflow:hidden;}
  171. .ymkp1{line-height:18px;font-size:12px;color:#999;}
  172. .ymkp2{display:block;height:38px;line-height:38px;color:#666;font-size:12px;}
  173. .ymkp2 span{color:#ff9900;padding-right:4px;}
  174. .ymkul{overflow:hidden;width:257px;margin:5px 6px 20px 0px;}
  175. .ymkul li{float:left;height:24px;background:url(li_bg.png) no-repeat;margin-right:4px;margin-left:14px;_margin-right:4px;_margin-left:10px;}
  176. .ymkul li a{line-height:24px;padding-left:5px;font-size:12px;color:#0079c1;text-decoration:none;}
  177. .ymkul li a:hover{text-decoration:underline;}
  178. .mr24{margin-right:24px;}
  179. /*2013年04月09日 潘文静 新增担保方式角标*/
  180. .jiaobiao{display:block;width:63px;height:54px;background:url(jiaobiao.png) no-repeat;position:absolute;top:19px;right:334px;z-index:9999;}
  181. .jiaobiao dt{font-size:12px;color:#fff;height:20px;line-height:20px;padding-top:6px;text-align:Center;}
  182. .jiaobiao dd{font-size:16px;color:#FFF;font-weight:bold;height:25px;text-align:Center;line-height:20px;}
  183. .cp .mrb .ssinp {display: block;width: 248px;margin-top: 15px;height: 44px;background: url(cms/btn_bgh.jpg);font-size: 14px;color:#333;cursor: pointer;font-weight: bold;border: none;}
  184. /*2013年07月01日 yzf 免费申请按钮-上下部分**/
  185. .success_sqrs{width:170px;height:35px;line-height:50px;text-decoration:none;position:absolute;top:100px;right:35px; font-weight: bold; text-align: center;font-size:14px;color:#000;}
  186. .success_sqrs span {color: #ff9900; font-size: 35px; line-height: 35px;}
  187. .Dstars {width:170px;height:20px;position:absolute;top:205px;right:35px; text-align: left; font-size: 12px; z-index: 300;}
  188. .hdstars {background:url(hdstars.png) no-repeat;}
  189. .Dstars_wd {padding: 0px 3px 0px 4px; color: #999;}
  190. .stars_big {background-position: -90px -20px; width: 110px; display: block;}
  191. .stars_big ,.stars_big em {height: 16px;}
  192. .stars_big em {background-position: -90px 0px; float: left;}
  193. .Bval_5 {width: 12px;} /**0.5 星**/
  194. .Bval_10 {width: 22px;} /**1 星**/
  195. .Bval_15 {width: 34px;} /**1.5 星**/
  196. .Bval_20 {width: 44px;} /**2 星**/
  197. .Bval_25 {width: 56px;} /**2.5 星**/
  198. .Bval_30 {width: 66px;} /**3 星**/
  199. .Bval_35 {width: 78px;} /**3.5 星**/
  200. .Bval_40 {width: 88px;} /**4 星**/
  201. .Bval_45 {width: 100px;} /**4.5 星**/
  202. .Bval_50 {width: 110px;} /**5 星**/
  203. .Dstars span.big_tc {color: #333; background: #fff; text-align: center; display: block; width: 140px; height: 36px; line-height: 18px; padding: 5px; border: 1px solid #bbb; position: absolute; right: 0px; top: 20px; z-index: 500;}
  204. /**成功申请案例7月4号**/
  205. .success_apply{border:1px solid #e9e9e9; margin-bottom: 20px;}
  206. .success_apply h5{width:264px;font-size:14px;color:#333;display:block;height:40px;
  207. background:#f8f8f8;line-height:40px;padding-left:14px;border-bottom:1px solid #e9e9e9;}
  208. .success_apply span{ color: #ff9900;}
  209. .applysucc{_border-right: 1px solid #E9E9E9;}
  210. .applyt{color: #666666; font-weight: bold; font-size:13px;}
  211. .applyetc{ margin: 0px 7px; padding: 8px 8px; border-bottom: 1px solid #E9E9E9;}
  212. .app_line{ padding: 5px 0px;}