Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
zhengchengwu
/
renren
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
人人商城
11 Commity
1 Gałęzie
Drzewo: b97110e534
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z 'b97110e534'
${ noResults }
renren/pcsite/static/css/style.css

style.css 17KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228 
  1. /*首页登录*/

  2. .index-login{position: absolute;width:390px;padding:15px 30px;background: #fff;right:26px;top:140px;z-index: 10;display: none;}

  3. .index-login-main{}

  4. .index-login-main-ul{padding:0;margin:0;}

  5. .index-login-main-ul li{height:50px;list-style: none;padding:5px 0;position: relative;line-height: 40px;font-size:12px;color:#666;clear:both;}

  6. .index-login-main-ul li i{width:45px;height:40px;position: absolute;left:0;top:5px;display: block;line-height: 40px;text-align: center;color:#a6a6a6;}

  7. 

  8. .index-login-input{width:100%;height:40px;border:1px solid #e9e9e9;padding:5px 5px 5px 45px;line-height: 30px;font-size:14px;color:#a6a6a6;}

  9. .index-login-submit{width:100%;height:40px;line-height: 40px;border:none;color:#fff;background: #0baefd;-webkit-border-radius: 3px;-moz-border-radius: 3px;

  10. border-radius: 3px;}

  11. input[type=checkbox].index-login-checkbox{float:left;margin:13px 5px 0 4px;}

  12. .index-register{text-align: right;font-size:12px;color:#999;}

  13. .index-register a{font-size:12px;color:#0baefd;}

  14. .index-login-title{height:50px;margin:0;padding:0;line-height: 50px;font-size:22px;color:#000;text-align: center;}

  15. .index-login-top{position: absolute;top:-16px;right:95px;display: block;width:30px;height:16px;background: url("../images/index-login-top.png") no-repeat center top;}

  16. .close{width:16px;height:16px;display: block;color:#000;font-weight: normal;}

  17. 

  18. .register-header{height:20px;margin:40px 0 0 0;height:20px;display: block;float:left;padding-left:20px;border-left:1px solid #8a8a8a;}

  19. /*首页*/

  20. #header{height:100px;background: #fff;box-shadow: 0 1px 8px 5px #eee;}

  21. .lynn-head{width:1200px;margin:0 auto;height:100px;position: relative;}

  22. #lynn-logo{width:300px;height:100px;float:left;margin:0;}

  23. #lynn-logo a{width:300px;height:100px;display: block;}

  24. #lynn-logo a img{width:300px;height:100px;}

  25. #lynn-nav{width:724px;height:100px;float:left;}

  26. #lynn-login{width:176px;height:100px;float:right;padding:41px 0 0 0;line-height: 30px;}

  27. #lynn-login a{height:30px;line-height: 30px;padding:0 15px;color:#3a3a3a;font-size:16px;margin:0 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display: inline-block;}

  28. #lynn-login a.active{background: #00aeff;color:#fff;}

  29. .lynn-nav-ul{height:100px;padding:41px 0 0 45px;margin:0;display: block;}

  30. .lynn-nav-ul li{float:left;padding:0 25px;list-style: none;}

  31. .lynn-nav-ul li a{height:30px;display: block;font-size:16px;color:#3a3a3a;line-height: 30px;}

  32. .lynn-nav-ul li a:hover,.lynn-nav-ul li a.active{color:#00aeff;text-decoration: none;}

  33. 

  34. .carousel-indicators li{border-radius: 0;width:58px;height:10px;background: #08466b;border:none;}

  35. .carousel-indicators li.active{background: #e84e0e;width:58px;height:10px;border:none;margin:1px;}

  36. 

  37. .lynn-article-top{text-align: center;position: relative;}

  38. .lynn-article-top i{height:1px;display: block;position: absolute;width:100%;background: #e4e4e4;top:59px;left:0;}

  39. .lynn-article-top h3{height:62px;line-height: 59px;margin:0;padding:0;font-size:40px;color:#020202;border-bottom:3px solid #989898;display: inline-block;}

  40. .lynn-article-top p{min-height:36px;line-height: 25px;padding:11px 0 0 0;font-size:16px;color:#969696;width:1200px;margin:0 auto;}

  41. 

  42. .lynn-news{background: #f7f7f7;padding:68px 0;}

  43. .lynn-news-index{width:1200px;margin:0 auto;}

  44. .lynn-news-index-ul{display: block;margin:0;padding:83px 0 0 26px;}

  45. .lynn-news-index-ul li{padding:0 59px 48px 46px;list-style: none;width:587px;float:left;cursor: pointer;}

  46. .lynn-news-index-li-left{width:75px;float:left;}

  47. .lynn-news-index-li-right{width:394px;float:right;}

  48. .lynn-news-index-li-left span{width:57px;height:57px;display: block;background: #e4e4e4;color:#989898;font-size:16px;text-align: center;line-height: 57px;}

  49. .lynn-news-index-li-left strong{width:57px;height:57px;display: block;background: #fff;color:#989898;font-size:32px;text-align: center;line-height: 57px;}

  50. .lynn-news-index-li-right-top{height:57px;}

  51. .lynn-news-index-li-right-top h3{margin:0;padding:0;height:30px;line-height: 30px;font-size:16px;color:#020202;width:370px;float:left;overflow: hidden;}

  52. .lynn-news-index-li-right-top p{margin:0;padding:0;height:25px;line-height: 25px;font-size:12px;color:#868686;width:370px;float: left;overflow: hidden;}

  53. .lynn-news-index-li-right-top p span{padding:0 10px}

  54. .lynn-news-index-li-right-top i{width:19px;height:19px;text-align: center;line-height: 19px;background: #9d9d9d;color:#fff;display: block;float:right;font-size:20px;margin:10px 0 0 0;padding:0;}

  55. .lynn-news-index-li-right-bot{font-size:12px;color:#898888;clear:both;line-height: 20px;padding:8px 0 0 0;}

  56. 

  57. 

  58. .lynn-news-index-ul li.active .lynn-news-index-li-left strong{color:#0baefd;}

  59. .lynn-news-index-ul li.active .lynn-news-index-li-left span{background:#0baefd;color:#fff;}

  60. .lynn-news-index-ul li.active .lynn-news-index-li-right-top i{background: #0baefd;color:#fff;}

  61. /*案例展示*/

  62. .lynn-case-index{padding:91px 0 70px 0;}

  63. .lynn-case-info{width:1306px;margin:61px auto 0;padding:0 53px;overflow: hidden;}

  64. .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none;

  65. -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

  66. .slider-img{width:300px;height:470px;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:0 15px;position: relative;}

  67. .slider-img > img{border:1px solid #ddd;width:270px;height:470px;padding:4px;}

  68. .slider-img span.rcode{width:260px;height:460px;display: none;background: url("../images/case_bg.png") repeat;position: absolute;left:20px;top:5px;text-align: center;padding:129px 0 0 0;}

  69. .slider-img span.rcode p{height:49px;line-height: 49px;font-size:18px;color:#fff;font-weight: bold;}

  70. 

  71. .slick-prev{position: absolute;left:-53px;top:0;height:470px;width:53px;background: #fff url("../images/btn-left.png") no-repeat left center;border:none;cursor: pointer;}

  72. .slick-next{position: absolute;right:-53px;top:0;height:470px;width:53px;background: #fff url("../images/btn-right.png") no-repeat right center;border:none;cursor: pointer;}

  73. .slick-dots{clear:both;margin:0;text-align: center;height:50px;line-height:36px;padding-top:14px;}

  74. .slick-dots span{width:10px;height:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #444;display: inline-block;margin:0 4px;}

  75. .slick-dots span.slick-active{width:12px;height:12px;background: #00b1ff;}

  76. /*最新文章*/

  77. .lynn-article-index{padding:71px 0 0 0;}

  78. .lynn-article-bot-ul{width:1200px;display: block;margin:0 auto;padding:77px 0 0 0;}

  79. .lynn-article-bot-ul li{width:373px;height:242px;background: #f9f9f9;list-style: none;padding:20px 20px 0 25px;float:left;margin:0 13px 30px;cursor: pointer;}

  80. .lynn-article-bot-ul li h3{height:34px;padding:0;margin:0;line-height: 34px;font-size:16px;color:#0baefd;overflow: hidden;}

  81. .lynn-article-bot-ul li span{height:31px;line-height: 31px;padding:0 10px;font-size:12px;color:#868686;}

  82. .lynn-article-bot-ul li p{padding:12px 0 0 0;line-height: 21px;font-size:14px;color:#4d4d4d;margin:0;height:117px;overflow: hidden;}

  83. .lynn-article-bot-ul li a{float:right;font-size:14px;color:#0baefd;}

  84. 

  85. /*联系我们*/

  86. .lynn-contact-index{padding:68px 0 81px 0;}

  87. .lynn-contact-bottom{width:942px;margin:54px auto 0;height:340px;}

  88. .lynn-contact-form-top input{width:302px;height:47px;border:1px solid #dbe0e3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;

  89. padding:10px 10px 10px 58px;line-height: 27px;}

  90. .lynn-input-name{background:url("../images/lynn-index-name.png") no-repeat 14px center; background-size:30px;}

  91. .lynn-input-tel{background:url("../images/lynn-index-tel.png") no-repeat 14px center;margin:0 17px; background-size:30px;}

  92. .lynn-input-email{background:url("../images/lynn-index-email.png") no-repeat 14px center; background-size:30px; }

  93. .lynn-textarea{width:100%;height:122px;border:1px solid #dbe0e3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:10px;}

  94. .lynn-contact-form-bottom{padding:19px 0 49px 0;}

  95. .lynn-btn-submit{width:221px;height:50px;display: block;margin:0 auto;line-height: 50px;border:none;background: #0baefd;color:#fff;font-size:20px;-webkit-border-radius: 50px;-moz-border-radius: 50px;

  96. border-radius: 50px;}

  97. /*底部*/

  98. #lynn-footer{height:270px;background: #323639;position: relative;}

  99. .lynn-footer-top{height:63px;background: #282d30;}

  100. .lynn-footer-nav{height:63px;width:1200px;margin:0 auto;display: block;padding:23px 0 0 50px;}

  101. .lynn-footer-nav a{width:84px;height:16px;display: block;float:left;font-size:14px;color:#cacaca;border-left:1px solid #cacaca;text-align: center;line-height: 16px;}

  102. .lynn-footer-nav a:first-child{border:none;}

  103. .lynn-index-top{height:270px;width:163px;position: absolute;right:82px;top:-63px;}

  104. .lynn-index-top a{height:63px;width:163px;background: #0baefd;color:#fff;display: block;text-align: center;line-height: 63px;}

  105. .lynn-index-top p{width:163px;height:207px;background: #3d4144;margin:0;padding:17px 19px 0 19px;}

  106. .lynn-index-top p img{margin-bottom:10px;}

  107. .lynn-index-top p span{height:18px;line-height: 18px;display: block;font-size:12px;color:#fff;text-align: center;}

  108. .lynn-footer-bot{position: relative;width:1200px;margin:0 auto;padding:50px 0 0 85px;}

  109. .lynn-footer-bot-left{width:175px;float:left;padding-top:15px;}

  110. .lynn-footer-bot-left a{height:25px;display: block;line-height: 25px;font-size:12px;color:#5b5a58;border-right:1px solid #595959;}

  111. .lynn-footer-bot-mid{width:581px;margin-top:15px;min-height:75px;float:left;border-right:1px solid #595959;padding:10px 0 0 30px;}

  112. .lynn-footer-bot-mid p{font-size:12px;color:#5b5a58;height:28px;line-height: 28px;margin:0;}

  113. .lynn-footer-bot-right{width:289px;float:left;padding-left:45px;}

  114. .lynn-footer-bot-right strong{height:40px;font-size:30px;color:#5d5c5a;line-height: 40px;}

  115. .lynn-footer-bot-right p{font-size:12px;color:#5b5a58;}

  116. .kefu{width:116px;height:30px;display: block;background: #016fba;color:#fff;line-height: 30px;text-align: center;}

  117. .kefu:hover{color:#fff;text-decoration: none;}

  118. /*新闻中心*/

  119. .list-container{width:1200px;margin:0 auto;padding:56px 22px;}

  120. .list-menu{height:40px;}

  121. .list-menu-left{float:left;height:40px;line-height: 40px;font-size:12px;color:#30323d;}

  122. .list-menu-left a{color:#30323d;padding:0 5px;}

  123. .list-menu-left a:hover{color:#30323d;}

  124. .list-menu-left i{width:18px;display: inline-block;height:40px;line-height: 40px;text-align: center;}

  125. /*分类样式start*/

  126. .list-menu-left-ul{height:40px;width:900px;padding:7px 10px;overflow: hidden;margin:0;background: #f8f7f7}

  127. .list-menu-left-ul li{height:26px;line-height: 26px;float:left;padding:0;margin:0;overflow: hidden;}

  128. .list-menu-left-ul li a{height:26px;padding:0 20px;display: inline-block;color:#636363;font-size:14px;}

  129. .list-menu-left-ul li a.active{background: #feae39;color:#fff;}

  130. /*分类样式end*/

  131. .list-menu-right{float:right;}

  132. .list-menu-search{width:245px;height:40px;border:none;padding:10px 40px 10px 12px;line-height: 20px;background: #929295;color:#fff;}

  133. .list-news{padding:38px 0;}

  134. .list-news-ul{padding:0;margin:0 0 24px 0;}

  135. .list-news-ul li{border:1px solid #dcdcdc;list-style: none;background: #fff;padding:20px 0;margin-bottom:24px;cursor: pointer;}

  136. .list-news-ul li:hover{background: #f2f2f2;}

  137. .list-news-li-left{text-align: center;}

  138. .list-news-li-left strong{font-size:44px;color:#35383f;display: block;margin-top:13px;height:37px;line-height: 37px;}

  139. .list-news-li-left span{height:22px;line-height: 22px;font-size:12px;color:#868686;}

  140. .list-news-li-right h3{padding:0;margin:0;font-size:18px;color:#020202;height:28px;line-height: 28px;overflow: hidden;}

  141. .list-news-li-right p{padding:6px 0 0 0;margin:0;font-size:14px;color:#4d4d4d;}

  142. 

  143. /*分页*/

  144. .list-page{height:40px;margin:0;text-align: center;}

  145. .list-page a{height:40px;line-height: 38px;width:80px;height:40px;border:1px solid #d9d9d9;display: inline-block;font-size:16px;color:#333;}

  146. .list-page a:hover,.list-page a.active{color:#fff;text-decoration: none;background: #616161;}

  147. /*详情*/

  148. .detail-news-left{width:858px;padding:40px 30px;border:1px solid #dcdcdc;float:left;}

  149. .detail-news-right{width:245px;float:right;}

  150. .detail-title{font-size:20px;text-align: center;}

  151. .detail_subtitle{font-size:12px;text-align: center;color:#999;}

  152. .detail_subtitle span{padding:0 5px;}

  153. .detail_content{padding:20px 0;word-break:break-all;}

  154. .detail_content img{max-width: 100%;}

  155. .detail_correlation_title{height:30px;line-height: 30px;margin:20px 0 0 0;font-size:16px;color:#666;padding:0 5px;}

  156. .detail_correlation_ul{padding:0 5px;}

  157. .detail_correlation_ul li{height:22px;line-height: 22px;font-size:12px;list-style: none;}

  158. .detail_correlation_ul li a{color:#999;overflow: hidden;height:22px;display: block;}

  159. .detail-lovely-dl{padding:0;margin:0;}

  160. .detail-lovely-dl dt{height:31px;border-bototm:1px solid #ccc;background: #e1e1e1;padding:0 5px 0 10px;line-height: 30px;font-size:12px;color:#666;}

  161. .detail-lovely-dl dt a{float:right;background: #fff;height:22px;line-height: 22px;color:#e1e1e1;width:70px;display: inline-block;text-align: center;-webkit-border-radius: 22px;-moz-border-radius: 22px;

  162. border-radius: 22px;margin-top:4px;}

  163. .detail-lovely-dl dt a i{color:#aaa;padding-right:5px;font-size:12px;}

  164. .detail-lovely-dl dd{padding:12px 0;}

  165. .detail-lovely-dl dd img{display: block;width:122px;height:92px;border:1px solid #cbdbea;margin:0 auto;}

  166. .detail-lovely-dl dd p{font-size:12px;color:#333;text-align: center;height:20px;line-height: 20px;overflow: hidden;}

  167. .detail-lovely-ul{padding:0;margin:0;}

  168. .detail-lovely-ul li{height:22px;line-height: 22px;list-style: none;}

  169. .detail-lovely-ul li a{height:22px;display: block;color:#333;overflow: hidden;}

  170. .detail-lovely-ul li a i{width:4px;height:4px;display: inline-block;vertical-align: middle;background: #00407c;margin:0 5px;}

  171. /*注册账户*/

  172. .lynn-register-table{width:600px;margin:20px auto;display: block;}

  173. .lynn-register-table td{height:62px;padding:0 5px;color:#666;}

  174. .lynn-register-table td.left{width:80px;text-align: right;}

  175. .register-input{width:352px;height:40px;border:1px solid #dddddd;padding:0 10px;line-height: 20px;color:#a7a7a7;}

  176. .register-code{font-size:12px;}

  177. .register-btn{width:352px;height:47px;border:none;background: #0baefd;color:#fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size:18px;}

  178. 

  179. .lynn-register-container{width:1156px;}

  180. .lynn-register-right{width:260px;float:right;border:1px solid #cfeffc;background: #f6fbff;padding:0 10px;}

  181. .register-fase-top{height:51px;line-height: 50px;border-bottom:1px solid #e7ecf0;font-size:14px;color:#696a6c;}

  182. .register-fase-top i{padding:0 8px 0 3px;}

  183. .register-fase-info p{margin:15px 0 0 0;line-height: 20px;font-size:12px;color:#686c6f;}

  184. .register-fase-info p strong{display: block;height:20px;color:#f38003;}

  185. /*友情链接*/

  186. .lynn-link-index{background: #f7f7f7;padding:68px 0 100px 0;}

  187. .lynn-flink-info{width:1190px;margin:0 auto;}

  188. .lynn-flink-info-top{height:27px;margin-top:30px;text-align: right;}

  189. .lynn-flink-info-top a{width:16px;height:27px;line-height:27px;display: inline-block;color:#666;text-align: center;}

  190. .lynn-flink-info-top a:hover{text-decoration: none;}

  191. .lynn-flink-info-top a:active{background: #eee;}

  192. .lynn-flink-info-bot{max-width: 1200px;min-width:0px;display:block;margin:0 auto;}

  193. .lynn-flink-info-bot a{width:170px;height:60px;display: block;float:left;}

  194. .lynn-flink-info-bot a img{width:170px;height:60px;}

  195. /*经典案例*/

  196. .lynn-banner{}

  197. .lynn-banner-info{text-align: center;}

  198. .lynn-banner-info img{width:100%;}

  199. .lynn-case-menu{height:60px;background: #f8f7f7;}

  200. .lynn-case-menu-ul{height:60px;width:1200px;margin:0 auto;padding:17px 0 17px 47px;margin:0 auto;display: block;overflow: hidden;}

  201. .lynn-case-menu-ul li{height:26px;line-height: 26px;float:left;padding:0;margin:0;overflow: hidden;}

  202. .lynn-case-menu-ul li a{height:26px;padding:0 20px;display: inline-block;color:#636363;font-size:14px;}

  203. .lynn-case-menu-ul li a.active{background: #feae39;color:#fff;}

  204. 

  205. .lynn-case-list{padding:45px 36px;width:1200px;margin:0 auto;}

  206. .lynn-case-list-ul{display: block;overflow: hidden;padding:0;}

  207. .lynn-case-list-ul li{padding:0 4px;height:587px;float:left;width:282px;}

  208. .lynn-case-list-ul li a{width:274px;display: block;color:#000;position: relative;}

  209. .lynn-case-list-ul li a:hover{text-decoration: none;}

  210. .lynn-case-list-ul li a img.case-img{width:274px;height:474px;border:2px solid #f8f7f7;}

  211. .lynn-case-list-ul li a > p{height:36px;border-bottom:1px solid #f7f7f7;line-height: 35px;font-size:16px;color:#000;margin-top:10px;padding:0 2px;}

  212. .lynn-case-list-ul li a span.rcode{position: absolute;left:0;top:0;display: none;width:272px;height:472px;background: url("../images/case_bg.png") repeat;

  213. text-align: center;padding:129px 0 0 0;}

  214. .lynn-case-list-ul li a span.rcode p{height:49px;line-height: 49px;font-size:18px;color:#fff;font-weight: bold;}

  215. .lynn-case-slider{padding:0 2px;}

  216. .lynn-case-slider i{line-height: 28px;display: inline-block;padding:0 3px;color:#939292;font-size:12px;font-style: normal;}

  217. 

  218. .lynn-login-container{padding-left:650px;background: url("../images/login_bg.jpg") no-repeat left center;min-height: 600px;padding-top:100px;}

  219. .lynn-register-top{height:50px;line-height: 50px;border-bottom: 1px solid #ddd;}

  220. 

  221. 

  222. 

  223. 

  224. 

  225. 

  226. 

  227.