首頁 探索 說明
登入
tubao
/
tubao_official_website
4
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
分支: master
分支列表 標籤列表
tubao_offici...
/
css
/
public.css

public.css 12 KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 
  1. /****************************************************************
    2. 

  2.  *																*		
    3. 

  3.  * 						      代码库							*
    4. 

  4.  *                        www.dmaku.com							*
    5. 

  5.  *       		  努力创建完善、持续更新插件以及模板			*
    6. 

  6.  * 																*
    7. 

  7. ****************************************************************/
    8. 

  8. @charset "utf-8";
    9. 

  9. body{background:#eeeeee;color:#2f333b;}
    10. 

  10. .headfoot_icon{background-image:url(../images/headfoot_icon.png);background-repeat:no-repeat;}
    11. 

  11. .main_icon{background-image:url(../images/main_icon.png);background-repeat:no-repeat;}
    12. 

  12. .bor_radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    13. 

  13. .transition{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
    14. 

  14. .boxshadow{-webkit-box-shadow:0px 1px 2px #dcdcdc;-moz-box-shadow:0px 1px 2px #dcdcdc;box-shadow:0px 1px 2px #dcdcdc;background:#ffffff;}
    15. 

  15. .width120{width:120px;}
    16. 

  16. .width160{width:160px;}
    17. 

  17. .width250{width:250px;}
    18. 

  18. .width570{width:570px;}
    19. 

  19. .width1200{width:1200px;margin-left:auto;margin-right:auto;}
    20. 

  20. .wid_1035{margin: 34px auto;width: 1035px;background: #fff;box-shadow: 1px 0px 1px rgba(220,220,220,1);}
    21. 

  21. .margin_t10{margin-top:10px;}
    22. 

  22. .margin_t16{margin-top:16px;}
    23. 

  23. .margin_b16{margin-bottom:16px;}
    24. 

  24. .margin_b20{margin-bottom:20px;}
    25. 

  25. .margin_b22{margin-bottom:22px;}
    26. 

  26. .margin_b35{margin-bottom:35px;}
    27. 

  27. .padtop_30{padding-top:30px;}
    28. 

  28. .padtop_60{padding-top:60px;}
    29. 

  29. .padbot_60{padding-bottom:60px;}
    30. 

  30. .font18{font-size:18px;}
    31. 

  31. .font22{font-size:22px;font-weight:bold;}
    32. 

  32. .font24{font-size:24px;}
    33. 

  33. .font30{font-size:30px;}
    34. 

  34. .color_gray{color:#8b8c8f;}
    35. 

  35. .color_red{color:#cb4b63;}
    36. 

  36. .color_green{color:#62c189;}
    37. 

  37. .bor_gray{border:1px solid #e1e1e1;}
    38. 

  38. .bor_green{border:1px solid #62c189;}
    39. 

  39. .bor_red{border:1px solid #cb4b63;}
    40. 

  40. .bor_gray1{border:2px solid #8b8c8f;}
    41. 

  41. .bor_green1{border:2px solid #62c189;background:#eafcf1;}
    42. 

  42. .bg_green{background:#62c189;}
    43. 

  43. .bg_gray{background:#e1e1e1;}
    44. 

  44. .bg_gray1{background:#8b8c8f;}
    45. 

  45. .bg_yellow{background:#ffb502;}
    46. 

  46. .bg_blue{background:#17badd;}
    47. 

  47. .bg_red{background:#e7402a;}
    48. 

  48. .bg_purple{background:#9d74ef;}
    49. 

  49. .border_gray{color:#8b8c8f;border:1px solid #e1e1e1;background:#ffffff;}
    50. 

  50. .border_gray:hover{color:#8b8c8f;border:1px solid #e1e1e1;background:#f7f7f7;}
    51. 

  51. .border_red{color:#ffffff;border:1px solid #bc4058;background:#cb4b63;}
    52. 

  52. .border_red:hover{color:#ffffff;background:#db526d;}
    53. 

  53. .border_green{color:#ffffff;border:1px solid #5ea37a;background:#6eb88c;}
    54. 

  54. .border_green:hover{color:#ffffff;background:#62c189;}
    55. 

  55. .border_yellow{color:#ffffff;border:1px solid #fc961c;background:#feaf51;}
    56. 

  56. .border_yellow:hover{color:#ffffff;background:#ffb761;}
    57. 

  57. .lineheight54{line-height:54px;}
    58. 

  58. .lineheight88{line-height:88px;}
    59. 

  59. #content{width:100%;}
    60. 

  60. /*header css*/#header{width:100%;height:54px;background:#222041;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.25);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.25);box-shadow:0px 2px 1px rgba(0,0,0,0.25);min-width:1053px;}
    61. 

  61. .logo{width:130px;height:32px;padding-left:24px;padding-right:30px;padding-top:11px;}
    62. 

  62. .logo{display:inline-block;width:134px;height:32px;background:url(../images/logo.png) no-repeat left;margin-top:6px;margin-left:24px;}
    63. 

  63. .headnav li{float:left;}
    64. 

  64. .headnav li a{display:inline-block;padding: 0 16px;color:#c2d6ff;}
    65. 

  65. .headnav_sure{background: #285cc7;}
    66. 

  66. .zwlb_sure{background: #3a7bff;color: #fff;}
    67. 

  67. .allcourse,.personinfor{position:relative;}
    68. 

  68. .allcourse_icon{display:inline-block;width:12px;height:12px;margin-right:5px;background-position:-34px -17px;vertical-align:middle;}
    69. 

  69. .headnav li.allcourse a:hover .allcourse_icon{background-position:-48px -17px;}
    70. 

  70. .headnav li >a{color:#c2d6ff;}
    71. 

  71. .headnav li i{display:inline-block;}
    72. 

  72. .headnav li >a:hover{color:#c2d6ff;background: #285cc7;padding: 0 16px;}
    73. 

  73. .headsearch,.homead{position:relative;}
    74. 

  74. .headsearch i{display:block;width:18px;height:14px;position:absolute;top:20px;right:30px;background-position:-65px -0px;}
    75. 

  75. .searchbox{width:145px;height:40px;margin:7px 18px 7px 0;padding-left: 20px;padding-right:35px;color:#8b8c8f;border:none;background:#575b63;}
    76. 

  76. .searchbox:hover{width:205px;background:#fff;}
    77. 

  77. .headimg{width:28px;height:28px;padding-right:10px;}
    78. 

  78. .headimg img{width:28px;height:28px;}
    79. 

  79. .arrow_up{width:12px;height:6px;margin-left:10px;vertical-align:middle;background-position:-62px -17px;}
    80. 

  80. .headnav li.personinfor a:hover .arrow_up{background-position:-62px -24px;}
    81. 

  81. .myorder_icon{width:15px;height:15px;margin-right:5px;vertical-align:middle;background-position:0px -17px;}
    82. 

  82. .headnav li a:hover .myorder_icon{background-position:-17px -17px;}
    83. 

  83. .headright{padding-right:60px;}
    84. 

  84. .headdownbg{border:1px solid #e1e1e1;background:#ffffff;-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.08);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.08);box-shadow:0 3px 10px rgba(0,0,0,0.08);}
    85. 

  85. .headdownlist{display:none;position:absolute;top:32px;padding-top:8px;z-index:999;}
    86. 

  86. .arrow_down{position:absolute;top:2px;left:34px;width:14px;height:7px;background-position:-89px 0px;}
    87. 

  87. .headcourse_con{width:546px;margin-left:auto;margin-right:auto;}
    88. 

  88. .headcourse_more{width:100%;height:36px;line-height:34px;text-align:center;border-top:1px solid #e1e1e1;background:#fcfcfc;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
    89. 

  89. .headcourse_more:hover{background:#f7f7f7;}
    90. 

  90. .headcourse_more a{font-size:12px;color:#8b8c8f;}
    91. 

  91. .headcourse_more a:hover{color:#3e4146;}
    92. 

  92. .headcourse_title{width:100%;height:40px;line-height:40px;padding-top:20px;border-bottom:2px solid #e1e1e1;}
    93. 

  93. .headcourse_title span{display:inline-block;width:160px;padding-left:18px;font-size:18px;color:#3e4146;}
    94. 

  94. .headcourse_con td{border-right:1px solid #e1e1e1;padding-left:15px;width:166px;}
    95. 

  95. .headcourse_con td:last-child{border-right:none;}
    96. 

  96. .headcourse_con td a{display:block;float:left;width:67px;height:24px;line-height:24px;margin:4px 8px 4px 0px;padding-left:6px;overflow:hidden;}
    97. 

  97. .headcourse_con td a:hover,.account_setup:hover,.personal_page:hover,.agency_manage:hover,.exit_account:hover{background:#f7f7f7;color:#3e4146;}
    98. 

  98. .account_setup,.personal_page,.agency_manage,.exit_account{display:block;width:100%;height:35px;line-height:35px;margin-top:5px;margin-bottom:5px;text-align:center;}
    99. 

  99. .account_setup i{width:15px;height:15px;margin-right:5px;background-position:-77px -17px;vertical-align:middle;}
    100. 

  100. .personal_page i{width:16px;height:13px;margin-right:5px;background-position:-16px 0px;vertical-align:middle;}
    101. 

  101. .agency_manage i{width:12px;height:11px;margin-right:5px;background-position:-34px 0px;vertical-align:middle;}
    102. 

  102. .exit_account i{width:14px;height:15px;margin-right:5px;background-position:-48px 0px;vertical-align:middle;}
    103. 

  103. .home_ad{width:100%;height:90px;background:url(../images/home_ad.jpg) no-repeat center;}
    104. 

  104. .home_ad a{display:block;position:absolute;top:5px;right:0;width:13px;height:13px;border:1px solid #ffffff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
    105. 

  105. .home_ad i{display:block;width:7px;height:7px;margin-left:3px;margin-top:3px;background-position:-234px -177px;}
    106. 

  106. .headtop{width:100%;height:45px;padding-top:15px;padding-bottom:15px;background:-webkit-gradient(linear, 0 40%, 0 100%, from(#ffffff), to(#ededf0));background:-moz-linear-gradient(top, #ffffff,#ededf0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ededf0,grandientType=0);-webkit-box-shadow:0px 2px 2px #dbdbde;-moz-box-shadow:0px 2px 2px #dbdbde;box-shadow:0px 2px 2px #dbdbde;position:relative;z-index:10;}
    107. 

  107. .homesearch{width:494px;height: 41px;border: 2px solid #62c189;position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    108. 

  108. .homesearch_btn{display:block;width:80px;height:45px;position:absolute;top:-2px;right:-2px;background:#62c189;font-size:18px;color:#fff;text-align:center;line-height:44px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
    109. 

  109. .homesearch_btn:hover{background:#55b07a;color:#fff;}
    110. 

  110. .homesearch_box{width:406px;height:39px;line-height:39px;position:absolute;top:0px;left:0px;margin-left:10px;background:#fff;border:none;}
    111. 

  111. .homesearch_tag{position:absolute;top:7px;right:90px;}
    112. 

  112. .homesearch_tag a{font-size:12px;}
    113. 

  113. .homesearch_tag a:hover{color:#3e4146;}
    114. 

  114. .headtop_nav li{float:left;padding-right:55px;line-height:44px;}
    115. 

  115. .headtop_nav li a{display:block;font-size:18px;color:#8b8c8f;}
    116. 

  116. .headtop_nav li a:hover{color:#62c189;}
    117. 

  117. .headtop_nav li i{display:inline-block;width:26px;height:26px;margin-right:5px;vertical-align:middle;}
    118. 

  118. .homeicon{background-position:0 -34px;}
    119. 

  119. .vipcourse{background-position:-29px -34px;}
    120. 

  120. .freeicon{background-position:-58px -34px;}
    121. 

  121. .headtop_nav li a:hover .homeicon{background-position:0 -62px;}
    122. 

  122. .headtop_nav li a:hover .vipcourse{background-position:-29px -62px;}
    123. 

  123. .headtop_nav li a:hover .freeicon{background-position:-58px -62px;}
    124. 

  124. /*footer css*/.link{width:100%;height:33px;line-height:33px;border-top:1px solid #e1e1e1;background:#eee;text-align:center;}
    125. 

  125. #footer{width:100%;background:#f7f7f7;border-top:1px solid #e1e1e1;}
    126. 

  126. .footbot{width:100%;height:70px;line-height:70px;border-top:1px solid #e1e1e1;background:#eee;text-align:center;font-size:12px;color:#8b8c8f;overflow:hidden;}
    127. 

  127. .footcontent{padding-top:60px;padding-bottom:60px;height:74px;}
    128. 

  128. .footcontent li{padding-left:42px;padding-right:42px;height:74px;border-right:1px solid #e1e1e1;color:#8b8c8f;float:left;}
    129. 

  129. .footcontent li:hover,.footcon_con a:hover{color:#3e4146;}
    130. 

  130. .footcontent li:last-child{border-right:none;}
    131. 

  131. .footcontent li span{display:block;padding-left:34px;line-height:74px;float:left;}
    132. 

  132. .footcontent li p{float:left;padding-left:34px;line-height:24px;}
    133. 

  133. .footcontent i{display:block;width:34px;height:34px;margin-top:20px;float:left;}
    134. 

  134. .footcon_icon1{background-position:0px -123px;margin-left:20px;}
    135. 

  135. .footcon_icon2{background-position:-37px -123px;}
    136. 

  136. .footcon_icon3{background-position:-74px -123px;}
    137. 

  137. .footcon_icon4{background-position:-111px -123px;}
    138. 

  138. .footcontent li:hover .footcon_icon1{background-position:0px -159px;}
    139. 

  139. .footcontent li:hover .footcon_icon2{background-position:-37px -159px;}
    140. 

  140. .footcontent li:hover .footcon_icon3{background-position:-74px -159px;}
    141. 

  141. .footcontent li:hover .footcon_icon4{background-position:-111px -159px;}
    142. 

  142. .footcon_con{width:196px;padding-top:13px;float:left;}
    143. 

  143. .footcon_con a{display:block;float:left;width:64px;line-height:24px;padding-left:34px;color:#8b8c8f;}
    144. 

  144. .erweima{position:relative;}
    145. 

  145. .ewm{display:none;position:absolute;bottom:52px;left:0;width:119px;height:130px;}
    146. 

  146. .erweima:hover .ewm{display:block;}
    147. 

  147. /*弹出层部分*/.class_free{display:none;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999;}
    148. 

  148. .freeclass{width:488px;height:328px;position:absolute;left:50%;top:50%;margin-left:-244px;margin-top:-164px;background:#fff;}
    149. 

  149. .close_div{display:block;position:absolute;top:20px;right:20px;width:16px;height:16px;}
    150. 

  150. .close_div i{display:block;width:16px;height:16px;background-position:-256px -214px;}
    151. 

  151. .close_div:hover i{background-position:-278px -214px;}
    152. 

  152. .freeclass_title{height:24px;line-height:24px;padding-top:64px;text-align:center;}
    153. 

  153. .freeclass_title span{display:inline-block;font-size:16px;padding-left:15px;padding-right:15px;}
    154. 

  154. .freeclass_title i{display:inline-block;width:74px;background:#e1e1e1;height:1px;vertical-align:middle;}
    155. 

  155. .freeclass_con{width:408px;padding-left:50px;padding-top:36px;}
    156. 

  156. .freeclass_con li{position:relative;width:82px;height:93px;float:left;margin-right:20px;}
    157. 

  157. .freeclass_con i{display:none;position:absolute;top:3px;right:3px;width:19px;height:19px;background-position:-251px -177px;}
    158. 

  158. .freeclass_con li:hover i{display:block;}
    159. 

  159. .freeclass_con li.onselect i{display:block;background-position:-276px -177px;}
    160. 

  160. .freeclass_con p{width:80px;line-height:42px;float:left;}
    161. 

  161. .freeclass_box{height:40px;line-height:40px;padding-left:8px;border:1px solid #e1e1e1;border-radius:3px;}
    162. 

  162. .wth235{width:235px;}
    163. 

  163. .wth244{width:244px;}
    164. 

  164. .freeclass_btn{width:100%;padding-top:30px;text-align:center;}
    165. 

  165. .freeclass_btn a{display:inline-block;width:94px;height:30px;line-height:30px;border:1px solid #e1e1e1;background:#f7f7f7;text-align:center;border-radius:3px;}
    166. 

  166. .freeclass_btn a:hover{border:1px solid #a43247;background:#cb4b63;color:#fff;}
    167. 

  167. @media screen and (max-width:1240px){.width1200{width:902px;}
    168. 

  168. .headtop_nav li{padding-right:45px;}
    169. 

  169. .headtop_nav li span{display:none;}
    170. 

  170. .footcontent li{padding-left:36px;padding-right:36px;}
    171. 

  171. .erweima{display:none;}} @media screen and (max-width:1120px){.headsearch{display:none;}} @media screen and (max-width:960px){.headtop_nav{display:none;}
    172. 

  172. #homehead_nav{display:block;}
    173. 

  173. .homesearch{float:left;}
    174. 

  174. .personinfor{display:none;}
    175. 

  175. .footcontent{display:none;}}
    176.