global.css 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*这里是调用友价商城系统手机版全站的样式,不受模板等影响,就是不管哪个模板,都是需要这些共用样式的 www.yj99.cn 请勿修改,否则影响全站*/
  2. @charset "gb2312";
  3. body{margin:0;font-size:12px;text-align:center;}
  4. p{margin:2pt 0 0 0;}
  5. *{margin:0 auto;padding:0;}
  6. ul{list-style-type:none;margin:0;padding:0;}
  7. form{margin:0;}
  8. table{font-size:12px;}
  9. input,select{outline: medium none;}
  10. .tjinput{-webkit-appearance:none;border-radius:0;}
  11. a{color:#000;text-decoration:none;}
  12. .red{color:#ff0000;}
  13. .feng{color:#ff6600;}
  14. .green{color:green;}
  15. .blue{color:blue;}
  16. .hui{color:#999;}
  17. .ggbox{margin:10px 0 0 0;}
  18. .ggnei{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0;}
  19. .ggnei .ad1 img{width:calc(100%);}
  20. .flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
  21. .clear{width:100%;display:-webkit-box;display:-moz-box;display:box;}
  22. .clear10{margin-top:10px;}
  23. .clear15{margin-top:15px;}
  24. .yjcode{max-width:600px;}
  25. pre{white-space:pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  26. .box{display:-webkit-box;display:-moz-box;display:box;text-align:left;}
  27. #zhezhao{left:0;right:0;top:0;bottom:0;background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;display:none;z-index:8;}
  28. .glotop{background-color:#FBFBFB;height:43px;color:#333;border-bottom:#DDDDDD solid 1px;}
  29. .glotop .d1{margin:11px 0 0 10px;width:30px;}
  30. .glotop .d2{margin:10px 0 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:18px;text-align:center;}
  31. .glotop .d3{margin:9px 10px 0 0;width:30px;text-align:right;}
  32. .glotop .d3 img{height:25px;}
  33. .glotop .d4{margin:12px 10px 0 0;width:30px;text-align:right;font-size:14px;}
  34. .glotop .d4 a{color:#333;}
  35. /*返回头部*/
  36. .return-top{position:fixed;bottom: 4rem;right: 1rem;width: 2rem;height: 2rem;border-radius: 50%;color: #fff;background:url(../img/new-top.png) no-repeat rgba(51,51,51,.8);background-size: .7rem,.7rem;background-position: 50%;z-index: 999;}
  37. /*图片切换*/
  38. .addWrap{ position:relative; width:100%;}
  39. .addWrap img{width:100%;}
  40. .addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
  41. .addWrap .swipe-wrap{overflow:hidden;position:relative;}
  42. .addWrap .swipe-wrap div {float: left;width: 100%;position:relative;}
  43. #position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
  44. #position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
  45. #position li.cur{background-color:#FF0000;}
  46. .img-responsive {display: block; max-width: 100%; height: auto;}
  47. /*分页*/
  48. .page{margin:10px 0 0 0;padding:0;border-top:#E1E6EB solid 1px;border-bottom:#E1E6EB solid 1px;height:40px;text-align:center;background-color:#fff;}
  49. .page div{margin:0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:14px;padding:12px 0 0 0;border-right:#E1E6EB solid 1px;}
  50. .page div a{float:left;width:100%;color:#FF4A00;}
  51. .page .ohave{color:#ff6600;font-size:16px;}
  52. /*QQ弹窗*/
  53. .qqtang{background-color:#F5F8FE;line-height:none;padding:10px 0;text-align:left;float:left;border-radius:10px;font-size:12px;}
  54. .qqtang .qqtang1{float:left;margin:2px 0 0 10px;font-size:14px;}
  55. .qqtang .qqtang2{float:right;width:58px;padding:2px 0 0 0;height:23px;text-align:center;margin-right:10px;border:#E5E5E5 solid 1px;background-color:#fff;}
  56. .qqtang .qqtang4{float:left;margin:10px 10px 0 10px;width:calc(100% - 20px);padding:7px 0 0 0;line-height:20px;border-top:#BCCCED dotted 1px;}