style.css 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. body {background:#fff7f2;}
  2. .y_footmzsm,.y_footer {display:none;}
  3. .wboc {min-width:1670px;}
  4. .wboc > img {display:block;width:100%;}
  5. .wpr {position:relative;}
  6. .mxin {padding-top:80px;text-align:center;}
  7. .mxin-bont {display:inline-block;}
  8. .mxin-bont form {position: absolute;top:0px;right:0px;width:38%;height:90px;text-align:right;display: -webkit-flex;display: flex;flex-wrap: nowrap;align-items:center;justify-content:space-between}
  9. .mxin-bont form input[name="mobile"] {width:75%;height:40px;line-height:40px;border-radius:20px;border:none;padding-left:40px;font-size:14px;color:#999999;}
  10. .mxin-bont form .tel {position:absolute;left:15px;}
  11. .mxin-bont form a {display:inline-block;height:78px;width:78px;border-radius:50%;background:url(/overseas/zt/autumnzt/image/btn.png) no-repeat center/78px 78px;margin-right:6px;font-size:16px;font-weight:bold;color:#590064;display: -webkit-flex;display: flex;flex-wrap: nowrap;justify-content:flex-end;align-items:center;padding-right:8px;}
  12. .mxin-bont form a span {font-weight:bold;margin-right:5px;}
  13. .bx {background:url(/overseas/zt/autumnzt/image/tmp_09.png) no-repeat center/100% 100%;}
  14. .carnival-box {width:1000px;margin:0 auto;overflow:hidden;}
  15. .carnival-list {}
  16. .carnival-list ul li {display:inline-block;width:422px;height:452px;border:2px solid #513292;border-radius:4px;background:#ffffff;padding:10px;}
  17. .carnival-list ul li .list-img {width:100%;height:226px;position:relative;overflow:hidden;}
  18. .carnival-list ul li .list-img > img {display:block;width:100%;height:226px;}
  19. .carnival-list ul li .list-img span {display:inline-block;position:absolute;top:0px;left:0px;height:46px;background:url(/overseas/zt/autumnzt/image/ladeb.png) no-repeat center/100% 100%;font-size:24px;color:#ffffff;padding:0 10px;line-height:46px;}
  20. .carnival-list ul li .list-img p {position:absolute;left:0px;bottom:0px;border-radius:0px 0px 4px 4px;width:100%;height:36px;line-height:36px;text-align:center;color:#ffffff;font-size:22px;background:rgba(0,0,0,0.6);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  21. .list-discount {background:#FFE5D2;border-radius:4px;height:45px;line-height:45px;color:#DC1E1C;font-size:22px;margin-top:10px;}
  22. .list-discount span {display:inline-block;width:84px;height:45px;line-height:45px;background:url(/overseas/zt/autumnzt/image/labdeb2.png) no-repeat center/84px 45px;text-align:center;font-size:24px;color:#ffffff;padding-right:8px;vertical-align:top;}
  23. .list-discount i {display:inline-block;margin-left:10px;width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  24. .carnival-list ul li .p {font-size:20px;color:#DC1E1C;height:36px;line-height:36px;margin-top:10px;}
  25. .carnival-list ul li .p i {font-size:28px;font-weight:bold;color:#DC1E1C;position:relative;top:2px;}
  26. .carnival-list ul li .p span {font-size:12px;color:#999999;float:right;}
  27. .carnival-list ul li .site {width: 100%; font-size:22px;color:#232323;margin-top:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  28. .list-btn {margin-top:15px;}
  29. .list-btn a {display:inline-block;width:180px;height:45px;line-height:45px;text-align:center;border-radius:30px;}
  30. .list-btn a:first-child {font-size:22px;color:#513292;font-weight:bold;
  31. background: -webkit-linear-gradient(left, #FAE1B2 , #E6BE80); /* Safari 5.1 - 6.0 */
  32. background: -o-linear-gradient(left, #FAE1B2 , #E6BE80); /* Opera 11.1 - 12.0 */
  33. background: -moz-linear-gradient(left,#FAE1B2 , #E6BE80); /* Firefox 3.6 - 15 */
  34. background: linear-gradient(to left,#FAE1B2 , #E6BE80); /* 标准的语法 */
  35. }
  36. .list-btn a:last-child {background:#513292;color:#ffffff;font-size:22px;color:#ffffff;font-weight:bold;float:right;}
  37. .ation {text-align:center;margin-top:30px;}
  38. .ation span {width:13px;height:13px;border-radius:50%;border:1px solid #312A85;background:#fff7f2;opacity:1;}
  39. .ation span.swiper-pagination-bullet-active {background:#312A85;}
  40. .bxs {background-image:url(/overseas/zt/autumnzt/image/tmp_15.png);margin:80px 0 100px;}
  41. .carnival-lists {}
  42. .carnival-lists ul li {background:url(/overseas/zt/autumnzt/image/bg.png) no-repeat center/100% 100%;height:266px;padding:35px;position:relative; width: 930px; }
  43. .carnival-lists ul li .list-img {width:380px;height:260px;display:inline-block;position:relative;vertical-align:top;margin-left:22px;}
  44. .carnival-lists ul li .list-img span {display:inline-block;position:absolute;top:0px;left:0px;height:46px;background:url(/overseas/zt/autumnzt/image/ladeb3.png) no-repeat center/100% 100%;font-size:24px;color:#ffffff;padding:0 10px;line-height:46px;}
  45. .carnival-lists ul li .list-img > img {display:inline-block;width:100%;height:100%;}
  46. .carnival-lists ul li .list-img p {position:absolute;left:0px;bottom:0px;border-radius:0px 0px 4px 4px;width:100%;height:36px;line-height:36px;text-align:center;color:#ffffff;font-size:22px;background:rgba(0,0,0,0.6);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  47. .carnival-lists ul li .lise {display:inline-block;width:425px;margin-left:20px;position:relative;top:50px;}
  48. .lise .list-discount {background:#FFE5D2;border-radius:4px;height:45px;line-height:45px;color:#DC1E1C;font-size:22px;margin-top:10px;}
  49. .lise .list-discount span {display:inline-block;width:84px;height:46px;line-height:46px;background:url(/overseas/zt/autumnzt/image/labdeb2.png) no-repeat center/84px 47px;text-align:center;font-size:24px;color:#ffffff;padding-right:8px;vertical-align:top;margin-left:-5px;}
  50. .lise .list-discount i {display:inline-block;margin-left:10px;width:320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  51. .lise .p {font-size:20px;color:#f5d8a3;height:36px;line-height:36px;margin-top:10px;}
  52. .lise .p i {font-size:28px;font-weight:bold;color:#f5d8a3;position:relative;top:2px;}
  53. .lise .p span {font-size:12px;color:#ffffff;float:right;margin-top:5px;}
  54. .lise .site { width:100%;font-size:22px;color:#ffffff;margin-top:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
  55. .carnival-lists .list-btn {width:425px;position:absolute;bottom:50px;right:116px;}
  56. .carnival-lists .list-btn a {display:inline-block;width:180px;height:45px;line-height:45px;text-align:center;border-radius:30px;}
  57. .carnival-lists .list-btn a:first-child {font-size:22px;color:#513292;font-weight:bold;
  58. background: -webkit-linear-gradient(left, #FAE1B2 , #E6BE80); /* Safari 5.1 - 6.0 */
  59. background: -o-linear-gradient(left, #FAE1B2 , #E6BE80); /* Opera 11.1 - 12.0 */
  60. background: -moz-linear-gradient(left,#FAE1B2 , #E6BE80); /* Firefox 3.6 - 15 */
  61. background: linear-gradient(to left,#FAE1B2 , #E6BE80); /* 标准的语法 */
  62. }
  63. .carnival-lists .list-btn a:last-child {background:#dc1e1c;color:#ffffff;font-size:22px;color:#ffffff;font-weight:bold;float:right;}
  64. .ations {text-align:center;margin-top:30px;}
  65. .ations span {width:13px;height:13px;border-radius:50%;border:1px solid #312A85;background:#fff7f2;opacity:1;}
  66. .ations span.swiper-pagination-bullet-active {background:#312A85;}
  67. /* 悬挂 */
  68. .Right_suspend{
  69. position: fixed;
  70. right: 3%;
  71. top: 50%;
  72. margin-top: -275px;
  73. width: 250px;
  74. height: 557px;
  75. z-index: 10;
  76. display: none;
  77. background: url('/overseas/zt/autumnzt/image/tmp_21.png') no-repeat center;
  78. background-size:100% 100%;
  79. }
  80. .Right_suspend_main{
  81. width: 100%;
  82. height: 100%;
  83. position: relative;
  84. }
  85. .Right_suspend_main .top_ico{
  86. width: 100%;
  87. height: 200px;
  88. background:rgba(0, 0, 0, 0);
  89. }
  90. .Right_suspend_main .top_ico a{
  91. display: inline-block;
  92. width: 100%;
  93. height: 100%;
  94. }
  95. .Right_suspend_main .center_nav{
  96. margin-top: 30px;;
  97. font-size: 0;
  98. }
  99. .Right_suspend_main .center_nav a{
  100. display: block;
  101. background: url('/overseas/zt/autumnzt/image/tmp_26.png') no-repeat center;
  102. background-size:100% 100%;
  103. font-size: 20px;
  104. color: #fff;
  105. height: 60px;
  106. line-height: 32px;
  107. text-align: center;
  108. width: 78%;
  109. margin: 0 auto;
  110. position: relative;
  111. top: -5px;
  112. display: -webkit-flex; /* Safari */
  113. display: flex;
  114. justify-content:center;
  115. align-items:flex-end;
  116. padding-bottom:5px;
  117. }
  118. .Right_suspend_main .center_nav a img{
  119. display: inline-block;
  120. width: 30px;
  121. height: 30px;
  122. margin-right: 5px;
  123. }
  124. .Right_suspend_main .bottom_Up{
  125. width: 53px;
  126. height: auto;
  127. position: absolute;
  128. bottom: 25px;
  129. left: 50%;
  130. margin-left: -26px;
  131. z-index: 2;;
  132. }
  133. .Right_suspend_main .bottom_Up img{
  134. width: 100%;
  135. height: auto;
  136. }
  137. /* 报名 弹窗 */
  138. .bmSina{
  139. position: fixed;
  140. left: 50%;
  141. top: 50%;
  142. width: 500px;
  143. height: 300px;
  144. margin-left: -250px;
  145. margin-top: -150px;
  146. z-index: 30;
  147. display: none;
  148. }
  149. .bmSina_bg{
  150. width: 100%;
  151. height: 100%;
  152. left:0px;
  153. top: 0;
  154. background: rgba(0,0,0,0.5);
  155. z-index: 29;
  156. position: fixed;
  157. display: none;
  158. }
  159. .bmSinaBox{
  160. width: 100%;
  161. height: 100%;
  162. position: relative;
  163. }
  164. .bmSinaBox .bmSina_ico,.bmSinaBox .bmSina_ico img{
  165. width: 100%;
  166. height: 100%;
  167. }
  168. .bmSinaBox .bmSina_for{
  169. position: absolute;
  170. left: 50%;
  171. bottom: 20px;
  172. width: 280px;
  173. margin-left: -140px;
  174. z-index: 2;
  175. }
  176. .bmSinaBox .bmSina_for input.mobile_text{
  177. width: 280px;
  178. height: 40px;
  179. border:none;
  180. border-radius: 20px;
  181. background: url('/overseas/zt/autumnzt/image/tmp_33.png') 15px center no-repeat #fff;
  182. background-size: 12px 20px;
  183. font-size: 16px;
  184. color: #666;
  185. padding-left: 40px;
  186. display: block;
  187. }
  188. .bmSinaBox .bmSina_for a.buttom_tj{
  189. width: 100%;
  190. display:block;
  191. height: 40px;
  192. line-height: 40px;
  193. font-size: 20px;
  194. color: #DB1E1B;
  195. background: #FFE300;
  196. font-weight: bold;
  197. text-align: center;
  198. border-radius: 20px;
  199. margin-top: 14px;
  200. }
  201. .bmSinaBox .bmSina_gb{
  202. position: absolute;
  203. left: 50%;
  204. bottom: -50px;
  205. width: 36px;
  206. height: 36px;
  207. margin-left: -18px;
  208. z-index: 2;
  209. }
  210. .bmSinaBox .bmSina_gb img{
  211. width: 100%;
  212. height: 100%;
  213. }