knowall.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. *{box-sizing: border-box;}
  2. img{border: none;}
  3. body{background-color: #fafafa; }
  4. .w{width: 1200px; margin: 0 auto;}
  5. .clearfix:after{content: ''; display: table; clear: both;}
  6. /*轮转*/
  7. .wheel{height: 350px; border: 1px #ebebeb solid; margin-top: 25px; padding: 18px; background-color: #fff;}
  8. .fullSlide{position:relative; height: 314px; background:#000;}
  9. .fullSlide .bd{position:relative; z-index:0; }
  10. .fullSlide .bd li img{width:1162px; height: 314px; vertical-align:top;}
  11. .fullSlide .dot{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px; text-align:center;}
  12. .fullSlide .dot ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:url(../../images/dotW.png) no-repeat ; overflow:hidden;
  13. font-size:0;
  14. }
  15. .fullSlide .dot ul .on{ background: url(../../images/dotR.png) no-repeat; }
  16. /*应用分类*/
  17. .usedir{border: 1px #ebebeb solid; margin-top: 25px; padding: 0 18px;}
  18. .usedir .usedir_title{height: 50px; line-height: 50px; font-size: 18px; color: #4c4c4c; }
  19. /*左*/
  20. .usedir_left{float: left; margin-bottom: 15px;}
  21. .usedir_left li{position: relative; width: 94px; height: 60px; line-height: 60px; background-color: #e5e5e5; font-size: 14px; color: #666; text-align: center; margin-bottom: 4px; cursor: pointer;}
  22. .left_angle{display: none; position: absolute; top: 50%; right: -20px; margin-top: -10px; width: 0; border: 10px solid; border-color: transparent transparent transparent #dd4250;}
  23. /*右*/
  24. .usedir_right{float: right; margin-bottom: 15px;}
  25. .usedir_right li{position: relative; width: 94px; height: 60px; line-height: 60px; background-color: #e5e5e5; font-size: 14px; color: #666; text-align: center; margin-bottom: 4px; cursor: pointer;}
  26. .right_angle{display: none; position: absolute; top: 50%; left: -20px; margin-top: -10px; width: 0; border: 10px solid; border-color: transparent #dd4250 transparent transparent;}
  27. /*中*/
  28. .usedir_content{width: 950px; height: 380px; margin: 0 auto; padding: 40px 74px 0;; border: 1px #ebebeb solid; background-color: #fff; overflow: hidden;}
  29. .usedir_content .userdir_center{width: 800px; height: 310px; overflow: hidden;}
  30. .userdir_center .center_info{width: 200px; height: 60px; margin-bottom: 20px; float: left;}
  31. .center_info > a{float: left;}
  32. .center_info a img{display: block; width: 60px; height: 60px;}
  33. .center_info p{width: 115px; margin-left: 5px; float: left;}
  34. .center_info p > a{display: block; font-size: 14px; color: #4c4c4c; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  35. .center_info p > a:hover{color: #FF0000; text-decoration: underline;}
  36. .center_info p > span{display: block; font-size: 12px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}