develop
/
ql-gw-laravel5
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
106 Commits
1 Branch
0 Tags
14 MiB
Tree: 047b64aa96
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '047b64aa96'
${ noResults }
ql-gw-laravel5/public/css/wap.css

118 lines
9.3 KiB
Raw Normal View History

Laravel基础
7 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. @charset "utf-8";
  2. body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, input, textarea, select, button{margin:0;padding:0;}em,i{font-style:normal;}
  3. li,ul{list-style:none;}ul{zoom:1;}img{border:none;border:0;margin:0;padding:0;vertical-align:middle;}.cl{clear:both;}.fl,.mfl{float:left;}.fr,.mfr{float:right;}.m-auto{margin:0 auto;}
  4. body {font-family: "Microsoft YaHei",Helvetica,Arial,Tahoma;font-size: 14px;min-width: 320px;color: #4D4D4D;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.clear{zoom:1;}.clear:after{content:"";display:block;clear:both;}
  5. a{color:#333;text-decoration:none;cursor:pointer;}
  6. /*header*/
  7. .mheader-a{background-color:#e94e45;color:#fff;position: relative;height: 44px;line-height: 44px;overflow: hidden;font-size: 18px;}
  8. .mhead_re_ico{border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:5px;}
  9. .mheader-a .bt{color:#fff;font-weight: 500;text-align: center;font-size: 16px;}
  10. .mheader-a .telphone{ background-position: 0 -304px; background-size:25px 461px;}
  11. .mheader-a .telphone, .mheader-a .telphone-on {width: 25px;height: 26px;position: absolute;right: 10px;top: 10px;}
  12. .phone-icon {background: url(../images/blue_icon.png) center;display: inline-block;background-size: 22px 406px;background-repeat: no-repeat;}
  13. /*nav*/
  14. .mnav-a{background:#343434;position: relative;height: 39px;line-height: 39px;}
  15. .mnav-a .mnav-m {overflow: hidden;height: 39px;list-style: none;}
  16. .mnav-a .mnav-m li {position: relative;height: 39px;line-height: 39px;width: 70px;float: left;text-align: center;}
  17. .mnav-a li .cur{color:#fff;border-radius:4px; background-color:#666;}
  18. .mnav-a li .cur{padding:6px 10%;}
  19. .mnav-a .nav_list_con li .cur{padding:0;}
  20. .mnav-a li a{color:#fff;}
  21. .list_icon{display:block;height:39px;background-position:center -358px;background-size:25px 461px;z-index:99;}
  22. .nav_list_con{background:#343434;}
  23. .nav_list_con ul li a{background:#343434;}
  24. .nav_list_con ul li:first-child a{}
  25. /*模块*/
  26. .mbanner-b img{width: 100%;vertical-align: middle;}
  27. .mbox{margin:0px 0 10px 0;position: relative;overflow: hidden;background-color:#fafafa;box-shadow:0px 1px 2px -1px rgba(0,0,0,.1);-webkit-box-shadow:0px 1px 2px -1px rgba(0,0,0,.1);}
  28. .mbox .tit{border-top:2px solid #e94e45;border-bottom:1px solid #dcdee0;color:#e94e45;padding-left:10px;background-color:#fff;font-size: 16px;font-weight: 800;line-height: 36px;height: 36px;}
  29. .mbox .mtab{border-top:none;}
  30. .mbox .tit_tab{border-bottom:1px solid #dcdee0;color:#000;padding-left:10px;background-color:#fff;}
  31. .mbox .tab li{margin-top:0;color:#666;}
  32. .mbox .tab li.cur{height:35px;background-color:#fafafa;border:1px solid #dcdee0;border-top:2px solid #e94e45;color:#e94e45; border-bottom:0;}
  33. .mbox .more,.mbox .more-on{padding:0 10px 10px;}
  34. .mbox .more a,.mbox .more-on a{display:block;background:#fff;}
  35. .mbox .more a{border:1px solid #dcdee0;color:#e94e45;}
  36. .mbox .more-on a{background-color:#e94e45;border:1px solid #e94e45;color:#fff;}
  37. .mbox .more .mico{border-left:2px solid #e94e45;border-bottom:2px solid #e94e45;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);margin-left:5px;}
  38. .mbox .more-on .mico{border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);margin-left:5px;}
  39. /*文章主体*/
  40. .mrichtext-a{padding:0 8px;}.mrichtext-a img{width: 100%;display: block;height: auto;}
  41. /*公司简介*/
  42. .mabout-a{color:#333;}
  43. .mabout-a, .mlink {margin: 10px 10px;line-height: 24px;}
  44. /*查看更多*/
  45. .mbox .more, .mbox .more-on {line-height: 38px;text-align: center;}
  46. .more a {text-align: center;text-decoration: none;}
  47. .mbox .more .mico, .mbox .more-on .mico {position: relative;top: -3px;display: inline-block;width: 8px;height: 8px;}
  48. /*联系我们*/
  49. .mcontact-a li{margin:0px 10px 0 10px;color:#969799;line-height: 42px;border-bottom: 1px solid #dcdee0;overflow: hidden;}
  50. .mcontact-a li span{color:#333;word-break: break-word;}
  51. .pho_num{display:none;}
  52. .telbg,.telbg-on{margin-left:0;height:33px;width:145px;border-radius:5px;color:#fff;}
  53. .addressbg,.addressbg-on{float:right;margin:5px 10px 5px 0;height:33px;width:33px;border-radius:5px;color:#fff;}
  54. .addressbg, .addressbg-on {position: relative;line-height: 30px;display: inline-block;margin-left: 10px;font-weight: 700;vertical-align: middle;}
  55. .pint {background-position: 6px -190px;}
  56. .pint, .pint-on {background-size: 22px 406px;vertical-align: middle;width: 24px;height: 26px;position: relative;left: 0;top: 2px;}
  57. .telbg,.addressbg{background:#e94e45;}
  58. .telbg-on,.addressbg-on{background:#d9342b;}
  59. .telbg, .telbg-on {position: relative;line-height: 33px;display: inline-block;margin-left: 10px;font-weight: 700;}
  60. .num{display:none;}
  61. .mcontact-a li a .num_in{padding-left:35px;color:#fff;font-weight:normal;}
  62. .telbg .tel,.telbg-on .tel{position: absolute;width:23px;line-height:23px;height: 24px;margin-left:10px; margin-top:4px;background-position:0px -267px;background-size: 22px 406px;}
  63. .mcontact-a li span.pho_num_x{display:block;font-size:16px;color:#fff;padding-left:30px;font-weight:normal;}
  64. /*作品展示*/
  65. .mpicshow-a, .mpicshow-b, .mpicshow-c {position: relative;margin-bottom: 10px;}
  66. .mpicshow-a ul, .mpicshow-b ul, .mpicshow-c ul {overflow: hidden;list-style: none;}
  67. .mnewpic2 {display: block;-webkit-transform: translate3d(0,0,0);overflow: hidden;margin: 0 auto;width: 300px;margin-top: 10px;}
  68. .mnewpic2 li:nth-child(2n-1) {margin-right: 0;margin-left: 10px;}
  69. .mnewpic2 li {float: left;text-align: center;display: block;line-height: 20px;margin: 0 10px 10px 10px;overflow: hidden;}
  70. .mnewpic2 li img {width: 135px;height: 110px;display: block;text-align: center;-webkit-transform: translate3d(0,0,0);}
  71. .mnewpic3 {display: block;-webkit-transform: translate3d(0,0,0);overflow: hidden;margin: 0 auto;width: 300px;margin-top: 10px;}
  72. .mnewpic3 li {float: left;text-align: center;display: block;line-height: 20px;margin-left: 9px;overflow: hidden;}
  73. .mnewpic3 li img {width: 88px;height: 66px;display: block;text-align: center;-webkit-transform: translate3d(0,0,0);}
  74. /*新闻&分类信息*/
  75. .mnews-a li .group,.mnews-b li .group,.mnews-b li .summary,.mnews-c li .group,.mnews-d li .group,.mnews-d li .summary{color:#969799;}
  76. .mnews-a li.on,.mnews-b li.on,.mnews-c li.on,.mnews-d li.on{background-color:#f2f4f6;}
  77. .mnews-a li a:nth-child(2),.mnews-b li a:nth-child(2),.mnews-d li a:first-child{color:#e94e45;}
  78. .mnews-b li {line-height: 22px;border-bottom: 1px solid #dcdee0;display: block;overflow: hidden;padding: 8px 10px;text-overflow: ellipsis;white-space: nowrap;}
  79. .mnews-b li .group {margin-right: 8px;float: left;text-decoration: none;}
  80. .mnews-b li a {line-height: 22px;}
  81. /*招聘信息*/
  82. .mhire-a{}
  83. .mhire-a li{border-bottom:1px dotted #dcdee0;padding:8px 10px;}
  84. .mhire-a li .item{color:#808080;}
  85. .mhire-a .pri{color:#e94e45;}
  86. /*图片展示-滚动*/
  87. .mpicshowgd-a .slide-list li img,.mpicshowgd-b .slide-list li img,.mpicshowgd-c .slide-list li img{background-color:#e6e8eb;}
  88. .mpicshowgd-a .slide-nav li,.mpicshowgd-b .slide-nav li,.mpicshowgd-c .slide-nav li {background:#fff;border:2px solid #e94e45; border-radius:10px;}
  89. .mpicshowgd-a .slide-nav li.selected,.mpicshowgd-b .slide-nav li.selected,.mpicshowgd-c .slide-nav li.selected{background:#e94e45; }
  90. .mpicshowgd-b .slide-list li{width:46%;}
  91. .mpicshowgd-c .slide-list li{width:29%;}
  92. /*图片展示-静态*/
  93. .mpicshow-a .slide-list li img,.mpicshow-b .slide-list li img,.mpicshow-c .slide-list li img{background-color:#e6e8eb;}
  94. /*入口按钮*/
  95. .mbox_employ{margin:0 0 10px 0;}
  96. .menter-a{border-left:2px solid #e94e45;border-bottom:1px solid #dcdee0;background-color:#fff;}
  97. .menter-a a{color:#e94e45;}
  98. .menter-a .tico{border-left:2px solid #a6a7ab;border-bottom:2px solid #a6a7ab;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
  99. .menter-a.on{background-color:#e94e45;border-left:2px solid #e94e45;}
  100. .menter-a.on a{color:#fff;}
  101. .menter-a.on .tico{border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
  102. /*首页颜色*/
  103. .mn_pic_tit_c p{background:#e94e45;}
  105. .m_n_nav {position: relative;width: 100%;}
  106. .m_new_nav {position: relative;background: center top no-repeat;background-size: 320px 100%;width: 100%;min-height: 480px;min-width: 320px;margin: 0 auto;}
  107. .m_n_nav_list {position: absolute;margin: 0 auto;bottom: 30px;width: 100%;}
  108. .n_nav_con {overflow: hidden;margin: 0 10px 10px;}
  109. .n_nav_con a:first-child {float: left;}
  110. .n_nav_con a {display: block;width: 48%;background: rgba(0,0,0,.7);text-align: center;color: #fff;font-size: 17px;padding: 12px 0;word-break: break-word;}
  111. .n_nav_con a:last-child {float: right;}
  113. .page,.pages{text-align:center;padding:15px 0px;}.page a:hover{background:#FF5E52;color:#fff;}
  114. .page a{display:inline-block;height:32px;line-height:32px;padding:0 45px;font-size:14px;color:#fff;background:#ea5a3d;margin-right:8px;border-radius:3px;box-shadow:1px 1px 2px #eee;}
  115. .pnav{text-align:center;margin-top:15px;margin-bottom:15px;}.pnav a{padding:5px 30px;background:#fc901c;color:#fff;border-radius:2px;margin-top:24px;}
  117. .pages li{display:inline-block;height:32px;line-height:32px;text-align:center;font-size:14px;color:#808080;background-color:#f4f4f4;padding-right:10px;padding-left:10px;margin-right:1px;}
  118. .pages .thisclass{display:inline-block;height:32px;padding-right:10px;padding-left:10px;line-height:32px;text-align:center;font-size:14px;color:#fff;background-color:#ea5a3d;}
  119. .pages li:hover,.pages li:hover a{background-color:#ea5a3d;color:#fff;}