Startsida Utforska Hjälp
Registrera dig Logga in
liyaoyu
/
pfhwyigou
Bevaka 1
Stjärnmärk 0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: f272eab5be
Grenar Taggar
pfhwyigou
/
frontend
/
web
/
video
/
css
/
videosearch.css

videosearch.css 4.1 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 
  1. /*顶部图*/
    2. 

  2. .p_across {width:100%;height:218px;margin-top:0px;}
    3. 

  3. .p_across >img {display:block;height:100%;width:100%;}
    4. 

  4. .pr {position:relative;}
    5. 

  5. .p_acroos_area {position:absolute;left:0;top:40px;color:#fff;}
    6. 

  6. .p_acroos_area .fb {font-weight:600;font-size:48px;margin-top:15px; margin-bottom: 0px;}
    7. 

  7. .p_acroos_area .fa {font-size:26px;font-weight:600;}
    8. 

  8. .seek_box {position:absolute;right:0;top:122px;}
    9. 

  9. .seek_box .seek_input{width:625px;}
    10. 

  10. .seek_box .seek_input .seekinput_search {width:100%;height:45px;position:relative;background:#FFF;}
    11. 

  11. .seek_box .seek_input .seekinput_search span{cursor:pointer;width:79px;height:45px;display:block;float:left;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;}
    12. 

  12. .seek_box .seek_input .seekinput_search span img{width:11px;margin-left:7px;}
    13. 

  13. .seek_box .seek_input .seekinput_search input[type="text"] {display:none;border:none;width:395px;height:45px;line-height:45px;font-size:15px;color:#999;padding-left:20px;}
    14. 

  14. .seek_box .seek_input .seekinput_search input[type="text"]::-webkit-input-placeholder {color: #ccc;}
    15. 

  15. .seek_box .seek_input .seekinput_search input[type="button"] {border:none;padding-left:33px;color:#fff;width:120px;height:45px;font-size:20px;font-weight:bold;position:absolute;top:0;right:0;background:#DD2222 url("../image/ico_search1.png") no-repeat 24px  14px/20px 20px;}
    16. 

  16. .seekinput_option{padding-bottom:19px;display:none;position:absolute;top:50px;left:0;width:100px;z-index:10;background:#FFF;border-radius:4px;box-shadow:0px 2px 5px 0px rgba(199, 199, 199, 0.36);}
    17. 

  17. .seekinput_option span{cursor:pointer;display:block;padding:0 14px;font-size: 15px;color:#666;margin-top:19px;}
    18. 

  18. .seekinput_option span.on{color:#DD2222;}
    19. 

  19. 

  20. .seek_box .seek_host {color:#fff;margin-top:8px;}
    21. 

  21. .seek_box .seek_host a {color:#fff;font-size:14px;}
    22. 

  22. .seek_box .seek_host a:hover {color:#E03700;}
    23. 

  23. .s_on {color:#E03700 !important;}
    24. 

  24. 

  25. 

  26. 

  27. .videosearch_box{width:1190px;margin:auto;margin-top:40px;}
    28. 

  28. .Result{font-size:16px;color:#999;}
    29. 

  29. 

  30. .videosearch{margin-top:19px;}
    31. 

  31. .videosearch li{width:375px;float:left;margin-right:32px;margin-bottom:40px;}
    32. 

  32. .videosearch li:nth-child(3n){margin-right:0;}
    33. 

  33. .videosearch li .videosearch_img{height:240px;border-radius:4px;overflow:hidden;position:relative;}
    34. 

  34. .videosearch li .videosearch_img .img{width:100%;height:100%;    
    35. 

  35. transition: all .5s;
    36. 

  36. -moz-transition: all .5s;
    37. 

  37. -webkit-transition: all .5s;
    38. 

  38. -o-transition: all .5s;}  
    39. 

  39. 

  40. .videosearch li .videosearch_img:hover .img{   
    41. 

  41. transform: scale(1.1); 
    42. 

  42. -webkit-transform: scale(1.1);  
    43. 

  43. -moz-transform: scale(1.1);
    44. 

  44. -o-transform: scale(1.1);}
    45. 

  45. 

  46. .videosearch li .videosearch_img .imgtb{width:58px;height:58px;position:absolute;top:50%;left:50%;margin-top:-29px;margin-left:-29px;}
    47. 

  47. .videosearch li .videosearch_img .type{position: absolute;top:10px;right:10px;font-size: 14px;color: #FFF;background: rgba(0,0,0,0.5);padding:7px 11px;border-radius:100px;}
    48. 

  48. .videosearch li .videosearch_img .text{position:absolute;bottom:0;left:0;padding:77px 0 10px 0;width:100%;
    49. 

  49. background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56)));  
    50. 

  50.         -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    51. 

  51.         -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    52. 

  52. }
    53. 

  53. .videosearch li .videosearch_img .text p{padding:0 10px;}
    54. 

  54. .videosearch li .videosearch_img .text p span{font-size:14px;color:#F8F8F8;}
    55. 

  55. .videosearch li .videosearch_img .text p span img{width:12px;margin-right:6px;margin-top:2px;}
    56. 

  56. .videosearch li .videosearch_img .text p span img{width:12px;margin-right:6px;margin-top:2px;}
    57. 

  57. .videosearch li .videosearch_img .text p span:last-child{float:right;}
    58. 

  58. .videosearch li .videosearch_text{font-size:17px;color:#333;font-weight:600;margin-top:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    59. 

  59. 

  60. 

  61. .Nodata{width:1200px;margin:auto;margin-top:163px;margin-bottom:200px;}
    62. 

  62. .Nodata p{font-size:22px;color:#ccc;text-align:center;}
    63. 

  63. .Nodata a{width:240px;height:50px;text-align:center;line-height:50px;background:#DD2222;font-size:18px;color:#FFF;display:block;margin:auto;margin-top:44px;border-radius:10px;}
    64.