Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
Amoy2
/
sr-iHealthApp
İzle 2
Yıldızla 0
Çatalla 0
Dosyalar
Dal: master
Dallar Biçim İmleri
sr-iHealthApp
/
common
/
css
/
cyc.css

cyc.css 6.5 KB
Kalıcı Bağlantı Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 
  1. /*cyc 20160803*// /*通用*/
    2. 

  2. 

  3. .pb120 {
    4. 

  4. padding-bottom: 120px;
    5. 

  5. }
    6. 

  6. .m0 { margin: 0 !important; }/*间距0*/
    7. 

  7. .mt10{ margin: 10px 0px;}
    8. 

  8. .m10 { margin: 10px; }
    9. 

  9. .p10 { padding: 10px; }
    10. 

  10. .btm { position: fixed; bottom: 0; left: 0; width: 100%; }
    11. 

  11. .btm .text { display: block; border-radius: 5px; width: 90%; margin: 0 5%; padding: 0 5%; box-sizing: border-box; line-height: normal; font-size: 14px; height: 36px; background: #fff; border: 1px #ddd solid; text-align: center; }
    12. 

  12. .border0 { border: none }/*不要边框*/
    13. 

  13. /*cyc通用*/
    14. 

  14. /*.tityx{width: 28px;height:  28px;border-radius: 50%;text-align: center;line-height: 1.1rem;color: #fff;display: inline-block;} */
    15. 

  15. .wdtj{height: 116px;}
    16. 

  16. .wdtj .div-item1{width: 49.5%;height:100%;float:left;border-right: 1px solid #dcdcdc;position: relative;}
    17. 

  17. .wdtj .div-item2{width: 50%;height:100%;float:left;}
    18. 

  18. .div-item2 .div-item{height: 49.5%;border-bottom: 1px solid #dcdcdc;padding-left: 10px;position: relative;}
    19. 

  19. .div-item2 .div-item22{height: 50%;padding-left: 10px;position: relative;}
    20. 

  20. .wdtj .div-title{font-size:15px;height:36px;line-height:36px;color:#323232;font-weight:bold;}
    21. 

  21. .wdtj .div-remark{font-size:10px;color:#909090;}
    22. 

  22. .icon-cyc { display: inline-block; vertical-align: middle;width: 22px;height: 22px; background:center  no-repeat; background-size: auto 100%;}
    23. 

  23. .icon-cyc.admin-a1 { background-image: url(../../html/home/images/qianyuemubiao_icon.png); position: absolute;width: 60px;height: 60px;background-size: 60px;left: 50%;margin-left: -30px;top: 5px;}
    24. 

  24. .qyfx {font-size:15px;height:36px;line-height:36px;color:#323232;font-weight:bold;position:absolute;left:50%;margin-left: -30px;top:63px;}
    25. 

  25. .qywcqk{font-size:10px;color:#909090;position:absolute;left:50%;margin-left: -48px;top:92px;}
    26. 

  26. .icon-cyc.admin-a2 { background-image: url(../../html/home/images/qianyuejuming_icon.png);width:45px;height:45px;background-size:45px;position:absolute;right:5px;top:50%;margin-top:-22px; }
    27. 

  27. .icon-cyc.admin-a3 { background-image: url(../../html/home/images/tuigaiqianyue_icon.png);width:45px;height:45px;background-size:45px;position:absolute;right:5px;top:50%;margin-top:-22px;}
    28. 

  28. .icon-cyc.admin-a4 { background-image: url(../../images/admin_4_1.png); }
    29. 

  29. .icon-cyc.admin-a5 { background-image: url(../../html/home/images/jixiaoguanli_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    30. 

  30. .icon-cyc.admin-a6 { background-image: url(../../html/home/images/jigouguanli_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    31. 

  31. .icon-cyc.admin-a7 { background-image: url(../../html/home/images/icon_3_1.png); width: 100%; height: 100%; }
    32. 

  32. .icon-cyc.admin-a8 { background-image: url(../../html/home/images/huanzheguanli_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    33. 

  33. .icon-cyc.admin-a9 { background-image: url(../../html/home/images/qianyuguanli_hui_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    34. 

  34. .icon-cyc.admin-a10 { background-image: url(../../html/home/images/yishengguanli_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    35. 

  35. .icon-cyc.admin-a11 { background-image: url(../../html/home/images/mingyiguanli_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    36. 

  36. .icon-cyc.admin-a12 { background-image: url(../../html/home/images/yeweifenxi_icon.png); width: 40px; height: 40px; background-size: 40px; margin-top: 10px;}
    37. 

  37. .icon-cyc.admin-a13 { background-image: url(../../html/home/images/yishenshiyong_hui_icon.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    38. 

  38. .icon-cyc.admin-a14 { background-image: url(../../html/home/images/icon_zixunfenxi.png); width: 40px; height: 40px; background-size: 40px; margin-top: 10px; }
    39. 

  39. .icon-cyc.admin-sbjb { background-image: url(../../html/home/images/jiebangshebei.png); width: 30px; height: 30px; background-size: 30px; margin-top: 10px; }
    40. 

  40. .icon-cyc.ranking { background-image: url(../../images/qianyuetongji_icon.png); }
    41. 

  41. .icon-cyc.book { background-image: url(../../images/wodegongzuo_icon.png); background-size: 100% auto; }
    42. 

  42. .icon-cyc.ground { background-image: url(../../images/tit3.png); background-size: 100% auto; }
    43. 

  43. .icon-cyc.sex { background-image: url(../../images/tit4.png); background-size: 100% auto; }
    44. 

  44. .icon-cyc.people{ background-image: url(../../images/tit5.png);background-size: 100% auto; }
    45. 

  45. .icon-cyc.fwfx { background-image: url(../../images/fuwufenxi_icon.png); }
    46. 

  46. /*background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */*/
    47. 

  47. /*扇型*/
    48. 

  48. .radiv cite { position: relative; float: left; }
    49. 

  49. .rotate1 { top: 0; left: 0; position: absolute; width: 100px; height: 100px;clip: rect(0px,50px,100px,0px); border-radius: 100px; background-color: yellow;z-index: 3; }
    50. 

  50. .rotate2 { top: 0; left: 0; position: absolute; width: 100px; height: 100px; transform: rotate(-00deg); -webkit-transform: rotate(0deg); clip: rect(0px,50px,100px,0px); border-radius: 100px; background-color: #dddddd; z-index: 5;}
    51. 

  51. .rotate3 { top: 0; left: 0; position: absolute; width: 100px; height: 100px; transform: rotate(180deg); -webkit-transform: rotate(180deg); clip: rect(0px,50px,100px,0px); border-radius: 100px; background-color: yellow;  z-index: 3; }
    52. 

  52. .rotate4 { top: 0; left: 0; position: absolute; width: 100px; height: 100px; /*transform: rotate(-00deg);*/
    53. 

  53. clip: rect(0px,50px,100px,0px); border-radius: 100px; background-color: yellow;z-index: 4; }
    54. 

  54. .fzabout { height: auto;  padding: 0;}
    55. 

  55. .fzabout cite { width: 100px; height: 100px; display: block; position: relative; margin: 0 auto; }
    56. 

  56. .fzabout cite .bg{ position: absolute;left:0;top:0;  width: 100px; height: 100px; background: #dddddd; z-index: 2; border-radius: 100%;}
    57. 

  57. .fzabout cite.a1 .fontdiv font{ color: #4cb7b2;}
    58. 

  58. .fzabout cite.a2 .fontdiv font{ color: #da5550;}
    59. 

  59. .fzabout cite.a3 .fontdiv font{ color: #bf954d;}
    60. 

  60. .fzabout cite.a1 .rotate1,.fzabout cite.a1 .rotate3,.fzabout cite.a1 .rotate4{background-color: #4cb7b2;}
    61. 

  61. .fzabout cite.a2 .rotate1,.fzabout cite.a2 .rotate3,.fzabout cite.a2 .rotate4{background-color: #da5550;}
    62. 

  62. .fzabout cite.a3 .rotate1,.fzabout cite.a3 .rotate3,.fzabout cite.a3 .rotate4{background-color: #bf954d;}
    63. 

  63. 

  64. 

  65. .fzabout .fontdiv { position: absolute; width: 90px; height: 90px; overflow: hidden; left: 5px; top: 5px; z-index: 10; font-style: normal; font-size: 12px; background: #fff; border-radius: 50%; }
    66. 

  66. .fzabout .fontdiv font { display: block; font-style: normal; font-size: 21px; margin: 16px 0 5px 0; }
    67. 

  67. .fzabout .fontdiv span { display: block; font-style: normal; font-size: 16px; }
    68. 

  68. .fzabout dl { overflow: hidden; }
    69. 

  69. .fzabout dl dd { margin: 10px 0; }
    70. 

  70. .fzabout dl dt strong{ font-weight: normal; font-size: 16px;}
    71.