base.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639
  1. /*全局样式,应该到所有共有部分(如登录、注册、页头、页尾),谨慎修改*/
  2. @charset "utf-8";
  3. html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, fieldset, button, input, textarea, th, td {
  4. margin:0;
  5. padding:0
  6. }
  7. body, button, input, select, textarea, fieldset, label {
  8. font:14px/1.5 arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
  9. color:#666;
  10. }
  11. ul, ol, li {
  12. list-style:none;
  13. list-style-type:none;
  14. }
  15. fieldset, img {
  16. border:0 none
  17. }
  18. img {
  19. -ms-interpolation-mode:bicubic
  20. }
  21. table {
  22. border-collapse:collapse;
  23. border-spacing:0
  24. }
  25. div, dl, dt, dd, ul, ol, li, a {
  26. -webkit-box-sizing:border-box;
  27. -moz-box-sizing:border-box;
  28. box-sizing:border-box;
  29. }
  30. input, select, textarea, button {
  31. font-size:100%;
  32. -webkit-box-sizing:content-box;
  33. -moz-box-sizing:content-box;
  34. box-sizing:content-box;
  35. vertical-align:middle;
  36. }
  37. button, input[type=button], input[type=submit] {
  38. cursor:pointer
  39. }
  40. input[type=search] {
  41. -webkit-appearance:textfield
  42. }
  43. textarea {
  44. overflow-y:auto;
  45. resize:vertical
  46. }
  47. h1 {
  48. font-size:36px;
  49. }
  50. h2 {
  51. font-size:28px;
  52. }
  53. h3 {
  54. font-size:24px;
  55. }
  56. h4 {
  57. font-size:22px;
  58. }
  59. h5 {
  60. font-size:18px;
  61. }
  62. h6 {
  63. font-size:16px;
  64. }
  65. h1, h2, h3, h4, h5, h6 {
  66. color:#333333;
  67. line-height:1.8em;
  68. letter-spacing:0.1em;
  69. }
  70. a {
  71. color:#333;
  72. text-decoration:none;
  73. }
  74. a:hover {
  75. color:#000;
  76. }
  77. /*输入框获取到焦点时*/
  78. /*input:focus {
  79. box-shadow: 0px 0px 10px #8dc437;
  80. }*/
  81. /*输入框报错时*/
  82. .reg_error {/*边框提示*/
  83. border:1px solid #f2766a !important;
  84. }
  85. .reg_txt .reg_err {/*文字提示 在html 的类中加reg_err*/
  86. display: none;
  87. }
  88. /*输入框报错时*/
  89. .floatl {
  90. float: left
  91. }
  92. .floatr {
  93. float:right
  94. }
  95. .clearb {
  96. clear:both
  97. }
  98. /*注册登录样式*/
  99. .mask-Bg {
  100. background:#000;
  101. position:fixed;
  102. top:0px;
  103. left:0px;
  104. width:100%;
  105. height:100%;
  106. z-index:9999;
  107. display:none;
  108. opacity: 0.5;
  109. }
  110. .layer-LogReg {
  111. visibility: hidden;
  112. top: 50%;
  113. left: 50%;
  114. position:absolute;
  115. z-index:10000;
  116. height:592px;
  117. width:612px;
  118. margin:-290px 0 0 -290px;
  119. background:#fff;
  120. padding:10px;
  121. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  122. border-radius: 12px;
  123. }
  124. .close {
  125. font-size: 40px;
  126. line-height: .5;
  127. position: absolute;
  128. top: 20px;
  129. right: 20px;
  130. color: #aaa;
  131. text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
  132. cursor: pointer;
  133. }
  134. /*登录样式开始*/
  135. .container {
  136. width: 60%;
  137. margin:2% 20%;
  138. color:#333;
  139. }
  140. .layer-LogReg h5 {
  141. text-align:center;
  142. font-size:24px;
  143. color: #333;
  144. }
  145. .loginH5 {
  146. padding-top:100px !important;
  147. padding-bottom: 24px;
  148. }
  149. .xuanze {
  150. margin-top:10px;
  151. border-radius: 4px;
  152. }
  153. .xuanze a {
  154. color: #f2766a;
  155. }
  156. .xuanze a:hover {
  157. color: #f79b92;
  158. }
  159. .loginbutton {
  160. margin-top:10px;
  161. }
  162. .loginbutton a {
  163. padding:10px;
  164. display:block;
  165. color:#fff;
  166. font-size: 18px;
  167. text-align: center;
  168. border-radius: 4px;
  169. background-color: #f2766a;
  170. }
  171. .loginbutton a:hover {
  172. background-color: #e05447;
  173. }
  174. .gologin {
  175. text-align: center;
  176. padding-top: 10px;
  177. }
  178. .gologin a {
  179. font-size: 16px;
  180. color:#f2766a;
  181. padding-right: 20px;
  182. background-image: url(../images/jiantou.png);
  183. background-repeat: no-repeat;
  184. background-position: 100% 50%;
  185. }
  186. .reg_txt .reg_pw p {
  187. padding-left:18px;
  188. font-size:12px;
  189. margin-top:5px;
  190. color:#F2766A;
  191. background-image: url(../images/warning.png);
  192. background-repeat: no-repeat;
  193. background-position: 0 50%;
  194. }
  195. .autologin>span {
  196. display: block;
  197. padding-left: 24px;
  198. line-height: 24px;
  199. background-image: url(../images/select111.png);
  200. background-repeat: no-repeat;
  201. background-position: 0 50%;
  202. cursor: pointer;
  203. }/*登录样式结束*/
  204. /*注册样式开始*/
  205. .waybtn {
  206. display: inline-table;
  207. width: 100%;
  208. margin-top:16px;
  209. }
  210. .waybtn li {
  211. float: left;
  212. display: inline-block;
  213. width: 50%;
  214. height: 38px;
  215. font-size: 14px;
  216. line-height:36px;
  217. color: #666;
  218. text-align: center;
  219. background-color: #f5f5f5;
  220. cursor: pointer;
  221. }
  222. /*选中样式*/
  223. .waybtn .activeway {
  224. height: 46px;
  225. background-color: #fff;
  226. background-image: url(../images/waybj.png);
  227. background-repeat: no-repeat;
  228. background-position: 50% 50%;
  229. color: #fff;
  230. }
  231. /*显示表单*/
  232. .myForm1 {
  233. display:block;
  234. }
  235. /*影藏表单*/
  236. .myForm0 {
  237. display:none;
  238. }
  239. /*注册方式*/
  240. #zhucefangshi {
  241. width: 100%;
  242. }
  243. /*注册方式的未选中样式*/
  244. #zhucefangshi dd {
  245. float: left;
  246. width: 50%;
  247. padding: 10px 0;
  248. padding-left: 26px;
  249. background-repeat: no-repeat;
  250. background-position: 0 0px;
  251. cursor: pointer;
  252. }
  253. #zhucefangshi dd:last-child {
  254. background-image: url(../images/EmailBJ.jpg);
  255. }
  256. #zhucefangshi dd:first-child {
  257. background-image: url(../images/phonoBJ.jpg);
  258. }
  259. /*注册方式的选中样式*/
  260. .activefang {
  261. color:#ff3333;
  262. border-bottom:1px solid #ff3333;
  263. background-position: 0 -40px !important;
  264. }
  265. /*注册密码*/
  266. .reg_txt {
  267. position:relative;
  268. border:1px solid #e5e5e5;
  269. zoom:1;
  270. height:43px;
  271. width:100%;
  272. margin-bottom:24px;
  273. border-radius:4px;
  274. vertical-align:baseline;
  275. display:inline-block;
  276. *display:inline;
  277. z-index:2
  278. }
  279. .reg_txt input {
  280. height:39px;
  281. border:0;
  282. padding-top:2px;
  283. text-indent:10px;
  284. line-height:28px;
  285. width:100%;
  286. border-radius:3px;
  287. color:#444;
  288. background:#fff;
  289. }
  290. .password_box {
  291. position: absolute;
  292. color:#949494;
  293. right: 11px;
  294. top: 10px;
  295. font-size:12px;
  296. line-height:12px;
  297. }
  298. .password_box i {
  299. background: #c5c5c5;
  300. overflow: hidden;
  301. display: inline-block;
  302. width: 14px;
  303. height: 4px;
  304. margin-right: 3px;
  305. margin-top: 3px;
  306. }
  307. .getcode {
  308. display: inline-block;
  309. position: absolute;
  310. top: 5px;
  311. right: 10px;
  312. font-size:12px;
  313. width: 24%;
  314. line-height: 30px;
  315. text-align: center;
  316. border-radius: 4px;
  317. color: #fff;
  318. background-color: #ccc;
  319. }
  320. .getcode a{
  321. display:block;
  322. background:#f2766a;
  323. border-radius: 4px;
  324. color: #fff;
  325. }
  326. .getcode a:hover {
  327. background:#e05447;
  328. }
  329. .yzm {
  330. position: absolute;
  331. top: 5px;
  332. right:40px;
  333. }
  334. img.yzm {
  335. width:80px;
  336. height:30px;
  337. }
  338. .refreshYzm {
  339. display: inline-block;
  340. position: absolute;
  341. top: 9px;
  342. right: 9px;
  343. width: 22px;
  344. height:22px;
  345. background-image: url(../images/refresh.jpg);
  346. background-repeat: no-repeat;
  347. background-position: 100% 50%;
  348. cursor: pointer;
  349. }
  350. /*用户协议*/
  351. .protocol {
  352. margin-top:5px;
  353. }
  354. .protocol strong {
  355. color:#f79b92;
  356. }
  357. /*箭头样式*/
  358. .close-layer {
  359. }
  360. /*页头页尾*/
  361. /*全站前台页头*/
  362. .head-all-box {
  363. width:100%;
  364. height:33px;
  365. font-size:12px;
  366. background:#fff;
  367. border-bottom:#ccc 1px dotted;
  368. box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  369. }
  370. .head-all-contents {
  371. width:1190px;
  372. height:32px;
  373. overflow:hidden;
  374. background:#fff;
  375. margin:0 auto;
  376. }
  377. .head-all-contents .nav-l {
  378. float:left;
  379. width:30%;
  380. }
  381. .head-all-contents .nav-l li {
  382. float:left;
  383. }
  384. .head-all-contents .nav-r {
  385. width:50%;
  386. float:right;
  387. text-align:right;
  388. }
  389. .head-all-contents .nav-r li{
  390. float:right;
  391. color:#333;
  392. line-height:32px;
  393. display:block;
  394. text-align:left;
  395. border-left:#eee 1px dotted;
  396. }
  397. .head-all-contents .nav-l a {
  398. padding:0 15px;
  399. line-height:32px;
  400. display:block;
  401. }
  402. .head-all-contents .nav-r a {
  403. padding:0 15px;
  404. line-height:32px;
  405. display:block;
  406. }
  407. .head-all-contents .nav-r a:hover,.head-all-contents .nav-l a:hover {
  408. color:#e05447;
  409. }
  410. .head-all-contents .nav-r li.menu {
  411. padding:0 20px 0 15px;
  412. cursor:pointer;
  413. background:url(../images/ico-jj1.png) no-repeat 120px 14px;
  414. }
  415. .head-all-contents .nav-r li.menu:hover {
  416. color:#e05447;
  417. background:#fff url(../images/ico-jj1.png) no-repeat 120px -28px;
  418. }
  419. .head-all-contents .nav-r li.menu img {
  420. width:20px;
  421. height:20px;
  422. display:block;
  423. float:left;
  424. margin:6px 5px 0 0;
  425. }
  426. .head-all-contents .nav-r li.menu .name {
  427. width:80px;
  428. text-overflow: ellipsis;
  429. white-space: nowrap;
  430. overflow:hidden;
  431. display:block;
  432. float:left;
  433. }
  434. .head-all-contents .nav-r li.menu .sub-menu {
  435. width:140px;
  436. background:#fff;
  437. position:absolute;
  438. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  439. display:none;
  440. margin:32px 0 0 -15px;
  441. }
  442. .head-all-contents .nav-r li.menu .sub-menu a {
  443. line-height:30px;
  444. width:100%;
  445. color:#333;
  446. border-top:#f1f1f1 1px dotted;
  447. }
  448. .head-all-contents .nav-r li.menu .sub-menu a:hover {
  449. background:#f7f7f7;
  450. color:#e05447;
  451. }
  452. .head-all-contents .nav-r li.menu:hover .sub-menu {
  453. display:block;
  454. }
  455. .head-all-contents .nav-l li.home a {
  456. background:url(../images/ico-ht.png) no-repeat 10px -26px;
  457. text-indent:10px;
  458. }
  459. .head-all-contents .nav-l li.app a {
  460. background:url(../images/ico-ht.png) no-repeat 10px 11px;
  461. text-indent:10px;
  462. }
  463. .head-all-contents .nav-r li .new {
  464. background:#e05447;
  465. width:16px;
  466. height:16px;
  467. font-size:10px !important;
  468. font-weight:bold;
  469. text-align:center;
  470. line-height:16px;
  471. border-radius: 50%;
  472. margin:9px 0 0 52px;
  473. position:absolute;
  474. color:#fff;
  475. }
  476. .head-all-contents .nav-r li.sms a {
  477. padding-right:30px;
  478. }
  479. /*用户中心页头*/
  480. .head-user-box {
  481. width:100%;
  482. height:48px;
  483. background:#2d2e30;
  484. }
  485. .head-user-contents {
  486. width:1190px;
  487. height:48px;
  488. overflow:hidden;
  489. background:#2d2e30;
  490. margin:0 auto;
  491. }
  492. .head-user-contents .logo {
  493. width:220px;
  494. height:48px;
  495. line-height:50px;
  496. font-weight:bold;
  497. overflow:hidden;
  498. color:#828282;
  499. text-indent:96px;
  500. font-size:16px;
  501. background:url(../images/logo-user.png) no-repeat 5px center;
  502. float:left;
  503. }
  504. .head-user-contents .nav {
  505. width:560px;
  506. height:48px;
  507. float:left;
  508. }
  509. .head-user-contents .nav ul {
  510. padding:10px 0 0 0;
  511. }
  512. .head-user-contents .nav li {
  513. float:left;
  514. }
  515. .head-user-contents .nav li a {
  516. padding:0 30px;
  517. line-height:38px;
  518. display:block;
  519. color:#ccc;
  520. }
  521. .head-user-contents .nav li.sele {
  522. background:#f1f1f1;
  523. border-radius:5px 5px 0px 0px
  524. }
  525. .head-user-contents .nav li.sele a, .head-user-contents .nav li a:hover {
  526. color:#e05447;
  527. font-weight:bold;
  528. }
  529. .head-user-contents .subnav {
  530. width:400px;
  531. float:right;
  532. font-size:12px;
  533. }
  534. .head-user-contents .subnav li{
  535. float:right;
  536. height:48px;
  537. line-height:48px;
  538. color:#999;
  539. border-left:#333436 1px solid;
  540. }
  541. .head-user-contents .subnav li:hover {
  542. background:#333436;
  543. }
  544. .head-user-contents .subnav li a {
  545. padding:0 15px;
  546. display:block;
  547. float:left;
  548. color:#999;
  549. }
  550. .head-user-contents .subnav li a:hover {
  551. color:#ccc;
  552. }
  553. .head-user-contents .subnav li.menu {
  554. padding:0 20px 0 15px;
  555. cursor:pointer;
  556. background:url(../images/ico-jj1.png) no-repeat 120px 21px;
  557. }
  558. .head-user-contents .subnav li.menu:hover {
  559. background:#333436 url(../images/ico-jj1.png) no-repeat 120px -21px;
  560. }
  561. .head-user-contents .subnav li.menu img {
  562. width:20px;
  563. height:20px;
  564. display:block;
  565. float:left;
  566. margin:15px 5px 0 0;
  567. }
  568. .head-user-contents .subnav li.menu .name {
  569. width:80px;
  570. text-overflow: ellipsis;
  571. white-space: nowrap;
  572. overflow:hidden;
  573. display:block;
  574. float:left;
  575. }
  576. .head-user-contents .subnav li.menu .sub-menu {
  577. width:140px;
  578. background:#333436;
  579. position:absolute;
  580. box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  581. display:none;
  582. margin:48px 0 0 -15px;
  583. }
  584. .head-user-contents .subnav li.menu .sub-menu a {
  585. line-height:30px;
  586. width:100%;
  587. border-top:#444 1px dotted;
  588. }
  589. .head-user-contents .subnav li.menu .sub-menu a:hover {
  590. background:#2d2e30;
  591. }
  592. .head-user-contents .subnav li.menu:hover .sub-menu{
  593. display:block;
  594. }
  595. .head-user-contents .subnav li.home a {
  596. background:url(../images/ico-ht.png) no-repeat 10px -18px;
  597. text-indent:10px;
  598. }
  599. .head-user-contents .subnav li.app a {
  600. background:url(../images/ico-ht.png) no-repeat 10px 19px;
  601. text-indent:10px;
  602. }
  603. /*用户中心页头 end*/
  604. /*页尾*/
  605. .foot-box {
  606. width:100%;
  607. background:#2d2e30;
  608. margin-top:20px;
  609. }
  610. .foot-contents {
  611. width:1190px;
  612. background:#2d2e30;
  613. margin:0 auto;
  614. padding:25px 0 15px 0;
  615. overflow:hidden;
  616. color:#999;
  617. }
  618. .foot-contents .nav {
  619. width:50%;
  620. float:left;
  621. }
  622. .foot-contents .nav a {
  623. color:#ccc;
  624. padding:0 5px;
  625. }
  626. .foot-contents .nav p {
  627. padding:5px 0 0 5px;
  628. font-size:12px;
  629. }
  630. .foot-contents .text {
  631. width:48%;
  632. float:right;
  633. text-align:right;
  634. padding:5px 5px 0 0;
  635. font-size:12px;
  636. }