Brak opisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

eyoucms.css 23KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160
  1. /*全局*/
  2. body {
  3. font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  4. }
  5. .list-none {
  6. padding: 0px;
  7. margin: 0px;
  8. list-style: none;
  9. }
  10. .ey-head {
  11. height: 80px;
  12. overflow: hidden;
  13. }
  14. .ey-head .logo li {
  15. float: left;
  16. height: 80px;
  17. line-height: 80px;
  18. font-size: 22px;
  19. }
  20. .ey-head .logo li img {
  21. max-width: 100%;
  22. height: 77px;
  23. }
  24. @media screen and (max-width:768px) {
  25. .ey-head .logo li img {
  26. height: 90%;
  27. }
  28. }
  29. .ey-head .logo ul>li+li:before {
  30. padding: 0 10px;
  31. color: #ddd;
  32. font-size: 22px;
  33. content: "|\00a0"
  34. }
  35. .ey-footer {
  36. text-align: center;
  37. padding: 30px;
  38. color: #777;
  39. }
  40. .ey-footer p {
  41. margin-bottom: 5px;
  42. }
  43. .breadcrumb>li {
  44. display: inline-block;
  45. }
  46. .breadcrumb>li+li:before {
  47. padding: 0 5px;
  48. color: #ccc;
  49. content: "/\00a0";
  50. }
  51. .ey-member {
  52. background-color: #f7f7f7;
  53. background-size: cover;
  54. background-repeat: no-repeat;
  55. background-position: center center;
  56. padding: 50px 0px;
  57. overflow-x: hidden;
  58. }
  59. .ey-member input.form-control, .ey-member textarea.form-control {
  60. border-radius: 0px;
  61. height: 43px;
  62. }
  63. .ey-member .input-group .input-group-addon {
  64. border-radius: 0px;
  65. background: #efefef;
  66. }
  67. .ey-member .input-group i.fa {
  68. font-size: 18px;
  69. color: #aaa;
  70. width: 20px;
  71. text-align: center;
  72. }
  73. .ey-member select.form-control {
  74. border-radius: 0px;
  75. }
  76. .ey-member textarea.form-control {
  77. height: auto;
  78. }
  79. .ey-member .login_link {
  80. text-align: right;
  81. margin-bottom: 15px;
  82. }
  83. .ey-member .login_code_img img {
  84. height: 43px;
  85. cursor: pointer;
  86. }
  87. .ey-member .form-control-feedback {
  88. height: 43px;
  89. line-height: 43px;
  90. padding-right: 20px;
  91. }
  92. .ey-member .btn {
  93. border-radius: 0px;
  94. }
  95. .ey-form-choice {
  96. padding: 10px;
  97. }
  98. .ey-form-file-title {
  99. padding-top: 8px;
  100. padding-bottom: 8px;
  101. }
  102. .ey-form .ey-upfile .file-drop-zone {
  103. border: 0px;
  104. margin: 0px;
  105. }
  106. .ey-form .ey-upfile .file-preview {
  107. border-radius: 0px;
  108. max-width: 220px;
  109. } /*display:none;*/
  110. .ey-form .ey-upfile .kv-upload-progress {
  111. max-width: 220px;
  112. } /*display:none;*/
  113. .ey-form .ey-upfile .kv-upload-progress .progress {
  114. border-radius: 0px;
  115. } /*display:none;*/
  116. .ey-form .ey-upfile .file-preview .file-actions {
  117. display: none;
  118. }
  119. .ey-form .ey-upfile .file-preview-frame {
  120. box-shadow: none;
  121. display: block;
  122. margin: 0px;
  123. border: 0;
  124. padding: 0px;
  125. float: none;
  126. height: auto;
  127. }
  128. .ey-form .ey-upfile .file-preview-frame img {
  129. width: 100%!important;
  130. height: auto!important;
  131. }
  132. .ey-form .ey-upfile .file-preview-frame:hover {
  133. box-shadow: none;
  134. }
  135. .ey-form .ey-upfile .file-drop-zone-title {
  136. font-size: 30px;
  137. }
  138. .ey-form .ey-upfile .fileinput-cancel-button {
  139. width: 76px;
  140. }
  141. .ey-form .ey-upfile .progress {
  142. margin-bottom: 10px;
  143. }
  144. .ey-form .select-linkage .form-control {
  145. padding-right: 0px;
  146. }
  147. .has-success .form-control {
  148. border-color: #ccc;
  149. }
  150. .has-success .input-group-addon {
  151. border-color: #ccc;
  152. }
  153. .tab_list {
  154. font-size: 0
  155. }
  156. .tab_list ul {
  157. margin: 0;
  158. padding: 0;
  159. }
  160. .tab_list li {
  161. cursor: pointer;
  162. display: inline-block;
  163. position: relative;
  164. font-size: 17px;
  165. width: 105px;
  166. color: #666;
  167. margin: 0 0 0 10px
  168. }
  169. .tab_list li::before {
  170. content: '';
  171. position: absolute;
  172. bottom: -10px;
  173. left: 0;
  174. width: 100%;
  175. height: 2px;
  176. border-radius: 2px;
  177. transition: transform .3s;
  178. }
  179. .tab_list li.current {
  180. color: #ff9600
  181. }
  182. .tab_list li.current::before {
  183. background: #ff9600;
  184. content: '';
  185. position: absolute;
  186. bottom: -10px;
  187. left: 0;
  188. width: 100%;
  189. height: 2px;
  190. border-radius: 2px;
  191. transition: transform .3s;
  192. }
  193. .tab_con .item {
  194. display: none;
  195. }
  196. /*登录界面*/
  197. .login_index {
  198. background-color: #efefef;
  199. background-image: url(../images/2015020201454781.jpg);
  200. }
  201. .login_index a.btn {
  202. margin-top: 20px;
  203. }
  204. .login_index .login_type {
  205. text-align: center;
  206. margin-top: 20px;
  207. }
  208. .login_index .login_type p {
  209. color: #444;
  210. }
  211. .login_index .login_type .row {
  212. padding-top: 5px;
  213. }
  214. .login_index .login_type i {
  215. font-size: 35px;
  216. }
  217. .login_index .login_type i.fa-qq {
  218. color: #70A8D6;
  219. }
  220. .login_index .login_type i.fa-weibo {
  221. color: #E07366;
  222. }
  223. .login_index .login_type i.fa-weixin {
  224. color: #54C135;
  225. }
  226. .login_index .form-control {
  227. border: 0;
  228. }
  229. .reg .images_upload_main .images_upload{
  230. display: inline-block;
  231. margin-right: 10px;
  232. float: left;
  233. }
  234. .reg .images_upload_main .images_upload:last-child{
  235. margin-right: 0;
  236. }
  237. .reg .images_upload_main .fieldext_upload {
  238. display: inline-block;
  239. margin-right: 10px;
  240. display: inline-block;
  241. }
  242. .reg .images_upload_main .images_upload_item{
  243. position: relative;
  244. width: 60px;
  245. height: 60px;
  246. overflow: hidden;
  247. border: 1px solid #eee;
  248. }
  249. .reg .images_upload_main .images_upload_item img {
  250. position: absolute;
  251. width: 60px;
  252. height: 60px;
  253. }
  254. .reg .images_upload_main .images_upload_item .delete{
  255. position: absolute;
  256. top:0;
  257. right: 0;
  258. z-index: 2;
  259. width: 0px;
  260. height: 0px;
  261. border-top:30px solid rgba(0,0,0,0.5);
  262. border-left:30px solid transparent;
  263. }
  264. .reg .images_upload_main .images_upload_item .delete::after {
  265. position: relative;
  266. content: "\d7";
  267. font-size: 20px;
  268. color: white;
  269. top: -33px;
  270. right: 14px;
  271. }
  272. /*注册页面*/
  273. .register_index form, .reg .header {
  274. margin: 0px auto;
  275. max-width: 500px;
  276. }
  277. .register_index .login_link {
  278. margin-top: 10px;
  279. margin-bottom: 10px;
  280. }
  281. .register_index .ey-more {
  282. position: relative;
  283. }
  284. .register_index .ey-more span {
  285. position: absolute;
  286. text-align: center;
  287. height: 30px;
  288. line-height: 30px;
  289. left: 50%;
  290. margin-left: -50px;
  291. top: -15px;
  292. width: 100px;
  293. overflow: hidden;
  294. background-color: #fff;
  295. }
  296. .register_index .login_code .form-control-feedback {
  297. display: none!important;
  298. }
  299. /*邮箱验证*/
  300. /*短信验证*/
  301. .phone_code {
  302. margin: 5px 0px;
  303. min-width: 100%;
  304. }
  305. .phone_code .badge {
  306. font-weight: normal;
  307. background: #777;
  308. color: #fff;
  309. }
  310. .register_index .fa-mobile {
  311. font-size: 26px!important;
  312. }
  313. /*会员中心*/
  314. .ey-head .user-info {
  315. padding-top: 20px;
  316. }
  317. .ey-head .user-info .breadcrumb {
  318. background: none;
  319. padding: .75rem 1.5rem;
  320. }
  321. .member-profile {
  322. padding: 10px 0px;
  323. }
  324. .member-profile-content {
  325. margin: 0px;
  326. padding: 20px;
  327. }
  328. .member-profile-content .sidebar .list-group-item {
  329. border: none;
  330. border-radius: 0px;
  331. line-height: 17px;
  332. }
  333. .ey-member-index .form-group {
  334. margin-bottom: 0px;
  335. }
  336. .ey-member-index .row {
  337. margin-top: 40px;
  338. }
  339. .ey-member-index .basic .row:last-child {
  340. border-bottom: none;
  341. }
  342. .ey-member-index .ey-form {
  343. max-width: none;
  344. background: none;
  345. padding: 0px;
  346. margin: 0px;
  347. }
  348. .ey-member-index .panel {
  349. border: none;
  350. border-radius: 0px;
  351. box-shadow: none;
  352. }
  353. .ey-member-index .panel-default>.panel-heading {
  354. border-radius: 0px;
  355. font-size: 16px;
  356. }
  357. .member-profile-content .sidebar .list-group {
  358. margin-bottom: 0px;
  359. }
  360. .member-profile-content .ey-member-profile {
  361. background: #fff;
  362. padding: 15px;
  363. min-height: 500px;
  364. }
  365. .member-profile-content .sidebar-box {
  366. background: #fff;
  367. padding: 20px 15px;
  368. }
  369. /*帐号安全*/
  370. .ey-member-safety {
  371. }
  372. .ey-member-safety .media {
  373. padding: 30px 0px;
  374. border-bottom: 1px solid #ddd;
  375. position: relative;
  376. }
  377. .ey-member-safety .media button {
  378. }
  379. .ey-member-safety .media i {
  380. font-size: 25px;
  381. width: 50px;
  382. text-align: center;
  383. color: #337ab7;
  384. }
  385. .ey-member-safety .media i.fa-unlock-alt {
  386. font-size: 33px;
  387. }
  388. .ey-member-safety .media i.fa-mobile {
  389. font-size: 48px;
  390. }
  391. .ey-member-safety .media .media-body {
  392. color: #999;
  393. }
  394. .ey-member-safety .media .media-heading {
  395. font-size: 18px;
  396. color: #444;
  397. }
  398. .ey-member-safety .modal .modal-body {
  399. padding: 15px 15px 0px;
  400. }
  401. .ey-member-safety .modal form {
  402. padding: 0px 0px 0px;
  403. margin: 0px;
  404. max-width: none;
  405. }
  406. .ey-member-safety .media .loading {
  407. background: #fff url(../images/loading.gif) no-repeat center center;
  408. color: #fff;
  409. }
  410. /*新增样式*/
  411. .panel-default .panel-heading {
  412. background: none;
  413. border-bottom: 2px solid #f7f7f7;
  414. height: 44px;
  415. line-height: 44px;
  416. }
  417. .panel-default .panel-heading strong {
  418. cursor: pointer;
  419. background: none;
  420. font-weight: normal;
  421. background: -moz-linear-gradient(top, #e1e1e1, #fff);
  422. font-size: 16px;
  423. float: left;
  424. margin: 0 2px 0 0;
  425. height: 44px;
  426. line-height: 45px;
  427. width: 111px;
  428. text-align: center;
  429. }
  430. .ey-member-index .basic .panel-body {
  431. clear: both
  432. }
  433. .panel-default .panel-heading span {
  434. float: right;
  435. padding-right: 10px;
  436. font-size: 13px;
  437. cursor: pointer;
  438. }
  439. .panel, .member-profile-content .sidebar-box {
  440. padding: 0px !important;
  441. }
  442. li.list-group-item {
  443. padding: 0px !important;
  444. }
  445. .user-tx a {
  446. width: 160px;
  447. display: block;
  448. position: relative;
  449. }
  450. .user-tx a img {
  451. width: 100%;
  452. }
  453. .user-tx span {
  454. display: block;
  455. height: 22px;
  456. line-height: 22px;
  457. text-align: center;
  458. background: #ff6565;
  459. color: #fff;
  460. width: 100%;
  461. position: absolute;
  462. bottom: 0px;
  463. left: 0px;
  464. }
  465. .input-txt {
  466. width: 80%;
  467. padding: 6px 12px;
  468. background-color: #fff;
  469. background-image: none;
  470. border: 1px solid #ccc;
  471. border-radius: 0;
  472. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  473. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  474. box-shadow: none;
  475. border-radius: 0;
  476. height: 36px;
  477. box-sizing: border-box;
  478. font-size: 13px;
  479. color: #333;
  480. }
  481. .btn-primary {
  482. width: 101px;
  483. border: none !important
  484. }
  485. .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  486. -moz-box-shadow: 1px 1px 2px #ccc; /* 老的 Firefox */
  487. box-shadow: 1px 1px 2px #ccc;
  488. }
  489. .panel-default select {
  490. height: 38px;
  491. line-height: 38px;
  492. border-radius: 0;
  493. border: 1px solid #ccc;
  494. padding-left: 7px;
  495. }
  496. span.redx {
  497. color: red;
  498. float: right;
  499. width: 18%;
  500. text-align: left;
  501. vertical-align: middle;
  502. height: 38px;
  503. line-height: 38px;
  504. }
  505. p.notic {
  506. margin-bottom: 0px;
  507. }
  508. .sidebar-header {
  509. padding: 30px 15px;
  510. }
  511. .align-items-center {
  512. -ms-flex-align: center!important;
  513. align-items: center!important;
  514. }
  515. .sidebar-header .title h1 {
  516. color: #666;
  517. }
  518. .sidebar-header .title p {
  519. font-size: 0.9em;
  520. font-weight: 200;
  521. color: #666;
  522. margin: 0px;
  523. }
  524. .rounded-circle {
  525. border-radius: 50%!important;
  526. }
  527. .sidebar-header .avatar {
  528. width: 80px;
  529. margin: 0px auto;
  530. }
  531. .sidebar-header .avatar img {
  532. -webkit-transition: all 0.3s ease-in-out;
  533. -moz-transition: all 0.3s ease-in-out;
  534. -ms-transition: all 0.3s ease-in-out;
  535. -o-transition: all 0.3s ease-in-out;
  536. transition: all 0.3s ease-in-out;
  537. margin: auto;
  538. width: 80px;
  539. height: 80px;
  540. }
  541. .d-flex {
  542. text-align: center
  543. }
  544. .sidebar-header .title {
  545. margin-top: 10px;
  546. clear: both
  547. }
  548. .ydc-icon {
  549. width: 18px;
  550. height: 18px;
  551. display: block;
  552. border: none;
  553. background-repeat: no-repeat;
  554. background-position: center;
  555. background-size: 18px;
  556. }
  557. .list-group-item a {
  558. display: block;
  559. width: 100%;
  560. padding: 12px 0 12px 68px;
  561. line-height: 20px;
  562. position: relative;
  563. font-size: 14px;
  564. }
  565. .ydc-icon-find {
  566. margin-right: 8px;
  567. background-image: url(../images/homeico.png);
  568. }
  569. .active .ydc-icon-find {
  570. margin-right: 8px;
  571. background-image: url('../images/homeico2.png');
  572. }
  573. .fl {
  574. float: left;
  575. }
  576. .ydc-icon-record {
  577. margin-right: 8px;
  578. background-image: url('../images/caiwu-hei.png');
  579. }
  580. .active .ydc-icon-record {
  581. background-image: url('../images/caiwu.png');
  582. }
  583. .input-group {
  584. padding-top: 0px;
  585. margin: 0px auto;
  586. width: 320px;
  587. }
  588. .changepass .container {
  589. padding-top: 25px;
  590. }
  591. .changepass .modal-footer {
  592. text-align: center
  593. }
  594. .changepass .form-group {
  595. margin-bottom: 0px;
  596. }
  597. .reg {
  598. background: #f7f7f7;
  599. }
  600. .reg .input-group {
  601. width: 100%;
  602. }
  603. .reg .chicuele {
  604. position: absolute;
  605. right: 3px;
  606. bottom: 4px;
  607. height: 36px;
  608. z-index: 10;
  609. }
  610. .reg fieldset {
  611. border: 1px solid #e7e7e7
  612. }
  613. .reg legend {
  614. font-size: 1.1em;
  615. }
  616. .reg .radio, .reg .checkbox {
  617. width: 100%;
  618. float: left;
  619. }
  620. .reg .radio label, .reg .checkbox label {
  621. padding-left: 6px;
  622. }
  623. .reg .header {
  624. padding: 15px 0px;
  625. color: #fff;
  626. text-align: center
  627. }
  628. .reg .header span {
  629. font-size: 1.6rem;
  630. }
  631. .reg .select .dt {
  632. display: block;
  633. margin-bottom: .5rem;
  634. }
  635. .reg .panel-body {
  636. padding: 38px 50px 50px;
  637. }
  638. body.centre {
  639. overflow-x: hidden;
  640. }
  641. .centre .panel-body textarea {
  642. width: 80%;
  643. min-height: 60px;
  644. border: 1px solid #ccc
  645. }
  646. .centre .checkbox-custom, .centre .radio-custom {
  647. margin-top: 0px;
  648. }
  649. @media (min-width:640px) {
  650. .col-sm-2 {
  651. width: 20% !important
  652. }
  653. .col-sm-10 {
  654. width: 80%
  655. }
  656. .hamburger {
  657. display: none !important;
  658. }
  659. }
  660. .pay .ey-member-index .row {
  661. margin: 10px 0px;
  662. }
  663. .pay .panel-body{ padding:0px 10px 0px; }
  664. .pay .dataTables_wrapper{ margin-top:10px;}
  665. @media (max-width:640px) {
  666. .col-sm-2 {
  667. display: none;
  668. }
  669. .col-sm-10 {
  670. width: 100% !important;
  671. padding: 0px !important;
  672. }
  673. .nber {
  674. display: none;
  675. }
  676. .member-profile-content {
  677. padding: 0 5px;
  678. }
  679. .panel-body {
  680. padding: 8px;
  681. }
  682. .centre .panel-body {
  683. padding: 3px;
  684. }
  685. .ey-head .user-info .breadcrumb {
  686. display: none;
  687. }
  688. .ey-head {
  689. height: 68px;
  690. overflow: hidden;
  691. }
  692. .ey-head .logo li {
  693. float: left;
  694. height: 68px;
  695. line-height: 68px;
  696. font-size: 22px;
  697. }
  698. .changepass input.form-control {
  699. padding: 0px !important;
  700. text-indent: 8px;
  701. }
  702. .changepass input.btn-primary {
  703. position: absolute;
  704. right: -1px;
  705. top: 0px;
  706. z-index: 2;
  707. height: 38px;
  708. padding: 0px;
  709. border-radius: 2px;
  710. }
  711. .ey-member-index .row {
  712. margin-top: 30px;
  713. }
  714. }
  715. .tag-success {
  716. background: none;
  717. color: #333
  718. }
  719. .register_index input.sento {
  720. position: absolute;
  721. right: 0;
  722. top: 0px;
  723. z-index: 2;
  724. height: 42px;
  725. }
  726. /*-------------------------------*/
  727. #wrapper {
  728. -moz-transition: all 0.5s ease;
  729. -o-transition: all 0.5s ease;
  730. -webkit-transition: all 0.5s ease;
  731. padding-left: 0;
  732. transition: all 0.5s ease;
  733. }
  734. #wrapper.toggled {
  735. padding-left: 220px;
  736. }
  737. #wrapper.toggled #sidebar-wrapper {
  738. width: 220px;
  739. }
  740. #wrapper.toggled #page-content-wrapper {
  741. margin-right: -220px;
  742. position: absolute;
  743. }
  744. #sidebar-wrapper {
  745. -moz-transition: all 0.5s ease;
  746. -o-transition: all 0.5s ease;
  747. -webkit-transition: all 0.5s ease;
  748. background: #fff;
  749. height: 100%;
  750. left: 220px;
  751. margin-left: -220px;
  752. overflow-x: hidden;
  753. overflow-y: auto;
  754. transition: all 0.5s ease;
  755. width: 0;
  756. z-index: 1000;
  757. }
  758. #sidebar-wrapper::-webkit-scrollbar {
  759. display: none;
  760. }
  761. #page-content-wrapper {
  762. padding-top: 70px;
  763. width: 100%;
  764. }
  765. .hamburger {
  766. background: transparent;
  767. border: none;
  768. display: block;
  769. height: 30px;
  770. position: absolute;
  771. top: 20px;
  772. right: 10px;
  773. width: 30px;
  774. z-index: 999;
  775. }
  776. .hamburger:hover {
  777. outline: none;
  778. }
  779. .hamburger:focus {
  780. outline: none;
  781. }
  782. .hamburger:active {
  783. outline: none;
  784. }
  785. .hamburger.is-closed .hamb-top {
  786. -webkit-transition: all 0.35s ease-in-out;
  787. top: 5px;
  788. }
  789. .hamburger.is-closed .hamb-middle {
  790. margin-top: -2px;
  791. top: 50%;
  792. }
  793. .hamburger.is-closed .hamb-bottom {
  794. -webkit-transition: all 0.35s ease-in-out;
  795. bottom: 5px;
  796. }
  797. .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  798. height: 3px;
  799. left: 0;
  800. position: absolute;
  801. width: 100%;
  802. }
  803. .hamburger.is-open .hamb-top {
  804. -webkit-transform: rotate(45deg);
  805. -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  806. background-color: #ffffff;
  807. margin-top: -2px;
  808. top: 50%;
  809. }
  810. .hamburger.is-open .hamb-middle {
  811. background-color: #ffffff;
  812. display: none;
  813. }
  814. .hamburger.is-open .hamb-bottom {
  815. -webkit-transform: rotate(-45deg);
  816. -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  817. background-color: #ffffff;
  818. margin-top: -2px;
  819. top: 50%;
  820. }
  821. /*-------------------------------*/
  822. /* Dark Overlay */
  823. /*-------------------------------*/
  824. .overlay {
  825. position: fixed;
  826. display: none;
  827. width: 100%;
  828. height: 100%;
  829. top: 0;
  830. left: 0;
  831. right: 0;
  832. bottom: 0;
  833. background-color: rgba(0, 0, 0, 0.4);
  834. z-index: 1;
  835. }
  836. .list-group-item:first-child {
  837. border-radius: 0px !important;
  838. }
  839. .btn-group-lg>.btn, .btn-lg{ font-size:1rem}
  840. @media (min-width:640px) {
  841. .reg .panel-body {
  842. background: #fff;
  843. box-shadow: 0 0 50px #ccc;
  844. border-radius: 5px;
  845. border: #cecece;
  846. }
  847. }
  848. @media (max-width:640px) {
  849. .reg .panel-body{ padding:30px 15px;}
  850. .regi .panel-body{ padding:0px 15px 0px;}
  851. .reg .btn-primary{ width:auto}
  852. .panel-default .panel-heading strong{ width:80px; }
  853. .deta .ey-member-index .row {
  854. margin: 10px -10px;
  855. }
  856. h1.text-xs-center{ font-size: 2rem; margin-top: 10px !important; }
  857. }
  858. .changepass .form-group{ margin-bottom: 10px; }
  859. .form-group a.login_link{position: absolute;right: 0; top: 0;}
  860. .login-link {
  861. margin-top: 30px;
  862. margin-bottom: 10px;
  863. text-align: center;
  864. }
  865. .login-link span {
  866. color: #CACAD9;
  867. padding: 0 4px 0px 7px;
  868. text-align: center;
  869. font-size:12px;
  870. vertical-align: middle;
  871. }
  872. .login-link a {
  873. color: #999;
  874. vertical-align: middle;
  875. }
  876. em,i{ font-style:normal}
  877. .input-group em.tis{ position:absolute; right:6px; top:10px; z-index:3; color:#999}
  878. .mip-reg-logo {
  879. text-align: center;
  880. margin-bottom: 0px;
  881. margin-top: 10px;
  882. }
  883. .mip-reg-logo img{ width:65%;}
  884. .mip-reg-heading {
  885. font-size: 18px;
  886. color: #333;
  887. margin-top: 15px;
  888. margin-bottom: 40px;
  889. padding: 0;
  890. text-align:center
  891. }
  892. /*邮箱认证*/
  893. .yxrz{ }
  894. .yxrz .form-control{width: 70%; border-right: none;}
  895. .yxrz .btn-primary{width: 30%;height: 36px; background: #999 !important; height: 36px !important;}
  896. .yxrz .btn-primary:hover, .yxrz .btn-primary:focus, .yxrz .btn-primary:active{background: #888 !important; }
  897. .reg .sento{background: #999 !important;}
  898. .reg .sento .btn-primary:hover, .reg .sento .btn-primary:focus, .reg .sento .btn-primary:active{background: #888 !important; }
  899. .czl{ width:88px; height: 32px !important; margin-right: 3px; padding: 0px 3px;}
  900. .font-size-24{ font-size:24px; }
  901. .green-400 {
  902. color: #7dd3ae!important;
  903. }
  904. [class*=' wb-'], [class^=wb-] {
  905. font-family: 'Web Icons';
  906. font-weight: 400;
  907. font-style: normal;
  908. position: relative;
  909. display: inline-block;
  910. -webkit-transform: translate(0, 0);
  911. -ms-transform: translate(0, 0);
  912. -o-transform: translate(0, 0);
  913. transform: translate(0, 0);
  914. text-rendering: auto;
  915. speak: none;
  916. -webkit-font-smoothing: antialiased;
  917. -moz-osx-font-smoothing: grayscale;
  918. }
  919. .font-size-75 {
  920. font-size: 75px!important;
  921. }
  922. /*分页*/
  923. .pagination {
  924. display:inline-block;
  925. padding-left:0;
  926. border-radius:4px
  927. }
  928. .pagination>li {
  929. display:inline
  930. }
  931. .pagination>li>a, .pagination>li>span {
  932. position:relative;
  933. float:left;
  934. padding:6px 12px;
  935. margin-left:-1px;
  936. line-height:1.42857143;
  937. color:#337ab7;
  938. text-decoration:none;
  939. background-color:#fff;
  940. border:1px solid #ddd
  941. }
  942. .pagination>li:first-child>a, .pagination>li:first-child>span {
  943. margin-left:0;
  944. border-top-left-radius:4px;
  945. border-bottom-left-radius:4px
  946. }
  947. .pagination>li:last-child>a, .pagination>li:last-child>span {
  948. border-top-right-radius:4px;
  949. border-bottom-right-radius:4px
  950. }
  951. .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  952. color:#23527c;
  953. background-color:#eee;
  954. border-color:#ddd
  955. }
  956. .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  957. z-index:2;
  958. color:#fff;
  959. cursor:default;
  960. background-color:#337ab7;
  961. border-color:#337ab7
  962. }
  963. .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  964. color:#777;
  965. cursor:not-allowed;
  966. background-color:#fff;
  967. border-color:#ddd
  968. }
  969. .deta .dataTables_paginate,div.fytotal{ text-align: center; }
  970. i.fa-power-off{ margin-right: 6px; margin-left: 2px; }
  971. .fa-power-off:before{ font-size:17px; color: #aaa;content: "\f127"; }
  972. /*第三方登录样式*/
  973. .login_type{ padding-top: 15px; }
  974. .login_type ul li i{ font-size:2.8rem; }
  975. /* 新增微信端登录 */
  976. .login-reg .wrapper {
  977. padding: 0 44px;
  978. }
  979. .login-reg .wrapper .hend-box {
  980. padding-top: calc(30px);
  981. }
  982. .login-reg .wrapper .hend-box .title {
  983. padding-top: calc(57px);
  984. font-style: normal;
  985. font-size: 33px;
  986. font-weight: 700;
  987. color: #333;
  988. line-height: 1.8;
  989. }
  990. .login-reg .wrapper .hend-box .desc {
  991. font-size: 15px;
  992. line-height: 1.8;
  993. color: #333;
  994. }
  995. .login-reg .wrapper .cont-box{
  996. }
  997. .login-reg .wrapper .cont-box .wx-form-group{
  998. position: relative;
  999. flex: 1;
  1000. display: flex;
  1001. margin-top: 33px;
  1002. }
  1003. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control{
  1004. display: block;
  1005. width: 100%;
  1006. overflow: hidden;
  1007. min-height: 33px;
  1008. height: 33px;
  1009. border: none;
  1010. border-bottom: 1px solid #eee;
  1011. letter-spacing: 1px;
  1012. font-size: 15px;
  1013. line-height: 33px;
  1014. color: rgb(51, 51, 51);
  1015. }
  1016. .login-reg .wrapper .cont-box .wx-form-group .password-icon{
  1017. position: absolute;
  1018. top: 7px;
  1019. right: 8px;
  1020. width: 18px;
  1021. height: 18px;
  1022. background-color: #ccc;
  1023. z-index: 10;
  1024. cursor: pointer;
  1025. }
  1026. .login-reg .wrapper .cont-box .wx-form-group .password-icon.pass-show{
  1027. background: url(../images/password_show.png) no-repeat center center;
  1028. }
  1029. .login-reg .wrapper .cont-box .wx-form-group .password-icon.pass-hide{
  1030. background: url(../images/password_hide.png) no-repeat center center;
  1031. }
  1032. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control:focus{
  1033. border-bottom: 1px solid #eee;
  1034. outline:none
  1035. }
  1036. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control::-webkit-input-placeholder {
  1037. color: #6E6E6E !important;
  1038. }
  1039. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control:-moz-placeholder {
  1040. color: #6E6E6E !important;
  1041. }
  1042. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control::-moz-placeholder {
  1043. color: #6E6E6E !important;
  1044. }
  1045. .login-reg .wrapper .cont-box .wx-form-group .wx-form-control:-ms-input-placeholder {
  1046. color: #6E6E6E !important;
  1047. }
  1048. .login-reg .wrapper .cont-box .wx-form-group .field {
  1049. position: relative;
  1050. width: 100%;
  1051. }
  1052. .login-reg .wrapper .cont-box .wx-form-group .field img{
  1053. width: 77px;
  1054. height: 28px;
  1055. position: absolute;
  1056. right: 1px;
  1057. bottom: 4px;
  1058. z-index: 10;
  1059. top: 0px;
  1060. }
  1061. .login-reg .wrapper .cont-box .wx-form-group .field .sento{
  1062. width: 77px;
  1063. height: 33px;
  1064. position: absolute;
  1065. right: 0;
  1066. z-index: 10;
  1067. top: 0px;
  1068. line-height: 33px;
  1069. font-size: 13px;
  1070. color: #f4391c;
  1071. border: none;
  1072. background: none;
  1073. }
  1074. .login-reg .wrapper .cont-box .clause-box{
  1075. position: relative;
  1076. margin: 15px 0 15px 0;
  1077. display: flex;
  1078. }
  1079. .login-reg .wrapper .cont-box .clause-box a{
  1080. color: #999;
  1081. }
  1082. .login-reg .wrapper .cont-box .clause-box .checkbox-label .check-mark{
  1083. top: 0;
  1084. }
  1085. .login-reg .wrapper .cont-box .clause-box .checkbox-label{
  1086. padding-right: 2px;
  1087. }
  1088. .login-reg .wrapper .cont-box .clause-box .checkbox-label .check-mark{
  1089. width: 18px;
  1090. height: 18px;
  1091. }
  1092. .login-reg .wrapper .cont-box .btn-lg{
  1093. background: linear-gradient(57.72deg,#ff8a19 18.14%,#ff5e00 98.44%);
  1094. border-radius:25px
  1095. }
  1096. .login-reg .wrapper .cont-box .account-login{
  1097. margin-top: 35px;
  1098. }
  1099. .account-login { text-align: center; }
  1100. .account-login a { display: inline-block; }
  1101. .account-login .weibo-login, .account-login .wechat-login, .account-login .qq-login { width: 42px; height: 42px; margin: 0 10px; background-repeat: no-repeat; background-position: center; border-radius: 50%; cursor: pointer; }
  1102. .account-login .wechat-login { background-image: url("../images/login-wechat.png");background-color: #58bc46; }
  1103. .account-login .weibo-login { background-image: url("../images/login-weibo.png");background-color: #e90e24; }
  1104. .account-login .qq-login { background-image: url("../images/login-qq.png");background-color: #3caae3; }