Astyle.css 14 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193
  1. @charset "UTF-8";
  2. .auto {
  3. margin-left: auto;
  4. margin-right: auto
  5. }
  6. .vm {
  7. vertical-align: middle
  8. }
  9. .vt {
  10. vertical-align: top
  11. }
  12. .vb {
  13. vertical-align: bottom
  14. }
  15. .dn {
  16. display: none
  17. }
  18. .di {
  19. display: inline
  20. }
  21. .db {
  22. display: block
  23. }
  24. .dib {
  25. display: inline-block;
  26. *zoom: 1;
  27. *display: inline
  28. }
  29. .w10 {
  30. width: 10px
  31. }
  32. .w100 {
  33. width: 100px
  34. }
  35. .w10p {
  36. width: 10%
  37. }
  38. .w20 {
  39. width: 20px
  40. }
  41. .w200 {
  42. width: 200px
  43. }
  44. .w20p {
  45. width: 20%
  46. }
  47. .w30 {
  48. width: 30px
  49. }
  50. .w300 {
  51. width: 300px
  52. }
  53. .w30p {
  54. width: 30%
  55. }
  56. .w40 {
  57. width: 40px
  58. }
  59. .w400 {
  60. width: 400px
  61. }
  62. .w40p {
  63. width: 40%
  64. }
  65. .w50 {
  66. width: 50px
  67. }
  68. .w500 {
  69. width: 500px
  70. }
  71. .w50p {
  72. width: 50%
  73. }
  74. .w60 {
  75. width: 60px
  76. }
  77. .w600 {
  78. width: 600px
  79. }
  80. .w60p {
  81. width: 60%
  82. }
  83. .w70 {
  84. width: 70px
  85. }
  86. .w700 {
  87. width: 700px
  88. }
  89. .w70p {
  90. width: 70%
  91. }
  92. .w80 {
  93. width: 80px
  94. }
  95. .w800 {
  96. width: 800px
  97. }
  98. .w80p {
  99. width: 80%
  100. }
  101. .w90 {
  102. width: 90px
  103. }
  104. .w900 {
  105. width: 900px
  106. }
  107. .w90p {
  108. width: 90%
  109. }
  110. .w100 {
  111. width: 100px
  112. }
  113. .w1000 {
  114. width: 1000px
  115. }
  116. .w100p {
  117. width: 100%
  118. }
  119. .h100p {
  120. height: 100%
  121. }
  122. .mt0 {
  123. margin-top: 0px
  124. }
  125. .mb0 {
  126. margin-bottom: 0px
  127. }
  128. .ml0 {
  129. margin-left: 0px
  130. }
  131. .mr0 {
  132. margin-right: 0px
  133. }
  134. .p0 {
  135. padding: 0px
  136. }
  137. .pt0 {
  138. padding-top: 0px
  139. }
  140. .pb0 {
  141. padding-bottom: 0px
  142. }
  143. .pl0 {
  144. padding-left: 0px
  145. }
  146. .pr0 {
  147. padding-right: 0px
  148. }
  149. .mt1 {
  150. margin-top: 1px
  151. }
  152. .mb1 {
  153. margin-bottom: 1px
  154. }
  155. .ml1 {
  156. margin-left: 1px
  157. }
  158. .mr1 {
  159. margin-right: 1px
  160. }
  161. .p1 {
  162. padding: 1px
  163. }
  164. .pt1 {
  165. padding-top: 1px
  166. }
  167. .pb1 {
  168. padding-bottom: 1px
  169. }
  170. .pl1 {
  171. padding-left: 1px
  172. }
  173. .pr1 {
  174. padding-right: 1px
  175. }
  176. .mt2 {
  177. margin-top: 2px
  178. }
  179. .mb2 {
  180. margin-bottom: 2px
  181. }
  182. .ml2 {
  183. margin-left: 2px
  184. }
  185. .mr2 {
  186. margin-right: 2px
  187. }
  188. .p2 {
  189. padding: 2px
  190. }
  191. .pt2 {
  192. padding-top: 2px
  193. }
  194. .pb2 {
  195. padding-bottom: 2px
  196. }
  197. .pl2 {
  198. padding-left: 2px
  199. }
  200. .pr2 {
  201. padding-right: 2px
  202. }
  203. .mt3 {
  204. margin-top: 3px
  205. }
  206. .mb3 {
  207. margin-bottom: 3px
  208. }
  209. .ml3 {
  210. margin-left: 3px
  211. }
  212. .mr3 {
  213. margin-right: 3px
  214. }
  215. .p3 {
  216. padding: 3px
  217. }
  218. .pt3 {
  219. padding-top: 3px
  220. }
  221. .pb3 {
  222. padding-bottom: 3px
  223. }
  224. .pl3 {
  225. padding-left: 3px
  226. }
  227. .pr3 {
  228. padding-right: 3px
  229. }
  230. .mt4 {
  231. margin-top: 4px
  232. }
  233. .mb4 {
  234. margin-bottom: 4px
  235. }
  236. .ml4 {
  237. margin-left: 4px
  238. }
  239. .mr4 {
  240. margin-right: 4px
  241. }
  242. .p4 {
  243. padding: 4px
  244. }
  245. .pt4 {
  246. padding-top: 4px
  247. }
  248. .pb4 {
  249. padding-bottom: 4px
  250. }
  251. .pl4 {
  252. padding-left: 4px
  253. }
  254. .pr4 {
  255. padding-right: 4px
  256. }
  257. .mt5 {
  258. margin-top: 5px
  259. }
  260. .mb5 {
  261. margin-bottom: 5px
  262. }
  263. .ml5 {
  264. margin-left: 5px
  265. }
  266. .mr5 {
  267. margin-right: 5px
  268. }
  269. .p5 {
  270. padding: 5px
  271. }
  272. .pt5 {
  273. padding-top: 5px
  274. }
  275. .pb5 {
  276. padding-bottom: 5px
  277. }
  278. .pl5 {
  279. padding-left: 5px
  280. }
  281. .pr5 {
  282. padding-right: 5px
  283. }
  284. .mt-1 {
  285. margin-top: -1px
  286. }
  287. .mb-1 {
  288. margin-bottom: -1px
  289. }
  290. .ml-1 {
  291. margin-left: -1px
  292. }
  293. .mr-1 {
  294. margin-right: -1px
  295. }
  296. .p5 {
  297. padding: 5px
  298. }
  299. .p10 {
  300. padding: 10px
  301. }
  302. .p15 {
  303. padding: 15px
  304. }
  305. .p20 {
  306. padding: 20px
  307. }
  308. .p30 {
  309. padding: 30px
  310. }
  311. .pl5 {
  312. padding-left: 5px
  313. }
  314. .pt5 {
  315. padding-top: 5px
  316. }
  317. .pr5 {
  318. padding-right: 5px
  319. }
  320. .pb5 {
  321. padding-bottom: 5px
  322. }
  323. .pl10 {
  324. padding-left: 10px
  325. }
  326. .pt10 {
  327. padding-top: 10px
  328. }
  329. .pr10 {
  330. padding-right: 10px
  331. }
  332. .pb10 {
  333. padding-bottom: 10px
  334. }
  335. .pl15 {
  336. padding-left: 15px
  337. }
  338. .pt15 {
  339. padding-top: 15px
  340. }
  341. .pr15 {
  342. padding-right: 15px
  343. }
  344. .pb15 {
  345. padding-bottom: 15px
  346. }
  347. .pl20 {
  348. padding-left: 20px
  349. }
  350. .pt20 {
  351. padding-top: 20px
  352. }
  353. .pr20 {
  354. padding-right: 20px
  355. }
  356. .pb20 {
  357. padding-bottom: 20px
  358. }
  359. .pl30 {
  360. padding-left: 30px
  361. }
  362. .pt30 {
  363. padding-top: 30px
  364. }
  365. .pr30 {
  366. padding-right: 30px
  367. }
  368. .pb30 {
  369. padding-bottom: 30px
  370. }
  371. .ml10 {
  372. margin-left: 10px
  373. }
  374. .mr10 {
  375. margin-right: 10px
  376. }
  377. .mt10 {
  378. margin-top: 10px
  379. }
  380. .mb10 {
  381. margin-bottom: 10px
  382. }
  383. .ml20 {
  384. margin-left: 20px
  385. }
  386. .mr20 {
  387. margin-right: 20px
  388. }
  389. .mt20 {
  390. margin-top: 20px
  391. }
  392. .mb20 {
  393. margin-bottom: 20px
  394. }
  395. .ml30 {
  396. margin-left: 30px
  397. }
  398. .mr30 {
  399. margin-right: 30px
  400. }
  401. .mt30 {
  402. margin-top: 30px
  403. }
  404. .mb30 {
  405. margin-bottom: 30px
  406. }
  407. .fl {
  408. float: left;
  409. display: inline
  410. }
  411. .fr {
  412. float: right;
  413. display: inline
  414. }
  415. .rel {
  416. position: relative
  417. }
  418. .abs {
  419. position: absolute
  420. }
  421. .b0 {
  422. bottom: 0
  423. }
  424. .t0 {
  425. top: 0
  426. }
  427. .l0 {
  428. left: 0
  429. }
  430. .r0 {
  431. right: 0
  432. }
  433. .cf {
  434. *zoom: 1
  435. }
  436. .cf:after {
  437. display: table;
  438. content: '';
  439. clear: both
  440. }
  441. .tc {
  442. text-align: center
  443. }
  444. .tr {
  445. text-align: right
  446. }
  447. .tl {
  448. text-align: left
  449. }
  450. .n {
  451. font-weight: normal;
  452. font-style: normal
  453. }
  454. .b {
  455. font-weight: bold
  456. }
  457. .tno,
  458. .tno a {
  459. text-decoration: none
  460. }
  461. .ovh {
  462. overflow: hidden
  463. }
  464. .bgn {
  465. background: none !important
  466. }
  467. .bgfff {
  468. background: #fff
  469. }
  470. .bgeee {
  471. background: #eee
  472. }
  473. .cfff {
  474. color: #fff
  475. }
  476. .ceee {
  477. color: #eee
  478. }
  479. .cddd {
  480. color: #ddd
  481. }
  482. .cccc {
  483. color: #ccc
  484. }
  485. .c999 {
  486. color: #999
  487. }
  488. .c666 {
  489. color: #666
  490. }
  491. .c333 {
  492. color: #333
  493. }
  494. .c000 {
  495. color: #000
  496. }
  497. .wordwrap {
  498. word-wrap: break-word
  499. }
  500. .level {
  501. font-size: 0
  502. }
  503. .level li {
  504. display: inline-block;
  505. *zoom: 1;
  506. *display: inline;
  507. font-size: 12px;
  508. vertical-align: middle
  509. }
  510. @font-face {
  511. font-family: "icon/iconfont";
  512. src: url("icon/iconfont.eot?t=1469177775");
  513. src: url("icon/iconfont.eot?t=1469177775#iefix") format("embedded-opentype"), url("icon/iconfont.woff?t=1469177775") format("woff"), url("icon/iconfont.ttf?t=1469177775") format("truetype"), url("icon/iconfont.svg?t=1469177775#iconfont") format("svg")
  514. }
  515. .iconfont {
  516. font-family: "icon/iconfont" !important;
  517. font-size: 16px;
  518. font-style: normal;
  519. -webkit-font-smoothing: antialiased;
  520. -webkit-text-stroke-width: 0.2px;
  521. -moz-osx-font-smoothing: grayscale
  522. }
  523. .icon-bianji:before {
  524. content: "\e620"
  525. }
  526. .icon-jian:before {
  527. content: "\e621"
  528. }
  529. .icon-jiankong:before {
  530. content: "\e622"
  531. }
  532. .icon-gengduo:before {
  533. content: "\e623"
  534. }
  535. .icon-guanbi:before {
  536. content: "\e624"
  537. }
  538. .icon-bangzhu:before {
  539. content: "\e625"
  540. }
  541. .icon-kaiguan:before {
  542. content: "\e626"
  543. }
  544. .icon-shaixuan:before {
  545. content: "\e627"
  546. }
  547. .icon-shanchu:before {
  548. content: "\e628"
  549. }
  550. .icon-mingpian:before {
  551. content: "\e629"
  552. }
  553. .icon-shouqicaidan:before {
  554. content: "\e62a"
  555. }
  556. .icon-tixing:before {
  557. content: "\e62b"
  558. }
  559. .icon-tianjia:before {
  560. content: "\e62c"
  561. }
  562. .icon-sousuo:before {
  563. content: "\e62d"
  564. }
  565. .icon-yingyongzhongxin:before {
  566. content: "\e62e"
  567. }
  568. .icon-youjiantou:before {
  569. content: "\e62f"
  570. }
  571. .icon-youjian:before {
  572. content: "\e630"
  573. }
  574. .icon-zhankaicaidan:before {
  575. content: "\e631"
  576. }
  577. .icon-yonghu-yuan:before {
  578. content: "\e632"
  579. }
  580. .icon-yonghu:before {
  581. content: "\e633"
  582. }
  583. .icon-zuojiantou:before {
  584. content: "\e634"
  585. }
  586. .icon-zhuyi:before {
  587. content: "\e635"
  588. }
  589. .icon-xuanzhong:before {
  590. content: "\e636"
  591. }
  592. .icon-shoucang:before {
  593. content: "\e637"
  594. }
  595. .icon-shoucangxuanzhong:before {
  596. content: "\e638"
  597. }
  598. .icon-caidan:before {
  599. content: "\e639"
  600. }
  601. .icon-liebiao:before {
  602. content: "\e63a"
  603. }
  604. .icon-wangluoxitong:before {
  605. content: "\e63b"
  606. }
  607. .icon-wangluo:before {
  608. content: "\e63c"
  609. }
  610. .icon-wendu:before {
  611. content: "\e63d"
  612. }
  613. .icon-dianyuan:before {
  614. content: "\e63e"
  615. }
  616. .icon-wendujiangdi:before {
  617. content: "\e63f"
  618. }
  619. .icon-dingwei:before {
  620. content: "\e640"
  621. }
  622. .icon-yingpan:before {
  623. content: "\e641"
  624. }
  625. .icon-wenjian:before {
  626. content: "\e642"
  627. }
  628. .icon-xitongyunzhuanqingkuang:before {
  629. content: "\e643"
  630. }
  631. .icon-zhuanxianjieru:before {
  632. content: "\e644"
  633. }
  634. .icon-IP:before {
  635. content: "\e645"
  636. }
  637. .icon-mokuai:before {
  638. content: "\e646"
  639. }
  640. .icon-yun:before {
  641. content: "\e647"
  642. }
  643. .icon-VPN:before {
  644. content: "\e648"
  645. }
  646. .icon-shujuku:before {
  647. content: "\e649"
  648. }
  649. .icon-anquan:before {
  650. content: "\e64a"
  651. }
  652. .icon-shijian:before {
  653. content: "\e64b"
  654. }
  655. .icon-shouye:before {
  656. content: "\e64c"
  657. }
  658. .icon-shuju01:before {
  659. content: "\e64d"
  660. }
  661. .icon-baocun:before {
  662. content: "\e64e"
  663. }
  664. .icon-jiegousheji:before {
  665. content: "\e64f"
  666. }
  667. .icon-lishi:before {
  668. content: "\e650"
  669. }
  670. .icon-shang:before {
  671. content: "\e651"
  672. }
  673. .icon-xia:before {
  674. content: "\e652"
  675. }
  676. .icon-zuo:before {
  677. content: "\e653"
  678. }
  679. .icon-biaoqian:before {
  680. content: "\e654"
  681. }
  682. .icon-daxiao:before {
  683. content: "\e655"
  684. }
  685. .icon-daochu:before {
  686. content: "\e656"
  687. }
  688. .icon-biaoge:before {
  689. content: "\e657"
  690. }
  691. .icon-chuangjianshili:before {
  692. content: "\e658"
  693. }
  694. .icon-chakan:before {
  695. content: "\e659"
  696. }
  697. .icon-renwu:before {
  698. content: "\e65a"
  699. }
  700. .icon-peizhiguanli:before {
  701. content: "\e65b"
  702. }
  703. .icon-quanxian:before {
  704. content: "\e65c"
  705. }
  706. .icon-lishijilu:before {
  707. content: "\e65d"
  708. }
  709. .icon-lianjie:before {
  710. content: "\e65e"
  711. }
  712. .icon-rili:before {
  713. content: "\e65f"
  714. }
  715. .icon-shenqingquanxian:before {
  716. content: "\e660"
  717. }
  718. .icon-shuaxin:before {
  719. content: "\e661"
  720. }
  721. .icon-shujudaochu-01:before {
  722. content: "\e662"
  723. }
  724. .icon-xitongzhuangtai:before {
  725. content: "\e663"
  726. }
  727. .icon-shuzi:before {
  728. content: "\e664"
  729. }
  730. .icon-shujubiangeng:before {
  731. content: "\e665"
  732. }
  733. .icon-xiaofeimingxidan:before {
  734. content: "\e666"
  735. }
  736. .icon-loading:before {
  737. content: "\e667"
  738. }
  739. .icon-app:before {
  740. content: "\e668"
  741. }
  742. .icon-SQLshenhe:before {
  743. content: "\e669"
  744. }
  745. .icon-text:before {
  746. content: "\e66a"
  747. }
  748. .icon-wangluopinpaishu:before {
  749. content: "\e66b"
  750. }
  751. .login-body {
  752. background: transparent url(http://bs.kexiaoshuang.com/admin/images/login-bg.jpg) center top no-repeat;
  753. background-size: cover;
  754. width: 100%;
  755. height: 100%;
  756. min-height: 100vh
  757. }
  758. .login-body .signbox {
  759. -webkit-box-sizing: border-box;
  760. box-sizing: border-box;
  761. width: 400px;
  762. position: fixed;
  763. top: 50%;
  764. left: 50%;
  765. margin-left: -200px;
  766. margin-top: -300px;
  767. z-index: 2;
  768. background-color: #fff;
  769. border: 2px solid #747a8d;
  770. border-radius: 10px
  771. }
  772. .login-body .sb-inner {
  773. margin: 70px 50px 30px;
  774. font-size: 14px;
  775. color: #666
  776. }
  777. .login-body .logo-yr {
  778. width: 82px;
  779. height: 82px;
  780. position: absolute;
  781. left: 50%;
  782. margin-left: -41px;
  783. top: -41px;
  784. background: url(http://bs.kexiaoshuang.com/admin/images/ABackground-logo.png) no-repeat center;
  785. background-size: 100% auto
  786. }
  787. .login-body h3 {
  788. padding-bottom: 30px;
  789. font-size: 18px;
  790. line-height: 28px;
  791. text-align: center;
  792. color: #333
  793. }
  794. .login-body .form-group>label {
  795. display: block;
  796. line-height: 24px;
  797. padding: 5px
  798. }
  799. .login-body .form-group .form-input {
  800. -webkit-box-sizing: border-box;
  801. box-sizing: border-box;
  802. width: 100%;
  803. height: 40px;
  804. border: 1px solid #ebebeb;
  805. background-color: #fff;
  806. line-height: normal;
  807. border-radius: 3px;
  808. padding: 0 10px
  809. }
  810. .login-body .forgetpwd {
  811. margin-top: 7px;
  812. color: #58abe0
  813. }
  814. .login-body .login-btn {
  815. border: 0 none;
  816. background-color: #0083b6;
  817. width: 100%;
  818. height: 50px;
  819. border-radius: 5px;
  820. color: #fff;
  821. position: relative;
  822. display: inline-block;
  823. line-height: 38px;
  824. min-width: 60px;
  825. padding: 0 10px;
  826. margin-bottom: 0;
  827. font-size: 16px;
  828. font-weight: 500;
  829. text-align: center;
  830. white-space: nowrap;
  831. vertical-align: middle;
  832. cursor: pointer
  833. }
  834. .login-body .ABackground-copyright {
  835. position: relative;
  836. line-height: 1;
  837. text-align: center
  838. }
  839. .login-body .ABackground-copyright:before {
  840. content: '';
  841. height: 1px;
  842. position: absolute;
  843. top: 50%;
  844. left: 0;
  845. width: 100%;
  846. z-index: 1;
  847. background-color: rgba(0, 0, 0, 0.1)
  848. }
  849. .login-body .ABackground-copyright a {
  850. position: relative;
  851. display: inline-block;
  852. background-color: #fff;
  853. padding: 0 10px;
  854. z-index: 2;
  855. color: #999
  856. }
  857. .layui-layout-admin .layui-side380 {
  858. width: 380px;
  859. overflow: hidden
  860. }
  861. .layui-layout-admin .layui-body380 {
  862. left: 380px
  863. }
  864. .layui-layout-admin .layui-footer380 {
  865. left: 380px
  866. }
  867. .layui-side-scroll {
  868. width: 200px
  869. }
  870. .layui-side-scroll-sub {
  871. width: 180px;
  872. height: 100%;
  873. overflow-x: hidden;
  874. background-color: #EAEDF1;
  875. font-size: 12px
  876. }
  877. .layui-side-scroll-sub .leftbar-subtitle {
  878. width: 180px;
  879. height: 70px;
  880. line-height: 70px;
  881. color: #333;
  882. background: #D9DEE4;
  883. overflow: hidden;
  884. -o-text-overflow: ellipsis;
  885. text-overflow: ellipsis;
  886. white-space: nowrap;
  887. font-weight: bold;
  888. text-indent: 20px
  889. }
  890. .layui-side-scroll-sub .leftbar_subbtn a {
  891. width: 180px;
  892. height: 40px;
  893. line-height: 40px;
  894. display: block;
  895. color: #333;
  896. cursor: pointer;
  897. text-indent: 30px
  898. }
  899. .layui-side-scroll-sub .leftbar_subbtn a.cur {
  900. background-color: #fff
  901. }
  902. .layui-side-scroll-sub .leftbar_subbtn a.cur:hover {
  903. background-color: #fff
  904. }
  905. .layui-side-scroll-sub .leftbar_subbtn a:hover {
  906. background-color: #F4F6F8
  907. }
  908. .slide_btn {
  909. z-index: 999;
  910. top: 50%;
  911. right: 0px;
  912. color: #333;
  913. background-color: #ddd;
  914. padding: 4px 2px;
  915. cursor: pointer;
  916. -webkit-transition: all .4s 0 ease-in-out;
  917. -o-transition: all .4s 0 ease-in-out;
  918. transition: all .4s 0 ease-in-out
  919. }
  920. .slide_btn:hover {
  921. color: #999
  922. }
  923. .slide_btn.slide_close {
  924. right: -20px
  925. }