Home Verkennen Help
Registreren Inloggen
liyaoyu
/
pfhwyigou
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Boom: f272eab5be
Aftakkingen Labels
pfhwyigou
/
mobile
/
web
/
overseas
/
css
/
vid_details.css

vid_details.css 9.6 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 
  1. body {background:#F8F8F8;}
    2. 

  2. .body_box {position: relative;}
    3. 

  3. 

  4. /*导航*/
    5. 

  5. .nav-box {position:absolute;top:0;left:0;width:100%;z-index:20;}
    6. 

  6. .nav-box a {display:inline-block;}
    7. 

  7. .nav-box a:first-child {padding:15px;}
    8. 

  8. .nav-box a:first-child img {display:inline-block;width:9px;height:16px;}
    9. 

  9. .nav-box a:last-child {float:right;padding:15px;}
    10. 

  10. .nav-box a:last-child img {width:23px;height:16px;}
    11. 

  11. 

  12. /*视频播放*/
    13. 

  13. .deta-box {}
    14. 

  14. .playvideo {height:250px;position:relative;}
    15. 

  15. .playvideo .poay {position:absolute;top:50%;left:50%;z-index:15;width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
    16. 

  16. .playvideo .poay img {display:block;width:100%;height:100%;}
    17. 

  17. 

  18. 

  19. .polay-magnigy {float:right;}
    20. 

  20. .polay-magnigy a {display:inline-block;width:14px;height:14px;margin:4px;}
    21. 

  21. .polay-magnigy a img {display:block;width:100%;height:100%;}
    22. 

  22. .polay-time {color:#fff;font-size:0.75rem;margin-left:10px;line-height:22px;}
    23. 

  23. .polay-axis {margin-left:15px;width:170px;height:1px;background:#fff;position:relative;}
    24. 

  24. .polay-axis span {display:inline-block;width:0;background:#FF3B23;height:1px;position:relative;top:-15px;left:0;}
    25. 

  25. .polay-axis span:after {content:"";display:inline-block;width:13px;height:13px;background:url(/image/video/icon-hoki.png) no-repeat center/13px 13px;position:absolute;top:-6px;right:-7px;}
    26. 

  26. 

  27. 

  28. 

  29. /*楼盘名称*/
    30. 

  30. .lpname {background:#fff;padding:20px 15px 20px;}
    31. 

  31. .lpname .lpname-box {position:relative;}
    32. 

  32. .lpname .lpname-img {display:inline-block;vertical-align:top;width:40px;height:40px;}
    33. 

  33. .lpname .lpname-img img {display:block;width:100%;height:100%;}
    34. 

  34. .lpname .lpname-font {display:inline-block;vertical-align:top;margin-left:10px;width:70%;}
    35. 

  35. 

  36. .lpname .lpname-hint {color:#666;font-size:0.875rem;margin:15px 0;line-height:25px;}
    37. 

  37. 

  38. .lpname-font .lpname-title {position:relative;}
    39. 

  39. .lpname-font .lpname-title span {font-size:1.125rem;color:#333;display:inline-block;max-width:73%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    40. 

  40. .lpname-font .lpname-title a {display:inline-block;border:1px solid #38a2ff;font-size:0.6875rem;padding:2px 5px;position:absolute;top:1px;color:#38a2ff;margin-left:8px;}
    41. 

  41. .lpname-font .tag {}
    42. 

  42. .lpname-font .tag i {display:inline-block;border:1px solid #E6E6E6;color:#666666;border-radius:20px;font-size:0.75rem;padding:2px 10px;}
    43. 

  43. 

  44. .lpname-map {position:absolute;top:0;right:5px;font-size:0.75rem;color:#666;}
    45. 

  45. .lpname-map:before {content:"";display:inline-block;width:8px;height:10px;background:url(/image/video/icon-m.png) no-repeat center/8px 10px;margin-right:5px;}
    46. 

  46. 

  47. .lpname .video-list-label {margin:10px 0 0;font-size:0.625rem;color:#999;}
    48. 

  48. .lpname .video-list-label span:first-child {}
    49. 

  49. .lpname .video-list-label span:first-child:before {content:"";display:inline-block;width:13px;height:14px;background:url(/image/video/count.png) no-repeat center/13px 14px;position:relative;top:2px;right:3px;}
    50. 

  50. .lpname .video-list-label span:last-child {margin-left:20px;}
    51. 

  51. .lpname .video-list-label span:last-child:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}
    52. 

  52. 

  53. /*点赞*/
    54. 

  54. .lpname .video-list-label span.oin {color:#FF5454;}
    55. 

  55. .lpname .video-list-label span.oin:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like2.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}
    56. 

  56. 

  57. 

  58. 

  59. /*热播推荐*/
    60. 

  60. .hot-box {margin-top:30px;margin-bottom:50px;}
    61. 

  61. .hot-box .hot-title {padding:0 15px;}
    62. 

  62. .hot-box .hot-title span {font-size:1.125rem;color:#333;}
    63. 

  63. .hot-box .hot-title span i {color:#FF5454;}
    64. 

  64. .hot-box .hot-title a {color:#666;font-size:0.75rem;float:right;position:relative;top:4px;}
    65. 

  65. .video-li {padding:15px 15px;}
    66. 

  66. .video-li ul li {width:48%;display:inline-block;vertical-align:top;box-shadow:0px 1px 13px 2px rgba(0, 0, 0, 0.1);border-radius:5px;margin-top:15px;}
    67. 

  67. .video-li ul li:nth-child(1) {margin-top:0;}
    68. 

  68. .video-li ul li:nth-child(2) {margin-top:0;}
    69. 

  69. .video-li ul li:nth-child(2n) {float:right;}
    70. 

  70. .video-li ul li .video-li-img {position:relative;height:8.8rem;}
    71. 

  71. .video-li ul li .video-li-img span {display:inline-block;width:40px;height:40px;position:absolute;top:-4px;left:-4px;}
    72. 

  72. .video-li ul li .video-li-img span img {display:block;width:100%;height:100%;}
    73. 

  73. .video-li ul li .video-li-img img {display:block;width:100%;height:100%;}
    74. 

  74. .video-li ul li .video-li-img:before {content:"";display:inline-block;width:29px;height:29px;background:url(/image/video/play.png) no-repeat center/29px 29px;top:50%;left:50%;position:absolute;margin-left:-18px;margin-top:-14px;}
    75. 

  75. .video-li-font {padding:10px;}
    76. 

  76. .video-li-font .video-li-title {font-size:0.875rem;color:#333;}
    77. 

  77. .video-li-label {margin:10px 0 0;font-size:0.625rem;color:#999;}
    78. 

  78. .video-li-label span:first-child {}
    79. 

  79. .video-li-label span:first-child:before {content:"";display:inline-block;width:13px;height:14px;background:url(/image/video/count.png) no-repeat center/13px 14px;position:relative;top:2px;right:3px;}
    80. 

  80. .video-li-label span:last-child {float:right;}
    81. 

  81. .video-li-label span:last-child:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}
    82. 

  82. 

  83. 

  84. /*点赞*/
    85. 

  85. .video-li-label span.oin {color:#FF5454;}
    86. 

  86. .video-li-label span.oin:before {content:"";display:inline-block;width:14px;height:14px;background:url(/image/video/icon-like2.png) no-repeat center/14px 14px;position:relative;top:2px;right:3px;}
    87. 

  87. 

  88. 

  89. /*2018.7.26    明  移过来内页方便快速加载*/
    90. 

  90.   .Content{height:100%;}
    91. 

  91. .m_signUp_box{z-index:1000;position:relative;}
    92. 

  92. .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
    93. 

  93. .m_form{width:80%;position:absolute;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:40px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);
    94. 

  94. animation:change 0.4s;
    95. 

  95. -webkit-animation:change 0.4s;
    96. 

  96. -moz-animation:change 0.4s; 
    97. 

  97. -o-animation:change 0.4s; 
    98. 

  98. 

  99. }
    100. 

  100. 

  101. @keyframes change {
    102. 

  102.   0% {left:100%;opacity:0;}
    103. 

  103.   100% {opacity:1;}
    104. 

  104. }
    105. 

  105. 

  106. -webkit-@keyframes change {
    107. 

  107.   0% {left:100%;opacity:0;}
    108. 

  108.   100% {opacity:1;}
    109. 

  109. }
    110. 

  110. 

  111. -moz-@keyframes change {
    112. 

  112.   0% {left:100%;opacity:0;}
    113. 

  113.   100% {opacity:1;}
    114. 

  114. }
    115. 

  115. -o-@keyframes change {
    116. 

  116.   0% {left:100%;opacity:0;}
    117. 

  117.   100% {opacity:1;}
    118. 

  118. }
    119. 

  119. 

  120. .m_form_title{height:110px;background: url("/image/m_xbm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:135px;font-size:1.5rem;color:#FFF;position:relative;}
    121. 

  121. .m_form_title img{width:37%;display:block;position:absolute;bottom:9px;left:50%;margin-left:-19%;}
    122. 

  122. .m_form_input{border:1px solid #D2CFCF;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:13px;background:#FBFBFB;}
    123. 

  123. .m_form_input img{display: block;width:13px;margin-top:10px;float:left;margin-left:14px;}
    124. 

  124. .m_form_input input{outline:none;background:#fbfbfb;border-radius:0;float:left;width:80%;height:60%;border:0;margin-left:10px;font-size:0.9rem;color:#9b9b9b;border-left:1px solid;margin-top:8px;padding-left:5px;}
    125. 

  125. .m_button{outline:none;width:85%;height:40px;border:0;background:#FF5849;border-radius:5px;margin:auto;display: block;margin-top:28px;font-size:1.1rem;color:#FFF;position:relative;z-index:100;}
    126. 

  126. .y_fonr_text{font-size: 0.8rem; color: #666; width: 85%; margin: 0 auto; line-height: 20px;margin-top:5px;}
    127. 

  127. .m_close{position:absolute;top:5%;left:50%;z-index:100;width:36px;margin-left:130px;margin-top:54px;
    128. 

  128. animation:change 0.4s;
    129. 

  129. -webkit-animation:change 0.4s;
    130. 

  130. -moz-animation:change 0.4s;
    131. 

  131. -o-animation:change 0.4s;
    132. 

  132. }
    133. 

  133. 

  134. .m_close img{width:100%;display:block;}
    135. 

  135. .m_form_input input:-webkit-input-placeholder {color: #8AC6FE;}
    136. 

  136. .m_form_input input:-moz-placeholder {color: #8AC6FE;}
    137. 

  137. .m_form_input input:-ms-input-placeholder {color: #8AC6FE;}
    138. 

  138. .m_form_input input:-o-input-placeholder {color: #8AC6FE;}
    139. 

  139. 

  140. 

  141. /*报名 20180809修改 */
    142. 

  142. .lpapply2{ position: absolute; left: 50%; top:-100%; z-index:110; width:300px; margin-left: -150px;}
    143. 

  143. .lpapply2_main{ position: relative; width: 100%; height: 100%;}
    144. 

  144. .lpapple_xian{
    145. 

  145.   position: absolute;
    146. 

  146.   left: 50%;
    147. 

  147.   margin-left: -0.5px;
    148. 

  148.   top: -160px;
    149. 

  149.   height: 180px;
    150. 

  150.   background: #fff;
    151. 

  151.   width: 1px;
    152. 

  152.   z-index: 1;
    153. 

  153. }
    154. 

  154. .lpapply2_top p.topimg{ width: 100%; height: auto;position: relative; top: 2px;}
    155. 

  155. .lpapply2_top p.topimg img{ width: 100%; height: auto;}
    156. 

  156. .lpapply2_top .lpapply2_topconter{ width: 100%; height: auto; background: #fff; border-radius: 0 0 10px 10px; padding: 0 20px 20px;}
    157. 

  157. .lpapply2_top .lpapply2_topconter .title{ font-size: 1.2rem; color: #40a0eb; font-weight: 600; text-align: center;}
    158. 

  158. .lpapply2_top .lpapply2_topconter .texi{ width: 95%; margin: 0 auto; font-size: 0.8rem; line-height: 20px; color: #999; text-align: center; margin-top: 5px; }
    159. 

  159. .lpapply2_top .lpapply2_topconter .texi em{ color: #f56140;}
    160. 

  160. .lpapply2_top .lpapply2_topconter .input_text{ -webkit-user-modify: read-write-plaintext-only; margin-top: 10px; width: 100%; background: #f1f1f1; border-radius: 30px; border: none; text-align: center; height: 38px; font-size: 0.75rem;color: #666; padding: 0 15px;}
    161. 

  161. .lpapply2_top .lpapply2_topconter .bmipc{ border: none; margin: 15px 0px 10px 0; font-size: 1rem; background: #40a0eb; color: #fff; text-align: center; font-weight:600; display: block; width: 100%; padding: 6px 0; border-radius: 30px;}
    162. 

  162. .lpapply2_gb{ width: 30px; height: 30px; margin: 0 auto; position: absolute; left: 50%; margin-left: -15px; bottom: -50px;}
    163. 

  163. .lpapply2_gb img{ width: 100%; height: 100%;}
    164. 

  164. 

  165. 

  166. .keep {position:fixed;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.4);z-index:101;display:none;}
    167. 

  167. 

  168. 

  169. @media screen and (min-width: 300px) and (max-width: 374px) {     
    170. 

  170.   .axis-box {padding:5px;}
    171. 

  171. 

  172.   .m_close{margin-left:115px;margin-top:40px;width:30px;}
    173. 

  173.     .m_form_title{height:100px;}
    174. 

  174.     .m_form{padding-bottom:28px;}
    175. 

  175. }
    176.