Home Explore Help
Register Sign In
zhangxh
/
huozhan_manage
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 1731ba5c86
Branches Tags
huozhan_manage
/
css
/
hj.ui.css

hj.ui.css 31 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213 
  1. html, body{padding: 0; margin: 0;}

    2. 

  2. body {font-size:12px; color: #342c2a; font-family:"Microsoft YaHei","微软雅黑", Arial, Geneva, sans-serif;}

    3. 

  3. a{cursor: pointer;display: inline-block;}

    4. 

  4. a:link{text-decoration: none; color:#3b5998;}

    5. 

  5. a:visited{text-decoration: none; color:#3b5998;}

    6. 

  6. a:hover{text-decoration: none; color:#f39800;}

    7. 

  7. a:active{text-decoration: none; color:#3b5998;}

    8. 

  8. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0; margin:0; font-style:normal;}

    9. 

  9. img{border:0;}

    10. 

  10. ul,ol{list-style: none;}

    11. 

  11. i,em{font-style: normal;}

    12. 

  12. .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;line-height:0;font-size:0;}

    13. 

  13. .clearfix{display:inline-block;}

    14. 

  14. .clearfix2:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

    15. 

  15. .clearfix2{zoom:1;}

    16. 

  16. .clear{clear: both;}

    17. 

  17. .contentTxt{display: none;}

    18. 

  18. .inline{display:-moz-inline-stack; -moz-box-align:center; display:inline-block; +display:inline; zoom:1; vertical-align:middle;}

    19. 

  19. .lFloat{float: left;}

    20. 

  20. .rFloat{float: right;}

    21. 

  21. .white-bg{background:#fff;}

    22. 

  22. .middle{vertical-align: middle;}

    23. 

  23. .header{background: #342c2a; padding:5px 10px; line-height: 30px; zoom:1; border-bottom: 1px solid #fff;}

    24. 

  24. .header:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

    25. 

  25. .header, .header a, .header a:visited{color: #fff;}

    26. 

  26. .laymid{width: 1000px; margin: 0 auto;}

    27. 

  27. .footer{text-align: center; font-size: 14px; padding:20px; background: #28292d;}

    28. 

  28. .footer, .footer a, .footer a:visited{color: #9fa0a0;}

    29. 

  29. @media screen and (min-width: 1024px) {

    30. 

  30. 	.header, .footer{min-width: 1200px;}

    31. 

  31.     .laymid{width: 1200px; margin: 0 auto;}

    32. 

  32. }

    33. 

  33. @media screen and (max-width: 1024px) {

    34. 

  34. 	.header,.footer{min-width: 1000px;}

    35. 

  35. }

    36. 

  36. .logo{display: block; background: url(../img/logo.png) no-repeat; width: 92px; height:30px; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png'); }

    37. 

  37. .logo h1,.web-logo h1{text-indent: -9999px; font-size: 0; overflow: hidden; line-height: 0;}

    38. 

  38. .userHead{border-radius: 50%; width:20px; height:20px; margin-right: 10px; background: #fff; border:1px solid #fff; overflow: hidden; text-align: center; line-height: 36px; display:-moz-inline-stack; -moz-box-align:center; display:inline-block; +display:inline; zoom:1; vertical-align:middle;}

    39. 

  39. .userHead>img{width: 100%; height: 100%; border: none; background-size: 100%;}

    40. 

  40. .wrapMain{margin: 20px 0;}

    41. 

  41. .wrap{overflow: hidden;}

    42. 

  42. .leftWrap, .mainWrap{margin-bottom: -10000px; padding-bottom: 10000px;}

    43. 

  43. .leftWrap{width: 140px; float: left; background: #f2f2f2;height: 100%; height: -webkit-calc((100% - 43px*1) / 1); height: calc((100% - 43px*1) / 1);}

    44. 

  44. .mainWrap{margin-left: 140px;}

    45. 

  45. .mainContent{padding: 20px;}

    46. 

  46. .guid{background:#f2f2f2; padding: 10px;}

    47. 

  47. .menu, .menu ul{list-style: none;}

    48. 

  48. .menu>li a, .publicUl>li a{padding: 8px 10px; display: block; border-bottom: 1px solid #f2f2f2;}

    49. 

  49. .menu>li>a, .publicUl>li>a{background-color: #828282;}

    50. 

  50. .menu>li>a{font-size: 14px; color: #fff;}

    51. 

  51. .menu>li>a.active{background: #a99358;}

    52. 

  52. .menu>li>a>img{margin-right: 10px;}

    53. 

  53. .menu a>img, .menu a>span{vertical-align: middle;}

    54. 

  54. .menu ul{padding:5px 0;}

    55. 

  55. .menu ul>li>a{border-bottom: none; color: #999; padding: 5px 10px 5px 25px;}

    56. 

  56. .menu ul>li>a:hover, .menu ul>li>a.active{color: #a99358}

    57. 

  57. 

    58. 

  58. /*加载*/

    59. 

  59. .preloader-indicator-overlay{position:absolute;top:0;left:0;z-index:10600;width:100%;height:100%;visibility:hidden;background:rgba(0,0,0,.4);opacity:0;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}

    60. 

  60. .preloader-indicator-overlay.modal-overlay-visible{visibility:visible;opacity:1}

    61. 

  61. .preloader-indicator-overlay{visibility:visible;background:rgba(0,0,0,.4);opacity:.1}

    62. 

  62. .preloader-indicator-modal{position:absolute;top:50%;left:50%;z-index:11000;padding:.4rem;margin-top:-1.25rem;margin-left:-1.25rem;background:rgba(0,0,0,.8);border-radius:.25rem}

    63. 

  63. .preloader-indicator-modal .preloader{display:block;width:1.7rem;height:1.7rem}

    64. 

  64. .preloader{display:inline-block;width:1rem;height:1rem;-webkit-transform-origin:50%;-ms-transform-origin:50%;-o-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s steps(12,end) infinite;-o-animation:preloader-spin 1s steps(12,end) infinite;animation:preloader-spin 1s steps(12,end) infinite}

    65. 

  65. .preloader:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}

    66. 

  66. .preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

    67. 

  67. @-webkit-keyframes preloader-spin{100%{-webkit-transform:rotate(360deg)}

    68. 

  68. }

    69. 

  69. @-o-keyframes preloader-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}

    70. 

  70. }

    71. 

  71. @keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

    72. 

  72. }

    73. 

  73. 

    74. 

  74. .table{width: 100%;}

    75. 

  75. .table th{font-weight: bold; font-size: 14px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}

    76. 

  76. .table th.lastTh{border-right: none;}

    77. 

  77. .table th, .table td{padding: 10px;}

    78. 

  78. .table td{text-align: center; font-size: 12px;}

    79. 

  79. .table tr:nth-child(even), .table tr.trSplit{background: #f9f9f9;}

    80. 

  80. .table tr.trHover{background: #f4f4f4;}

    81. 

  81. .table th.left, .table td.left{text-align: left;}

    82. 

  82. .table th.center, .table td.center{text-align: center;}

    83. 

  83. .table th.right, .table td.right{text-align: right;}

    84. 

  84. .table td.pl20{padding-left: 20px;}

    85. 

  85. .noInfo{height:300px; line-height: 300px; text-align:center; color:#ccc;}

    86. 

  86. 

    87. 

  87. .ulFrm, .ulFrmCross, .ulFrmTwo{list-style: none;}

    88. 

  88. .ulFrm>li, .ulFrmTwo>li{padding: 10px 0;}

    89. 

  89. .ulFrmTwo>li{float: left; width: 50%;}

    90. 

  90. .ulFrmCross>li{float: left; margin-right: 10px;}

    91. 

  91. .p85, li.p85{padding-left: 85px;}

    92. 

  92. .p125, li.p125{padding-left: 125px;}

    93. 

  93. .p145, li.p145{padding-left: 145px;}

    94. 

  94. .p105, li.p105{padding-left: 105px;}

    95. 

  95. .label{color:#888; display:-moz-inline-stack; -moz-box-align:center; display:inline-block; +display:inline; zoom:1; vertical-align:middle;}

    96. 

  96. .label>em{color: #f00;}

    97. 

  97. .labelW80{width: 80px;}

    98. 

  98. .labelW100{width: 100px;}

    99. 

  99. .labelW120{width: 120px;}

    100. 

  100. .labelW140{width: 140px;}

    101. 

  101. .labelRight{text-align: right;}

    102. 

  102. .alignTop{vertical-align: top;}

    103. 

  103. 

    104. 

  104. /*form style*/

    105. 

  105. .text{border:1px solid #d3d3d3; display: inline-block; outline: 0 none;}

    106. 

  106. .borderRadius{display:inline-block; position: relative; z-index: 0; background-repeat: no-repeat; border: 1px solid #d3d3d3; background-color: #fff; vertical-align: middle; outline: 0 none;}

    107. 

  107. .borderRadius input,.borderRadius textarea{float: left; border:0 none !important;}

    108. 

  108. .borderRadius .text{font-size: 12px; padding:6px 10px 7px !important; display: inline-block; background-color: transparent;}

    109. 

  109. .textareaRadius{display: inline-block; position: relative; z-index: 0; border:1px solid #c4c4c4; border-radius: 6px; background: #fff; overflow: hidden; vertical-align: middle; outline: 0 none;}

    110. 

  110. .textareaRadius .textarea{width: 100%; font-size: 12px; border:0 none; overflow-y: auto; padding:2px 0; resize: none;}

    111. 

  111. .lInput{cursor:text; z-index:-1;}

    112. 

  112. .borderRadius .inSearch{background:url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20version%3d%221.1%22%20viewBox%3d%220%200%2088.7%20115.5%22%20enable-background%3d%22new%200%200%2088.7%20115.5%22%20xml%3aspace%3d%22preserve%22%3e%3cpath%20fill%3d%22%23C2C1C1%22%20d%3d%22M87.9%2c108.7L63.4%2c71.1c9.5-7.2%2c15.7-18.7%2c15.7-31.5C79.1%2c17.7%2c61.4%2c0%2c39.6%2c0C17.7%2c0%2c0%2c17.7%2c0%2c39.6%20%20c0%2c21.8%2c17.7%2c39.6%2c39.6%2c39.6c5.8%2c0%2c11.3-1.3%2c16.3-3.5l24.7%2c37.9c1.3%2c2%2c4.1%2c2.6%2c6.1%2c1.3C88.7%2c113.4%2c89.3%2c110.7%2c87.9%2c108.7z%20M7.6%2c39.6%20%20c0-17.6%2c14.3-31.9%2c31.9-31.9c17.6%2c0%2c31.9%2c14.3%2c31.9%2c31.9c0%2c17.6-14.3%2c31.9-31.9%2c31.9C21.9%2c71.5%2c7.6%2c57.2%2c7.6%2c39.6z%22%2f%3e%3c%2fsvg%3e') center no-repeat; background-size: 50%; display: inline-block !important;padding: 6px 14px 7px !important; position: absolute; top:0px; right:0px; margin: 0 !important; cursor: pointer;}

    113. 

  113. .dateLable{background-image: url(../img/date.png); background-position: right center; background-repeat: no-repeat; padding-right: 25px;}

    114. 

  114. 

    115. 

  115. .select{display: inline-block; vertical-align: middle; position: relative;}

    116. 

  116. .selectbox{width:102px;background-color:#fff; position:relative; display:-moz-inline-stack; -moz-box-align:center; display:inline-block; +display:inline; zoom:1; vertical-align:middle;}

    117. 

  117. .selectubox{background-color:#fff;position:absolute;z-index:999;overflow-y:auto; margin-top: -1px; border:solid #C4C4C4; border-width:1px;}

    118. 

  118. .selecttbox{overflow:hidden;height:26px;border:1px solid #d3d3d3;zoom:1;border:1px solid #C4C4C4;}

    119. 

  119. .selecttext{float:left;overflow:hidden;width:69px;height:26px; padding-left: 5px; text-align:left;border:0 none;line-height:26px;cursor:default}

    120. 

  120. input.selecttext{cursor:text;}

    121. 

  121. .selectimg, .inputimg{float:right;overflow:hidden; width:20px;height:100%;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" viewBox="24.5 0 100 40" enable-background="new 24.5 0 100 40" xml:space="preserve"><polyline fill="none" stroke="#6C6C6C" stroke-width="8" stroke-linecap="round" points="37.5,4 60,33.25 82.5,4 "/></svg>') no-repeat 100% center;text-indent:-9999px;cursor:pointer; z-index:10;}

    122. 

  122. .inputimg{position: absolute; right: 2px; top: 1px;}

    123. 

  123. .selectIcon{display: inline-block; width: 15px; height: 0; padding: 18px 8px 0;/*  background: url(../images/select.png) no-repeat 9999px 9999px; */ vertical-align: middle;}

    124. 

  124. .selectul,.selectul li{overflow:hidden;text-align:left;cursor:default;zoom:1}

    125. 

  125. .selectul{background-color:#fff}

    126. 

  126. .selectul li{height:25px;line-height:25px; padding: 0 3px;}

    127. 

  127. .selectul li.optGroupLi{padding-left:5px;}

    128. 

  128. .selectul li.optgroup{background: #DEE5EE; font-weight: bold; padding-left: 13px;}

    129. 

  129. .Optionselect{background-color:#FEFACB !important;}

    130. 

  130. .selectul li.selected{background-color:#EFEFEF;}

    131. 

  131. 

    132. 

  132. .selectW120{width:120px; margin-right: 5px;}

    133. 

  133. .selectW120 .selecttbox{width:120px;}

    134. 

  134. .selectW120 .selecttext{width: 95px; text-align: left; cursor: pointer;}

    135. 

  135. .selectW120 .selectul li{text-align: center; padding: 0 5px;  list-style: none;}

    136. 

  136. .selectW120 .selectbox{width:auto;}

    137. 

  137. 

    138. 

  138. .selectW320{width:320px; margin-right: 5px;}

    139. 

  139. .selectW320 .selecttbox{width:320px;}

    140. 

  140. .selectW320 .selecttext{width: 295px; text-align: left; cursor: pointer;}

    141. 

  141. .selectW320 .selectul li{text-align: center; padding: 0 5px;  list-style: none;}

    142. 

  142. .selectW320 .selectbox{width:auto;}

    143. 

  143. 

    144. 

  144. /*radio*/

    145. 

  145. label.radiobox{padding-left:22px; display:inline-block; vertical-align:middle; height:18px; line-height:18px; background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="59.5005" y1="-19.25" x2="59.5005" y2="60.816"><stop offset="0" style="stop-color:#FFFFFF"/><stop offset="0.5123" style="stop-color:#B7B7B7"/><stop offset="1" style="stop-color:#FFFFFF"/></linearGradient><circle fill="url(#SVGID_1_)" cx="59.5" cy="20.236" r="44.005"/><circle fill="none" stroke="#999999" stroke-width="8" stroke-linecap="round" cx="59.25" cy="20.236" r="44.005"/><circle fill="none" stroke="#999999" stroke-width="4" stroke-linecap="round" cx="59.25" cy="20.237" r="57"/></g></svg>') left center no-repeat; cursor:pointer;}

    146. 

  146. label.radiobox-disabled{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="59.5005" y1="-19.25" x2="59.5005" y2="60.816"><stop offset="0" style="stop-color:#FFFFFF"/><stop offset="0.5123" style="stop-color:#D1D1D1"/><stop offset="1" style="stop-color:#FFFFFF"/></linearGradient><circle fill="url(#SVGID_1_)" cx="59.5" cy="20.236" r="44.005"/><circle fill="none" stroke="#D1D1D1" stroke-width="8" stroke-linecap="round" cx="59.25" cy="20.236" r="44.005"/><circle fill="none" stroke="#D1D1D1" stroke-width="4" stroke-linecap="round" cx="59.25" cy="20.237" r="57"/></g></svg>') left center no-repeat;}

    147. 

  147. label.radiobox-check{color:#434343;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="59.5005" y1="-19.25" x2="59.5005" y2="60.816"><stop offset="0" style="stop-color:#C5F7FF"/><stop offset="0.5123" style="stop-color:#049CBF"/><stop offset="1" style="stop-color:#C5F7FF"/></linearGradient><circle fill="url(#SVGID_1_)" cx="59.5" cy="20.236" r="44.005"/><circle fill="none" stroke="#049CBF" stroke-width="8" stroke-linecap="round" cx="59.25" cy="20.236" r="44.005"/><circle fill="none" stroke="#049CBF" stroke-width="4" stroke-linecap="round" cx="59.25" cy="20.237" r="57"/></g></svg>') left center no-repeat;}

    148. 

  148. label.radioChange{background-color: #E5E5E5; padding:7px 20px; margin-right: 0; cursor: pointer; display: inline-block;}

    149. 

  149. label.radioChange.radioChange-check{background-color: #276BC3; color: #fff;}

    150. 

  150. 

    151. 

  151. /*checkbox*/

    152. 

  152. label.checkbox,.checkboxs{padding:0 5px 0 22px; display:inline-block; vertical-align:middle; height:20px; line-height:20px; background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.0562" y1="-20.2114" x2="49.0561" y2="62.2226"><stop offset="0" style="stop-color:#FFFFFF"/><stop offset="0.5123" style="stop-color:#D1D1D1"/><stop offset="1" style="stop-color:#FFFFFF"/></linearGradient><path fill="url(#SVGID_1_)" stroke="#636363" stroke-width="5" d="M94.363,55.998c0,5.386-4.366,9.752-9.752,9.752H13.502  c-5.386,0-9.752-4.366-9.752-9.752v-71.109c0-5.386,4.366-9.752,9.752-9.752h71.109c5.386,0,9.752,4.366,9.752,9.752V55.998z"/></svg>') left center no-repeat; cursor:pointer;}

    153. 

  153. label.checkbox-disabled,.checkboxs-disabled{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.0562" y1="-20.2114" x2="49.0561" y2="62.2226"><stop offset="0" style="stop-color:#FFFFFF"/><stop offset="0.5123" style="stop-color:#D1D1D1"/><stop offset="1" style="stop-color:#FFFFFF"/></linearGradient><path fill="url(#SVGID_1_)" stroke="#D1D1D1" stroke-width="5" d="M94.363,55.998c0,5.386-4.366,9.752-9.752,9.752H13.502  c-5.386,0-9.752-4.366-9.752-9.752v-71.109c0-5.386,4.366-9.752,9.752-9.752h71.109c5.386,0,9.752,4.366,9.752,9.752V55.998z"/></svg>') left center no-repeat;}

    154. 

  154. label.checkbox-check,.checkboxs-check{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.0562" y1="-10.2114" x2="49.0561" y2="72.2226"><stop offset="0" style="stop-color:#FFFFFF"/><stop offset="0.5123" style="stop-color:#D1D1D1"/><stop offset="1" style="stop-color:#FFFFFF"/></linearGradient><path fill="url(#SVGID_1_)" stroke="#016A7C" stroke-width="5" d="M94.363,65.998c0,5.386-4.366,9.752-9.752,9.752H13.502  c-5.386,0-9.752-4.366-9.752-9.752V-5.111c0-5.386,4.366-9.752,9.752-9.752h71.109c5.386,0,9.752,4.366,9.752,9.752V65.998z"/><path fill="#00B1CE" stroke="#016A7C" stroke-width="4" stroke-miterlimit="10" d="M13.04,38.491L29.529,20  c0,0,4.638,3.75,15.638,14.5c0,0.25,46.677-66,46.677-66l23.323,16.637L45.833,63.624L13.04,38.491z"/></svg>') left center no-repeat;}

    155. 

  155. 

    156. 

  156. /*pages*/

    157. 

  157. .pagination {text-align:center; list-style:none;border-radius: 4px; vertical-align:middle;}

    158. 

  158. .pagination > li{display:inline;}

    159. 

  159. .pagination > li > a, .pagination > li > span {position: relative;padding: 5px 10px; overflow:hidden; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; vertical-align:middle; background-color: #fff; border: 1px solid #ddd;}

    160. 

  160. .pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

    161. 

  161. .pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

    162. 

  162. .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#fff; background-color: #a99358; border-color: #ddd;}

    163. 

  163. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #fff; cursor: default; background-color: #a99358; border-color: #ddd;}

    164. 

  164. .pagination > li > a:hover, .pagination > li > span:hover{color:#fff; cursor: pointer;}

    165. 

  165. 

    166. 

  166. /*open window*/

    167. 

  167. a.owClose{position: absolute; top: 15px; right: 15px; display: block; height: 11px; width: 13px; background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><g><path fill="#333333" d="M3.833-34.167c0,0,0.514,0.34,1.477,0.977c0.942,0.658,2.359,1.586,4.093,2.84   c3.486,2.487,8.371,6.136,14.05,10.701c5.683,4.561,12.159,10.037,18.914,16.091c1.702,1.5,3.397,3.061,5.114,4.64   c1.723,1.573,3.459,3.173,5.179,4.816c3.478,3.248,6.929,6.63,10.39,10.001c3.415,3.419,6.845,6.822,10.134,10.261   c1.663,1.701,3.292,3.409,4.882,5.117c1.597,1.7,3.186,3.369,4.704,5.055c6.139,6.678,11.693,13.087,16.322,18.715   c4.631,5.625,8.337,10.468,10.864,13.926c1.272,1.72,2.218,3.126,2.886,4.062c0.647,0.956,0.993,1.466,0.993,1.466   s-0.514-0.339-1.478-0.975c-0.943-0.657-2.361-1.585-4.097-2.837c-3.488-2.484-8.376-6.131-14.058-10.693   c-5.684-4.56-12.161-10.035-18.913-16.092c-1.703-1.499-3.392-3.066-5.111-4.643c-1.727-1.569-3.455-3.177-5.176-4.819   c-3.479-3.246-6.923-6.635-10.384-10.008c-3.414-3.42-6.838-6.829-10.127-10.267c-1.664-1.699-3.285-3.416-4.879-5.119   c-1.6-1.697-3.181-3.373-4.702-5.057c-6.136-6.68-11.691-13.089-16.321-18.716c-4.633-5.624-8.342-10.463-10.872-13.919   c-1.274-1.718-2.22-3.124-2.89-4.058C4.179-33.657,3.833-34.167,3.833-34.167z"/></g><g><path fill="#333333" d="M113.834-34.167c0,0-0.346,0.509-0.994,1.464c-0.67,0.934-1.615,2.34-2.89,4.058   c-2.529,3.456-6.238,8.296-10.871,13.919C94.449-9.099,88.895-2.689,82.758,3.991c-1.521,1.684-3.102,3.359-4.702,5.057   c-1.594,1.703-3.215,3.42-4.879,5.119c-3.289,3.438-6.714,6.847-10.127,10.267c-3.461,3.373-6.906,6.762-10.384,10.008   c-1.721,1.643-3.449,3.25-5.175,4.819c-1.72,1.576-3.409,3.144-5.112,4.643c-6.752,6.057-13.229,11.532-18.913,16.092   c-5.681,4.563-10.568,8.209-14.058,10.693c-1.734,1.252-3.153,2.18-4.096,2.837C4.348,74.161,3.834,74.5,3.834,74.5   s0.345-0.51,0.993-1.466c0.668-0.936,1.613-2.342,2.887-4.062c2.526-3.458,6.232-8.301,10.864-13.926   c4.628-5.628,10.183-12.037,16.321-18.715c1.52-1.686,3.107-3.354,4.704-5.055c1.59-1.708,3.219-3.416,4.882-5.117   c3.289-3.438,6.719-6.841,10.134-10.261c3.461-3.372,6.912-6.754,10.39-10.001c1.72-1.643,3.456-3.243,5.179-4.816   c1.716-1.579,3.411-3.14,5.113-4.64c6.754-6.054,13.23-11.53,18.913-16.091c5.68-4.564,10.564-8.214,14.051-10.701   c1.733-1.253,3.151-2.182,4.093-2.84C113.32-33.827,113.834-34.167,113.834-34.167z"/></g></svg>') center no-repeat; text-indent: -999em; z-index: 10002; _display:inline;}

    168. 

  168. a.owClose:hover{background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -40 120 120" enable-background="new -0.5 -40 120 120" xml:space="preserve"><g><path fill="#cccccc" d="M3.833-34.167c0,0,0.514,0.34,1.477,0.977c0.942,0.658,2.359,1.586,4.093,2.84   c3.486,2.487,8.371,6.136,14.05,10.701c5.683,4.561,12.159,10.037,18.914,16.091c1.702,1.5,3.397,3.061,5.114,4.64   c1.723,1.573,3.459,3.173,5.179,4.816c3.478,3.248,6.929,6.63,10.39,10.001c3.415,3.419,6.845,6.822,10.134,10.261   c1.663,1.701,3.292,3.409,4.882,5.117c1.597,1.7,3.186,3.369,4.704,5.055c6.139,6.678,11.693,13.087,16.322,18.715   c4.631,5.625,8.337,10.468,10.864,13.926c1.272,1.72,2.218,3.126,2.886,4.062c0.647,0.956,0.993,1.466,0.993,1.466   s-0.514-0.339-1.478-0.975c-0.943-0.657-2.361-1.585-4.097-2.837c-3.488-2.484-8.376-6.131-14.058-10.693   c-5.684-4.56-12.161-10.035-18.913-16.092c-1.703-1.499-3.392-3.066-5.111-4.643c-1.727-1.569-3.455-3.177-5.176-4.819   c-3.479-3.246-6.923-6.635-10.384-10.008c-3.414-3.42-6.838-6.829-10.127-10.267c-1.664-1.699-3.285-3.416-4.879-5.119   c-1.6-1.697-3.181-3.373-4.702-5.057c-6.136-6.68-11.691-13.089-16.321-18.716c-4.633-5.624-8.342-10.463-10.872-13.919   c-1.274-1.718-2.22-3.124-2.89-4.058C4.179-33.657,3.833-34.167,3.833-34.167z"/></g><g><path fill="#cccccc" d="M113.834-34.167c0,0-0.346,0.509-0.994,1.464c-0.67,0.934-1.615,2.34-2.89,4.058   c-2.529,3.456-6.238,8.296-10.871,13.919C94.449-9.099,88.895-2.689,82.758,3.991c-1.521,1.684-3.102,3.359-4.702,5.057   c-1.594,1.703-3.215,3.42-4.879,5.119c-3.289,3.438-6.714,6.847-10.127,10.267c-3.461,3.373-6.906,6.762-10.384,10.008   c-1.721,1.643-3.449,3.25-5.175,4.819c-1.72,1.576-3.409,3.144-5.112,4.643c-6.752,6.057-13.229,11.532-18.913,16.092   c-5.681,4.563-10.568,8.209-14.058,10.693c-1.734,1.252-3.153,2.18-4.096,2.837C4.348,74.161,3.834,74.5,3.834,74.5   s0.345-0.51,0.993-1.466c0.668-0.936,1.613-2.342,2.887-4.062c2.526-3.458,6.232-8.301,10.864-13.926   c4.628-5.628,10.183-12.037,16.321-18.715c1.52-1.686,3.107-3.354,4.704-5.055c1.59-1.708,3.219-3.416,4.882-5.117   c3.289-3.438,6.719-6.841,10.134-10.261c3.461-3.372,6.912-6.754,10.39-10.001c1.72-1.643,3.456-3.243,5.179-4.816   c1.716-1.579,3.411-3.14,5.113-4.64c6.754-6.054,13.23-11.53,18.913-16.091c5.68-4.564,10.564-8.214,14.051-10.701   c1.733-1.253,3.151-2.182,4.093-2.84C113.32-33.827,113.834-34.167,113.834-34.167z"/></g></svg>') center no-repeat;}

    169. 

  169. .OpenWindow,.owBox{margin-bottom:10px; zoom:1;}

    170. 

  170. .owBj{position:fixed; top:0; left:0; background-color: #000;filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; z-index: 10003;}

    171. 

  171. .owBox{position:fixed;border:1px solid #ccc; background-color: #fff; border-radius:6px; font:normal 12px "Microsoft YaHei","微软雅黑",sans-serif;}

    172. 

  172. .owTitle{overflow:hidden; zoom:1;}

    173. 

  173. .owtName{border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; height: 35px; line-height: 35px; margin:0 10px; color:#333; display: block;}

    174. 

  174. .owContent{padding:10px; background-color: #fff; min-height: 100px; border-radius:6px;}

    175. 

  175. .errorTips{position: relative; background: #f9f9f9; padding: 10px; display: none;}

    176. 

  176. .errorTips>.icon{background-size: 90%; width: 25px; height: 25px; margin-right: 5px;}

    177. 

  177. .errorTips>.icon.iError{background-position: left -22px;}

    178. 

  178. 

    179. 

  179. /*alert skin*/

    180. 

  180. .Uialert_Bbox{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;_position:fixed;}

    181. 

  181. .Uialert_bj{position:fixed;top:0;bottom:0;left:0;z-index:99998;width:100%;background-color:#000; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

    182. 

  182. .Uialert_box{position:fixed;top:20%;left:-9999px;z-index:99999; border-radius:6px; border:1px solid #d1d1d1; overflow:hidden;}

    183. 

  183. .Uialert_nav{overflow:hidden;background-color:#fff;zoom:1}

    184. 

  184. .Uialert_Nleft{float:left;overflow:hidden;padding:20px 0 10px 20px;}

    185. 

  185. .Uialert_Tspan{font-size:16px; margin-bottom:5px; color:#030000;}

    186. 

  186. .Uialert_Nright{margin:20px 10px 0 80px;min-width:200px; color:#666; word-wrap:break-word;word-break:break-all;}

    187. 

  187. .Uialert_button{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top:10px; background:#fff;}

    188. 

  188. .Uialert_button>input{padding:12px 20px; border:none; background:#3b5998; color:#fff; font-size:16px; cursor:pointer;}

    189. 

  189. .Uialert_button>input.one{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

    190. 

  190. .Uialert_button>input.two{-webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2;}

    191. 

  191. .Uialert_button>input.line{border-right:1px solid #fff;}

    192. 

  192. .Uialert_button>input.disabled{background: #B5B5B6;}

    193. 

  193. 

    194. 

  194. .icon{display:-moz-inline-stack; -moz-box-align:center; display:inline-block; +display:inline; zoom:1; vertical-align:middle;}

    195. 

  195. .iOk, .iError, .iInfo{width:45px; height:45px;}

    196. 

  196. .iOk{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-25 -40 120 120" enable-background="new -25 -40 120 120" xml:space="preserve"><path fill="#008000" d="M35-39.553c-33.137,0-60,26.863-60,60s26.863,60,60,60s60-26.863,60-60S68.137-39.553,35-39.553z   M68.145,5.259L28.223,45.181c-1.321,1.321-3.054,1.979-4.786,1.977c-1.734,0.005-3.47-0.653-4.793-1.977L1.856,28.395  c-2.636-2.636-2.636-6.91,0-9.545c2.636-2.637,6.91-2.636,9.546,0l12.031,12.03L58.598-4.287c2.637-2.636,6.91-2.636,9.547,0  S70.779,2.624,68.145,5.259z"/></svg>') left center no-repeat;}

    197. 

  197. .iError{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-25 -40 120 120" enable-background="new -25 -40 120 120" xml:space="preserve"><path fill="#E50000" d="M35-39.553c-33.137,0-60,26.863-60,60s26.863,60,60,60c33.137,0,60-26.863,60-60S68.137-39.553,35-39.553z   M70.185,49.975c1.562,1.562,1.562,4.095,0,5.656c-1.563,1.563-4.096,1.563-5.658,0L35,26.104L5.474,55.631  c-1.563,1.563-4.096,1.563-5.658,0c-1.562-1.562-1.562-4.095,0-5.656l29.527-29.528L-0.184-9.08c-1.562-1.562-1.562-4.095,0-5.657  s4.095-1.562,5.657,0L35,14.79l29.526-29.527c1.563-1.562,4.096-1.562,5.658,0c1.562,1.562,1.562,4.095,0,5.657L40.657,20.447  L70.185,49.975z"/></svg>') left center no-repeat;}

    198. 

  198. .iInfo{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-25 -40 120 120" enable-background="new -25 -40 120 120" xml:space="preserve"><path fill="#0092CC" d="M35.222-40c-33.137,0-60,26.863-60,60c0,33.137,26.863,60,60,60c33.136,0,60-26.863,60-60  C95.222-13.138,68.358-40,35.222-40z M36.223,64.833c-4.326,0-7.833-3.507-7.833-7.833c0-4.327,3.507-7.834,7.833-7.834  s7.833,3.507,7.833,7.834C44.056,61.326,40.549,64.833,36.223,64.833z M35.222,43.5c-6.075,0-11-56-11-56c0-6.075,4.925-11,11-11  c6.076,0,11,4.925,11,11C46.223-12.5,41.298,43.5,35.222,43.5z"/></svg>') left center no-repeat;}

    199. 

  199. .info{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-25 -40 120 120" enable-background="new -25 -40 120 120" xml:space="preserve"><path fill="#E4EEEF" d="M35.222-40c-33.137,0-60,26.863-60,60c0,33.137,26.863,60,60,60c33.136,0,60-26.863,60-60  C95.222-13.138,68.358-40,35.222-40z M36.223,64.833c-4.326,0-7.833-3.507-7.833-7.833c0-4.327,3.507-7.834,7.833-7.834  s7.833,3.507,7.833,7.834C44.056,61.326,40.549,64.833,36.223,64.833z M35.222,43.5c-6.075,0-11-56-11-56c0-6.075,4.925-11,11-11  c6.076,0,11,4.925,11,11C46.223-12.5,41.298,43.5,35.222,43.5z"/></svg>') left center no-repeat;width: 20px; height: 20px; margin-right: 10px;}

    200. 

  200. 

    201. 

  201. .uploadify{border:1px solid #ccc;position:relative;display:-moz-inline-stack;-moz-box-align:center;display:inline-block;+display:inline;}

    202. 

  202. .uploadify-button{ font:700 12px Arial,Helvetica,sans-serif;text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,.25);}

    203. 

  203. .uploadify object{left:0;}

    204. 

  204. .upload_img{position: absolute; top: 0; left: 0; z-index: 2; background: #fff; width: 100%; height: 100%; display: none;}

    205. 

  205. .upload_img>img{width: 100%; height: 100%;}

    206. 

  206. .uploadify-button.disabled{background-color:#D0D0D0;color:gray}

    207. 

  207. .uploadify-queue{margin-bottom:1em}

    208. 

  208. .uploadify-queue-item{background-color:#F5F5F5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font:11px Verdana,Geneva,sans-serif;margin-top:5px;max-width:350px;padding:10px}

    209. 

  209. .uploadify-error{background-color:#FDE5DD!important}

    210. 

  210. .uploadify-queue-item .cancel a{background:url(/img/uploadify-cancel.png) 0 0 no-repeat;float:right;height:16px;text-indent:-9999px;width:16px}

    211. 

  211. .uploadify-queue-item.completed{background-color:#E5E5E5}

    212. 

  212. .uploadify-progress{background-color:#E5E5E5;margin-top:10px;width:100%}

    213. 

  213. .uploadify-progress-bar{background-color:#09F;height:3px;width:1px}
    214.