Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: f272eab5be
Branches Tags
pfhwyigou
/
wechat
/
web
/
css
/
vieo_details.css

vieo_details.css 2.8 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 
  1. 

  2. /* 视频窗口 */
    3. 

  3. .video_box {background:#fff;}
    4. 

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

  5. .video_in video {display:block;width:100%;}
    6. 

  6. .vide_btn {position:absolute;top:50%;left:50%;margin:-50px 0 0 -30px;}
    7. 

  7. .vide_btn img {display:block;width:60px;height:60px;}
    8. 

  8. .video_font {padding:15px 10px;font-size:1.1rem;}
    9. 

  9. .txt_last {float:right;font-size:0.9rem;}
    10. 

  10. .txt_last img {display:inline-block;width:15px;position:relative;top:-2px;right:5px;}
    11. 

  11. 

  12. .fnt_b {background-color:#fff;margin:15px 0;padding:15px;}
    13. 

  13. .fnt_b >p:first-child {font-size:1rem;line-height:30px;}
    14. 

  14. 

  15. 

  16. 

  17. 

  18. /* 报名窗口 */
    19. 

  19. .y_newsub_main{ width: 95%; margin: 0 auto; position: relative; }
    20. 

  20. .y_newsub_bg{ width: 100%; height: 90px;}
    21. 

  21. .y_newsub_bg img{ width: 100%; height: 100%;}
    22. 

  22. .y_newsub_cent{ position: absolute; left: 50%; top: 13px; width: 80%; margin-left: -40%;}
    23. 

  23. .y_newsub_h{ font-size: 1rem; color: #fff;}
    24. 

  24. .y_newsub_input{ margin-top: 10px;}
    25. 

  25. .y_newsub_input .y_input{ width: 65%; height: 35px; border:1px #F42828 solid; border-radius: 30px; padding-left: 3%; background: #fff;}
    26. 

  26. .y_newsub_input .y_submit{ width: 30%; height: 35px;line-height:35px; border:1px #F42828 solid; border-radius: 30px; background: #F42828; font-size: 1rem; color: #fff; margin-left: 2%;}
    27. 

  27. 

  28. 

  29. /*相关视频*/
    30. 

  30. 

  31. .vi_box {background-color:#fff;margin-top:15px;}
    32. 

  32. .vi_title {padding:15px 0;border-bottom:1px solid #ccc;width:95%;margin:0 auto;}
    33. 

  33. .vi_title >span:first-child {display:inline-block;border-left:5px solid #00A2FF;padding-left:10px;}
    34. 

  34. .vi_btn {float:right;color:#ACACAC;}
    35. 

  35. .vi_btn >img {display:inline-block;margin-right:5px;width:15px;height:15px;}
    36. 

  36. 

  37. .vi_list {width:95%;margin:0 auto;padding:10px 0;}
    38. 

  38. .vi_list ul li  {padding:15px 0;}
    39. 

  39. .vi_list ul li + li {border-top:1px solid #DEDEDE;}
    40. 

  40. .vi_list ul li .vi_list_l {width:40%;display:inline-block;vertical-align:top;position:relative;}
    41. 

  41. .vi_list ul li .vi_list_l > img {display:block;width:100%;}
    42. 

  42. .vi_list ul li .vi_list_l .vi_p {position:absolute;top:50%;left:50%;margin:-18px 0 0 -17px;}
    43. 

  43. .vi_list ul li .vi_list_l .vi_p > img {display:block;width:35px;}
    44. 

  44. .vi_list ul li .vi_list_l .vi_t {position:absolute;bottom:5px;right:10px;color:#fff;background:rgba(0,0,0,0.5);font-size:0.7rem;border-radius:10px;padding:3px 5px;}
    45. 

  45. .vi_list ul li .vi_list_r {width:58%;display:inline-block;vertical-align:top;padding-left:10px;position:relative;height:97px;}
    46. 

  46. .vi_list ul li .vi_list_r p:first-child {font-size:1.1rem;font-weight:600;}
    47. 

  47. .vi_list ul li .vi_list_r p:nth-child(2) {font-size:1rem;margin-top:10px;}
    48. 

  48. .vi_list ul li .vi_list_r p:nth-child(2)  i {color:#F23750;font-size:1.2rem;}
    49. 

  49. .vi_list ul li .vi_list_r p:last-child {font-size:0.8rem;position:absolute;bottom:10px;}
    50. 

  50. .vi_list ul li .vi_list_r p:last-child > img {display:inline-block;width:15px;margin-top:-7px;}
    51. 

  51. 

  52. 

  53. 

  54. 

  55. 

  56. 

  57. 

  58. /*媒体查询*/
    59. 

  59. @media (max-width: 320px){
    60. 

  60. 	.y_newsub_h {font-size:0.9rem;}
    61. 

  61. 	.y_newsub_input .y_input {font-size:0.9rem;}
    62. 

  62. 	.y_newsub_input .y_submit {font-size:0.9rem;}
    63. 

  63. }
    64.