Inicio Explorar Axuda
Rexistro Iniciar sesión
limeng
/
syrc
Seguir 1
Destacar 0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Rama: master
Ramas Etiquetas
syrc
/
target
/
classes
/
static
/
www
/
syrc-mobile
/
images
/
cover.css

cover.css 11 KB
Permalink Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 
  1. #barea{display:none;}
    2. 

  2. .modal-open{position:fixed;width:100%}
    3. 

  3. 

  4. .cover_fix{padding-top:45px}
    5. 

  5. .cover_fix2{padding-top:83px}
    6. 

  6. 

  7. .cover_fix2 .bar{top:88px}
    8. 

  8. .cover_fix3{padding-top:116px}
    9. 

  9. .cover_fix .top,.cover_fix2 .top,.cover_fix3 .top{position:fixed;width:100%;top:0;left:0}
    10. 

  10. .cover_fix3 .top{z-index:11}
    11. 

  11. 

  12. .top{position:relative;height:auto;min-height:45px;line-height:45px;text-align:center;font-size:16px;background-color:#fff;z-index:2;
    13. 

  13. 	-webkit-box-shadow:0 0 3px 2px #ccc;-moz-box-shadow:0 0 3px 2px #ccc;-o-box-shadow:0 0 3px 2px #ccc;-ms-box-shadow:0 0 3px 2px #ccc;box-shadow:0 0 3px 2px #ccc}
    14. 

  14. .top.on{z-index:3;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
    15. 

  15. .top.on .all{display:block}
    16. 

  16. .top .back{position:absolute;width:45px;height:45px;top:0;left:0;background:url(arrow.png) center no-repeat;
    17. 

  17. 	-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
    18. 

  18. 	-webkit-background-size:10px auto;-moz-background-size:10px auto;-o-background-size:10px auto;-ms-background-size:10px auto;background-size:10px auto}
    19. 

  19. .top .ok{position:absolute;width:45px;height:45px;font-size:14px;color:#444;top:0;right:0}
    20. 

  20. .top .all{display:none;background-color:rgba(255,251,244,0.9)}
    21. 

  21. .top .all .tit{line-height:38px;font-size:14px;color:#fff;background-color: #5da5e6;}
    22. 

  22. .top .all .tit:before{
    23. 

  23. 	position:absolute;
    24. 

  24. 	height:3px;
    25. 

  25. 	content:'\00a0';
    26. 

  26. 	left:0;
    27. 

  27. 	right:0;
    28. 

  28. 	z-index:2;
    29. 

  29. 	background: -webkit-linear-gradient(#0a60ae,#5da5e6);
    30. 

  30. 	background:-o-linear-gradient(#d18b69,#f89d71);
    31. 

  31. 	background:-moz-linear-gradient(#d18b69,#f89d71)background:linear-gradient(#d18b69,#f89d71);
    32. 

  32. 	}
    33. 

  33. .top .all.on .tit span,.top .all.off .tit span{padding-left:5px}
    34. 

  34. .top .all.on .tit span:after,.top .all.off .tit span:after{display:inline-block;width:0;height:0;content:'\00a0';vertical-align:middle;margin-left:5px;border-left:3px solid transparent;border-right:3px solid transparent}
    35. 

  35. .top .all.on .tit span:after{border-top:5px solid #fff}
    36. 

  36. .top .all.off .tit span:after{margin-top:-2px;border-bottom:5px solid #fff}
    37. 

  37. .top .all.off .con{display:block;overflow:hidden}
    38. 

  38. .top .all .con{display:none}
    39. 

  39. .top .all .e{position:relative;line-height:22px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;margin:8px;padding:4px 30px 4px 15px;background-color:#fff;
    40. 

  40. 	-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px}
    41. 

  41. .top .all .e:last-child{border-bottom:0 none}
    42. 

  42. .top .all .e em{position:absolute;width:15px;height:15px;content:'\00a0';top:50%;right:6px;margin-top:-7px;background:url(icon_close.png) center no-repeat;
    43. 

  43. 	-webkit-background-size:15px auto;-moz-background-size:15px auto;-ms-background-size:15px auto;-o-background-size:15px auto;background-size:15px auto}
    44. 

  44. 

  45. .cover{background-color:#ebebeb}
    46. 

  46. .cover .ncity,.cover .clist{margin-bottom:6px}
    47. 

  47. .cover .ptit{background-color:#fff}
    48. 

  48. .cover .ptit .e{position:relative;display:block;line-height:24px;color:#ff8c53;padding:7px 21px}
    49. 

  49. .cover .ptit .e:before,.cover .plist .i:before,.cover .clist a:nth-of-type(4n+1):before,.cover .clist a:nth-of-type(4n+4):before{position:absolute;height:1px;content:'\00a0';right:11px;bottom:0;left:11px;background-color:#e6e6e6}
    50. 

  50. .cover .ncity{height:46px;line-height:46px;color:#444;background-color:#fff}
    51. 

  51. .cover .ncity:before{float:left;width:17px;height:22px;content:'\00a0';margin:12px 5px 0 16px;background:url(icon_city.png) center no-repeat;
    52. 

  52. 	-webkit-background-size:15px auto;-moz-background-size:15px auto;-ms-background-size:15px auto;-o-background-size:15px auto;background-size:15px auto}
    53. 

  53. .cover .clist{position:relative;overflow:hidden;background-color:#fff}
    54. 

  54. .cover .clist:after{position:absolute;width:100%;height:1px;content:'\00a0';bottom:0;left:0;background-color:#fff}
    55. 

  55. .cover .clist a{float:left;width:100%;line-height:24px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 51px 12px 21px;border-bottom:1px solid #e6e6e6;
    56. 

  56. 	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
    57. 

  57. .cover .clist a:nth-of-type(4n+1),.cover .clist a:nth-of-type(4n+4){position:relative;border-bottom:0 none}
    58. 

  58. .cover .clist a:nth-of-type(4n+1):before{right:0}
    59. 

  59. .cover .clist a:nth-of-type(4n+4):before{left:0}
    60. 

  60. .cover .clist.c2 a{width:25%;height:49px;text-align:center;padding:12px 10px}
    61. 

  61. .cover .clist.c2 a span{display:block;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;border:1px solid transparent;
    62. 

  62. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
    63. 

  63. .cover .clist.c2 a.ok span{border-color:#bfbfbf}
    64. 

  64. .cover .clist.c3 a{width:50%;text-align:center;padding:12px 21px}
    65. 

  65. .cover .clist.c3 a:nth-of-type(2n+1){border-right:1px solid #e6e6e6}
    66. 

  66. .cover .plist .clist{margin-bottom:0}
    67. 

  67. .cover .plist .clist a:nth-of-type(4n+1),.cover .plist .clist a:nth-of-type(4n+4){border-bottom:1px solid #e6e6e6}
    68. 

  68. .cover .plist .clist a:nth-of-type(4n+1):before,.cover .plist .clist a:nth-of-type(4n+4):before{display:none}
    69. 

  69. .cover .plist{background-color:#fff}
    70. 

  70. .cover .plist .i{position:relative;display:block;line-height:24px;color:#444;padding:12px 51px 12px 21px}
    71. 

  71. .cover .plist .i:last-child:before{display:none}
    72. 

  72. .cover .plist .i:after{position:absolute;width:8px;height:14px;content:'\00a0';top:50%;right:21px;margin-top:-7px;background:url(arrow_gray.png) no-repeat;
    73. 

  73.     -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:100% 100%;
    74. 

  74.     -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
    75. 

  75. .cover .plist.p2 .i:after,.cover .plist .i.io:after{display:none}
    76. 

  76. .cover .plist .down:before{right:0;left:0}
    77. 

  77. .cover .plist .down:after{
    78. 

  78.     -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
    79. 

  79. .cover .plist .clist{background-color: #f7fbff;}
    80. 

  80. .cover .plist .clist:after{background-color:#e6e6e6}
    81. 

  81. .cover .plist .clist a.on{position:relative}
    82. 

  82. .cover .plist .clist a.on:after,.cover .plist.p2 .i.on:after{position:absolute;display:block;width:12px;height:12px;content:'\00a0';top:50%;right:19px;margin-top:-6px;background:url(icon_on.png) center no-repeat;
    83. 

  83. 	-webkit-background-size:12px auto;-moz-background-size:12px auto;-ms-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
    84. 

  84. .cover .plist.p2 .i.on:after{
    85. 

  85.     -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
    86. 

  86. .cover .tabox{position:relative;height:38px;line-height:38px;margin-top:8px;background-color:#fff}
    87. 

  87. .cover .tabox:after{position:absolute;display:block;height:0;content:'\00a0';right:0;bottom:0;left:16px;border-bottom:1px solid #e1e1e1}
    88. 

  88. .cover .tabox span{float:left;width:50%;text-align:center}
    89. 

  89. .cover .tabox span:first-child.on:after{left:16px}
    90. 

  90. .cover .tabox span.on{position:relative;color:#ffba3e}
    91. 

  91. .cover .tabox span.on:after{position:absolute;content:'\00a0';height:2px;right:0;left:0;bottom:0;background-color:#ffba3e;z-index:2}
    92. 

  92. 

  93. .cover.c2 .ptit{background-color:#ebebeb}
    94. 

  94. .cover.c2 .ptit .e{color:#868686}
    95. 

  95. .cover.c2 .ncity span,.cover.c2 .elist .e,.cover.c2 .clist a{float:left;width:30%;height:30px;line-height:30px;padding:0 5px;border:1px solid #a0a0a0;
    96. 

  96. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;
    97. 

  97. 	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
    98. 

  98. .cover.c2 .ncity span,.cover.c2 .elist .e .tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    99. 

  99. .cover.c2 .ncity{text-align:center;padding:0 21px}
    100. 

  100. .cover.c2 .ncity span{width:auto;max-width:100%;min-width:30%;margin-top:7px;padding:0 10px}
    101. 

  101. .cover.c2 .ncity span,.cover.c2 .elist .e.on,.cover.c2 .elist .e.mk{color:#fff;background-color:#2d86d7;border-color:#2d86d7}
    102. 

  102. .cover.c2 .ncity span:before{display:inline-block;width:12px;height:30px;content:'\00a0';margin-right:5px;background:url(icon_city2.png) center no-repeat;
    103. 

  103. 	-webkit-background-size:12px auto;-moz-background-size:12px auto;-ms-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
    104. 

  104. .cover.c2 .elist{text-align:center;overflow:hidden;padding:5px 21px;background-color:#fff}
    105. 

  105. .cover.c2 .elist .e{position:relative;color:#444;margin:5px 0}
    106. 

  106. .cover.c2 .elist .e:after{position:absolute;left:50%;bottom:-12px;content:'\00a0';display:none;width:6px;height:6px;margin-left:-4px;background-color:#fff8ed;border-top:1px solid rgba(229,229,229,.6);border-left:1px solid rgba(229,229,229,.6);
    107. 

  107. 	-webkit-box-shadow:-1px -1px 0 0 rgba(212,212,212,.6);-moz-box-shadow:-1px -1px 0 0 rgba(212,212,212,.6);-ms-box-shadow:-1px -1px 0 0 rgba(212,212,212,.6);-o-box-shadow:-1px -1px 0 0 rgba(212,212,212,.6);box-shadow:-1px -1px 0 0 rgba(212,212,212,.6);
    108. 

  108. 	-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    109. 

  109. .cover.c2 .elist .e:nth-child(4n+2){margin:5px 5%}
    110. 

  110. .cover.c2 .clist a:before,.cover.c2 .clist:after,.cover.c2 .ncity:before{display:none}
    111. 

  111. .cover.c2 .clist{float:left;display:none;width:100%;margin:2px -21px 0;padding:5px 21px;background-color:#fff8ed;border-top:1px solid rgba(229,229,229,.6);
    112. 

  112. 	-webkit-box-shadow:0 -1px 0 0 rgba(212,212,212,.6);-moz-box-shadow:0 -1px 0 0 rgba(212,212,212,.6);-ms-box-shadow:0 -1px 0 0 rgba(212,212,212,.6);-o-box-shadow:0 -1px 0 0 rgba(212,212,212,.6);box-shadow:0 -1px 0 0 rgba(212,212,212,.6)}
    113. 

  113. .cover.c2 .clist a{margin:5px 0;background-color:#fffaf7;border-color:#ffdccb}
    114. 

  114. .cover.c2 .clist a:nth-child(3n+2){margin:5px 5%}
    115. 

  115. .cover.c2 .elist .e.on{z-index:1}
    116. 

  116. .cover.c2 .elist .e.on:after{display:block}
    117. 

  117. .cover.c2 .clist a.ok{color:#2d86d7;border-color:#ffcaab}
    118. 

  118. 

  119. .bar{position:fixed;top:50px;right:0;z-index:8}
    120. 

  120. .bar span{position:relative;display:block;font-size:12px;color:#7f7f7f;text-align:center}
    121. 

  121. .bar span:after{
    122. 

  122. 	position:absolute;
    123. 

  123. 	left:-70px;
    124. 

  124. 	top:-20px;
    125. 

  125. 	display:none;
    126. 

  126. 	width:60px;
    127. 

  127. 	height:60px;
    128. 

  128. 	line-height:60px;
    129. 

  129. 	content:attr(data-attr);
    130. 

  130. 	font-size:40px;
    131. 

  131. 	color:#fff;
    132. 

  132. 	text-align:center;
    133. 

  133. 	overflow:hidden;
    134. 

  134. 	background-color: rgb(45, 134, 215);
    135. 

  135. 	-webkit-border-radius:100%;
    136. 

  136. 	-moz-border-radius:100%;
    137. 

  137. 	-ms-border-radius:100%;
    138. 

  138. 	-o-border-radius:100%;
    139. 

  139. 	border-radius:100%;
    140. 

  140. 	}
    141. 

  141. .bar span:first-child:after,.bar span:last-child:after,.bar span:nth-child(2):after,.bar span:nth-last-child(2):after{font-size:20px}
    142. 

  142. .bar span.on{color:#2d86d7}
    143. 

  143. .bar span.on:after{display:block}
    144.