index.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632
  1. 
  2. /***<jscompress sourcefile="AboutUs.css" />*/
  3. /*浏览器版本提示*/
  4. .U_MD_D_A { overflow: hidden; display: none; }
  5. .U_MD_D_A_O { background-color: White; width: 970px; height: 578px; font-family: 微软雅黑; overflow: hidden; }
  6. .U_MD_D_A_OI { width: 127px; height: 98px; background-position: -1029px -16px; margin: auto; margin-top: 20px; }
  7. .U_MD_D_A_OK { width: 100%; margin-top: 20px; color: #989898; font-family: arial,sans-serif; font-size: 14px; text-align: center; }
  8. .U_MD_D_A_OC { width: 795px; height: 165px; margin: 40px auto 0 auto; }
  9. .U_MD_D_A_OCI { margin-left: 80px; float: left; }
  10. .U_MD_D_A_OCIS { width: 95px; height: 95px; cursor: pointer; }
  11. .U_MD_D_A_OCIX { margin-top: 14px; width: 90px; height: 18px; line-height: 18px; font-size: 16px; text-align: center; }
  12. .U_MD_D_A_OCID { cursor: pointer; font-family: arial,sans-serif; width: 88px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; margin-top: 10px; border: 1px solid #e4e4e4; color: #0085D9; }
  13. .U_MD_D_A_OCID:hover { background-color: #0085D9; color: White; }
  14. .U_MD_D_A_OCISL { background-position: -1177px -14px; }
  15. .U_MD_D_A_OCISC { background-position: -1031px -135px; }
  16. .U_MD_D_A_OCISF { background-position: -1033px -246px; }
  17. .U_MD_D_A_OCISJ { background-position: -1150px -135px; }
  18. .U_MD_D_A_OCISB { background-position: -1155px -247px; }
  19. .U_MD_D_A_OCN { font-size: 14px; margin-top: 45px; width: 100%; text-align: center; font-family: arial,sans-serif; }
  20. .U_MD_D_A_OCN span { color: #00CA1C; }
  21. .U_MD_D_A_OCM { margin-top: 36px; width: 100%; font-family: arial,sans-serif; color: #A3A3A3; text-align: center; }
  22. .U_MD_D_A_OCM span { font-family: 微软雅黑; }
  23. .U_MD_D_A_OCM div { margin: 7px; }
  24. /*关于我们*/
  25. .U_MD_D_A_OT { font-family: 宋体; width: 807px; height: 510px; background-color: White; top: 25px; left: 100px; padding: 12px 50px 23px 50px; display: none; }
  26. .U_MD_D_A_OT_T { width: 230px; height: 65px; margin: 0 auto 0 auto; }
  27. .U_MD_D_A_OT_C { margin-top: 21px; height: 385px; }
  28. .U_MD_D_A_OT_CO { float: left; width: 300px; }
  29. .U_MD_D_A_OT_COM { margin-left: 30px; width: 266px; }
  30. .U_MD_D_A_OT_COMO { margin-left: 30px; width: 175px; }
  31. .U_MD_D_A_OT_COT { font-family: 微软雅黑; width: 100%; font-size: 22px; }
  32. .U_MD_D_A_OT_COTO { font-size: 14px; width: 100%; margin-top: 30px; font-weight: 700; }
  33. .U_MD_D_A_OT_COTT { font-size: 14px; font-weight: 700; margin-top: 34px; }
  34. .U_MD_D_A_OT_COTS { margin-top: 20px; }
  35. .U_MD_D_A_OT_COTS span { font-weight: 700; }
  36. .U_MD_D_A_OT_COTZ { font-weight: 700; margin-top: 30px; }
  37. .U_MD_D_A_OT_COTZ span { color: #0078FD; font-weight: normal; cursor: pointer; }
  38. .U_MD_D_A_OT_COTZ span:hover { text-decoration: underline; }
  39. .U_MD_D_A_OT_COTB { margin-top: 30px; }
  40. .U_MD_D_A_OT_COC { margin-top: 14px; line-height: 23px; font-family: '微软雅黑'; }
  41. .U_MD_D_A_OT_COC span { color: #0078FD; }
  42. .U_MD_D_A_OT_COC ul { margin: 0; }
  43. .U_MD_D_A_OT_COC li { margin-top: 2px; cursor: pointer; }
  44. .U_MD_D_A_OT_COCO { color: #0078FD; }
  45. .U_MD_D_A_OT_COCOO { padding: 0 107px 0 72px; }
  46. .U_MD_D_A_OT_COCT { padding-left: 15px; }
  47. .U_MD_D_A_OT_COCS { margin-top: 1px; }
  48. .U_MD_D_A_OT_COCSO { cursor: pointer; }
  49. .U_MD_D_A_OT_COCSO:hover { text-decoration: underline; }
  50. .U_MD_D_A_OT_X { color: #888; margin: 25px auto 0 auto; width: 285px; text-align: center; }
  51. .U_MD_D_A_OT_X div { margin-top: 12px; }
  52. /*用户协议*/
  53. .U_MD_D_AG { padding: 0 5px 5px 20px; background-color: White; display: none; }
  54. .U_MD_D_AG_P { font-family: 宋体; font-size: 14px; line-height: 25px; margin: 0; padding: 0; }
  55. .U_MD_D_AG_P pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  56. /***<jscompress sourcefile="Desktop.css" />*/
  57. /*整体样式*/
  58. html {}
  59. html, body { cursor:default; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; width: 100%; font-size: 12px; font-family: lucida, "Hiragino Sans GB" , "微软雅黑" , "WenQuanYi Micro Hei" , sans-serif; color: #333; background-color:#FFF; }
  60. textarea, div[contentEditable='true'], input, div[class='UF_FW_Message U_MD_D_YesText'] div[class='U_MD_F_H_Z'] { outline: none; -khtml-user-select: text; -moz-user-input: enabled; -moz-user-focus: -moz-all; -webkit-user-select: text; -moz-user-select: -moz-all; -ms-user-select: text; cursor: text; }
  61. input[type="button"] { border: 0; }
  62. span { text-decoration: none; text-overflow: ellipsis; overflow: hidden; }
  63. /* 自定义滚动条样式 */
  64. body div ::-webkit-scrollbar { width: 12px; /*height: 12px 隐藏下方的滚动条*/}
  65. body div ::-webkit-scrollbar-button:vertical { display: none; }
  66. body div ::-webkit-scrollbar:vertical { background-color: #fff; }
  67. body div ::-webkit-scrollbar-track-piece { background: #fff; }
  68. body div ::-webkit-scrollbar-thumb { background-color: #8E8E8E; border-radius: 5px; }
  69. body div ::-webkit-scrollbar-thumb:hover { background-color: #3B3B3B; }
  70. body div ::-webkit-scrollbar-corner:vertical { background-color: #535353; }
  71. body div ::-webkit-scrollbar-resizer:vertical { background-color: #FF6E00; }
  72. /*主样式*/
  73. .usestudio { margin: 0; padding: 0; border: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: White; }
  74. .usestudio_server { margin: 0; padding: 0; border: 0; width: 0; height: 0; cursor: default; -webkit-text-size-adjust: none; overflow:hidden; }
  75. .ErrorTip{ display:block;font-style:normal; height:21px; line-height:21px; margin-top:-23px; font-size:12px; color:#222; cursor:text;width: 250px; }/*提示区域*/
  76. /* ie */
  77. .Scrollbar { overflow: auto; scrollbar-arrow-color: #757778; scrollbar-face-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-highlight-color: #bec1c4; scrollbar-shadow-color: #bec1c4; scrollbar-track-color: #fff; scrollbar-3dlight-color: #fff; }
  78. /*云端切图*/
  79. .U_Img { background-image:url(img/YS2017.png); _background-image:url(img/YSD2014.gif); }
  80. .U_MD_D_NotText { -webkit-text-size-adjust: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; }
  81. .U_MD_D_YesText { -webkit-user-select: text; -moz-user-select: -moz-all; -moz-user-input: enabled; -moz-user-focus: -moz-all; }
  82. /*.UD_ICON { background:url(img/windowOE.png); _background:url(img/windowOE.jpg); }*/
  83. /*常用圆角*/
  84. .U_MD_D_Radius_5 { -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border--radius: 5px; border-radius: 5px; border-radius: 5px; }
  85. .U_MD_D_Radius_18 { -moz-border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -webkit-border--radius: 18px; border-radius: 18px; border-radius: 18px; }
  86. .U_MD_D_Radius_5_0 { -moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -webkit-border--radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
  87. #U_MD_D_BG { position:absolute; z-index:0; left:0; right:0; top:0; bottom:0; overflow-y:hidden;overflow-x:hidden;background:url("img/Background/ZMYT.jpg") 0px 0px / 100% 100% no-repeat rgb(240, 240, 240);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/Background/ZMYT.jpg,sizingMethod=scale);}
  88. /*云端首页*/
  89. .U_MD_Home { color:#000; font-size:12px; width:0; height:0; overflow:hidden; }/*width:100%; height:100%; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; color:#000; overflow:hidden;*/
  90. .U_MD_Home img { }
  91. .UD_Dtop { display:none; }
  92. /*文字处理区域*/
  93. .U_MD_D_Text_Abbreviation { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  94. /*桌面样式*/
  95. .U_MD_D { overflow:hidden; color:#FFF; position:absolute; left:0; bottom:0; top:0; right:0; }
  96. .U_MD_D_B { position:absolute; bottom:30px; right:5%; }
  97. .U_MD_D_BD { padding:5px 10px; background-color:#5A5A5A; border-radius:0px 0px 10px 10px; position:absolute; right:5%; top:0px; }
  98. .U_MD_D_BDA { overflow:hidden; height:30px; line-height:32px; float:left; }
  99. .U_MD_D_BDI { float:left; background-position:-536px -373px; width:30px; height:30px; cursor:pointer; }
  100. .U_MD_D_BDI img { width:30px; height:30px; border-radius:50%; }
  101. .U_MD_D_BDL { float:left; color:#FFF; font-family:Arial; margin-left:1px; cursor:pointer; }
  102. .U_MD_D_BDL div { margin-left:10px; float:left; font-size:14px; height:30px; }
  103. .U_MD_D_BDL div:hover { color:#34BCFF ; }
  104. .U_MD_D_BD_QRcode {padding:5px 10px; background-color:#5A5A5A; border-radius:0px 0px 10px 10px; position:absolute; right:-53px; top:0px; }
  105. .U_MD_D_BD_QRcodeShare {display:none;padding:5px 10px; background-color:#5A5A5A; position:absolute; right:-55px; top:50px; }
  106. .U_MD_D_BD_QRcodeShare img {width:100px;height:100px;padding:5px 5px;}
  107. .U_MD_D_BD_QRcode:hover+.U_MD_D_BD_QRcodeShare{display:block;}
  108. .U_MD_D_BZMD { position:relative; }
  109. .U_MD_D_BZMS { height:40px; line-height:30px; width:721px; margin:10px auto 0 auto; text-align:center; }
  110. .U_MD_D_BZMSA { display:inline-block; *display:inline; *zoom:1; margin:auto; text-align:left; height:40px; line-height:40px; }
  111. .U_MD_D_BZM { width:741px; margin:20px auto 0 auto; position:relative; height:94px; text-align:center; }
  112. .U_MD_D_BZMN { position:absolute; top:-10px; left:-40px; height:22px; background-color:#EEE; padding:0 6px; border-radius: 3px }
  113. .U_MD_D_BZMNL { float:left; width:15px; height:15px; margin-top:3px; }
  114. .U_MD_D_BZMNLI { background-position:-574px -372px; }
  115. .U_MD_D_BZMNLO { background-position:-614px -372px; }
  116. .U_MD_D_BZMNLT { background-position:-594px -371px; }
  117. .U_MD_D_BZMNR { float:left; color:#222; line-height:22px; margin-left:3px; width:50px; }
  118. .U_MD_D_BZMA { position:relative; padding:0 30px; overflow:hidden; margin:auto; display:inline-block; *display:inline; *zoom:1; height:100%; overflow:hidden; }
  119. .U_MD_D_BZMT { padding:0px 10px; }
  120. .U_MD_D_BZMM { width:100%; height:100%; top:0; left:0; background:#444; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; border-radius:6px; }
  121. .U_MD_D_BZMO { margin:2px 0 0 40px; cursor:pointer; width:63px; height:83px; float:left; }
  122. .U_MD_D_BZMOA { width:51px; height:54px; padding:6px; /*border-radius: 3px;*/ color:#FFF; cursor:pointer;}
  123. .U_MD_D_BZMOA:hover { padding:5px; background-color:#505457; border:1px solid #777; }
  124. .U_MD_D_BZMOI { width:51px; height:51px; }
  125. .U_MD_D_BZMON { width:51px; height:15px; line-height:15px; margin-top:6px; text-align:center; }
  126. .U_MD_D_B .U_MD_D_BS { margin: 30px auto 0 auto; float:none; width:675px; height:32px; }
  127. .U_MD_D_BCM { display:block; width:721px; margin:20px auto 0 auto; height:40px; text-align:center; overflow:hidden; }
  128. .U_MD_D_BCMO { width:125px; background-color:#666; float:left; height:25px; line-height:25px; padding:3px 6px; margin:5px 0 0 20px; text-align:left; position:relative; }
  129. .U_MD_D_BCMOL { float:left; height:100%; text-align:center; color:#EEE; margin-left:2px; }
  130. .U_MD_D_BCMOL div { float:none; }
  131. .U_MD_D_BCMOLS { font-size:12px; }
  132. .U_MD_D_BCMOR { float:left; margin-left:11px; font-size:13px; color:#FFF; width:85px; }
  133. .U_MD_D_BZ { color:#FFF; font-family:Arial; background-color:#676767; padding:8px 15px; font-style:normal; cursor:pointer; display:none; }
  134. .U_MD_D_BZ div { text-align:center; }
  135. /*桌面图标使用 */
  136. .U_MD_D_K { top:0; left:0; height:100%; position:absolute; }
  137. .U_MD_D_KO { cursor:pointer; width:63px; height:83px; position:absolute; top:0; left:80px; padding:1px; }
  138. .U_MD_D_KO:hover { background-color:#505457; border:1px solid #777; padding:0; }
  139. .U_MD_D_KOA { margin:5px auto 0 auto; width:51px; border-radius:5px; }
  140. .U_MD_D_KOS { width:51px; height:51px; }
  141. .U_MD_D_KOX { width:51px; height:15px; line-height:15px; margin-top:6px; text-align:center; }
  142. .U_MD_D_NewsTipsIcon {background:rgba(250,250,250,0) url(img/YSD20143.png);position:fixed; width:51px; height:51px;bottom: 80px; right: 90px;background-position: 85px 188px; border-radius: 38px; cursor:pointer;background-size: 1800%; visibility:visible;}
  143. .U_MD_D_T_taskbar_Bar_Operate_Button{font-size: 19px; cursor: pointer;text-align: center;}
  144. /*上传按钮*/
  145. .U_MD_D_filePrew { position:absolute; display: block; z-index: 1; border: 0; cursor: pointer; opacity: 0; filter: alpha(opacity:0); width: 100%; height: 100%; overflow: hidden; }
  146. /*上传控件*/
  147. .U_MD_D_filePrew_I { display: block; position: relative; width: 100%; height: 100%; cursor: pointer; border: 0; color: #666; background: #eee; -moz-user-select: -moz-none; -webkit-user-select: none; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; }
  148. /*头部消息*/
  149. .U_MD_D_MG_A { position:relative; }
  150. .U_MD_D_MG_T { background-color:#60e480; color:White; text-align:center; width:18px; height:18px; line-height:18px; position:absolute; top:-7px; left:22px; font-size:10px; border-radius:50%; display:none;cursor:pointer; }
  151. .U_MD_D_MG_O { width:300px; z-index:3; position:absolute; font-family:arial,sans-serif; background-color:White; border:1px solid #838383;cursor:default; display:none; top: 35px; right: -34px; max-height:230px; overflow:auto; }
  152. .U_MD_D_MG_OA { width:100%; background:rgb(237,237,237); height:100%;}
  153. .U_MD_D_MG_OM { background-color:#f2f2f2; width:100%; text-align:center; height:20px; line-height:20px; cursor:pointer; padding:5px 0; color:#000; display:none;}
  154. .U_MD_D_MG_OM:hover {}
  155. .U_MD_D_MG_OMS { color:#0b7aeb; margin-left:10px; }
  156. .U_MD_U_P_C_P_N_I { outline:none; border:0; color:black; overflow:hidden; background-color:transparent; width:100%; border-radius:35px; }
  157. /***<jscompress sourcefile="Help.css" />*/
  158. .U_MD_D_H { position: absolute; right: 80px; bottom: 80px; width: 80px; height: 80px; background-color: #59B4FA; border: 5px solid #4DA4FD; border-radius: 50%; cursor: pointer; display: none; }
  159. .U_MD_D_H_A { position: absolute; top: 0; left: 0; opacity: 0; -moz-opacity: 0.5; -khtml-opacity: 0.5; }
  160. .U_MD_D_H_O { color: #FFF; font-size: 20px; line-height: 30px; word-spacing: 8px; letter-spacing: 8px; margin: 9px 0 0 15px; }
  161. /***<jscompress sourcefile="Taskbar.css" />*/
  162. /*任务管理器*/
  163. /*任务栏*/
  164. .U_MD_D_RW { z-index:99;width:100%; height:65px; position:absolute; left:0; bottom:0; background-color:#505050; border-radius:0 8px 0 8px; box-shadow:0 0 30px 5px #212121; -webkit-box-shadow:0 0 30px 5px #212121; }
  165. #U_MD_D_RW { width:800px; color:#FFF; height:100%; /*overflow: hidden;*/ float:left; }
  166. #U_MD_D_RW div { color:#111; }
  167. #U_MD_D_RW .U_MD_D_BZMOA:hover { /*background-color:transparent;*/background-color:#6F6F6F; border:0; padding:6px; }
  168. #U_MD_D_RW .U_MD_D_BZMO { margin-left:4px; position:relative; }
  169. #U_MD_D_RW .U_MD_D_BZMON { margin-top:4px; color:#FFF; }
  170. .U_MD_D_RW_L { float:left; width:21px; height:100%; background-color:#00A8FD; position:relative;}
  171. .U_MD_D_RW_R { float:right; width:21px; height:100%;background-color:#6d6d6d; position:relative;}
  172. /*.U_MD_D_RW * { zoom:1; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -ms-transform:scale(1); color:#333; }*/
  173. .U_MD_D_RW_T { text-align:center; padding:5px 0; border-bottom:1px solid # color:#006699; font-size:13px; color:#FFF; margin-top:16px; }
  174. .U_MD_D_RW_I { width:21px; height:45px; float:left; margin-top:19px; }
  175. /*.U_MD_D_RW_IO { width:47px; height:47px; background-position:-729px -337px; margin:auto; cursor:pointer; }
  176. .U_MD_D_RW_IO:hover { background-position:-787px -339px; }*/
  177. *.U_MD_D_RW_IO { width:21px;height:100%;}
  178. .U_MD_D_RW_CD { width:21px;margin-top:16%;}
  179. .U_MD_D_RW_GU { width:21px;height:30%;/*background-color:gray;*/}
  180. .U_MD_D_RW_GU:hover{background-color:gray;}
  181. .U_MD_D_RW_GD { width:21px;height:30%;/*background-color:gray;*/position:absolute;bottom:0;}
  182. .U_MD_D_RW_GD:hover{background-color:gray;}
  183. .U_MD_D_RW_GU_g { width:21px;}
  184. .U_MD_D_RW_GD_g { width:21px;}
  185. .U_MD_D_RW .U_MD_D_T_taskbar_Name{display:none;width:115px;height:31px;background:rgba(111,111,111,1);border-radius:1px;font-size:15px;}
  186. #U_MD_D_RW .U_MD_D_T_taskbar_Close { display:none; width: 15px; height: 14px; background-color: red;/*border-radius: 100%;*/color: White;text-align: center;font-size: 14px;position: absolute;right: 9px;top: 8px;line-height: 11px;cursor: pointer;}
  187. #U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Close { display: block;}
  188. #U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Name{ display: block;}
  189. .U_MD_D_T_taskbar_Bar { position: absolute; bottom: 0; width: 80%; background-color: #555; height: 56px; left: 10%; border-bottom: 0; box-shadow: 0 0 25px 3px #555; -webkit-box-shadow: 0 0 25px 3px #555; }
  190. .U_MD_D_T_taskbar_Bar_Main { float: left; margin: 0 auto; width: calc(100% - 18px); height: 100%; }
  191. .U_MD_D_T_taskbar { width: 50px; height: 100%; float: left; margin: 3px 0 3px 3px; position: relative; }
  192. .U_MD_D_T_taskbar_Main, .U_MD_D_T_taskbar_Icon { width: 100%; height: 100%; }
  193. .U_MD_D_T_taskbar_Bar_Operate { float: right; width: 18px; line-height: 28px; display: none; }
  194. .U_MD_D_T_taskbar_Bar_Operate_Button { font-size: 19px; cursor: pointer; text-align: center; }
  195. /***<jscompress sourcefile="main.css" />*/
  196. html,body {
  197. margin:0;
  198. padding:0;
  199. }
  200. .backs {
  201. width:100%;
  202. float:left;
  203. overflow:hidden;
  204. }
  205. .backs_left {
  206. float:left;
  207. width: 13%;
  208. height:2900px;
  209. background-color: #015D98;
  210. padding-top:88px;
  211. }
  212. .backs_right {
  213. width:100%;
  214. overflow:hidden;
  215. display:inline-grid;
  216. }
  217. .backs_score {
  218. width:100%;
  219. height: 56px;
  220. text-indent: 26%;
  221. font-size:15px;
  222. line-height: 56px;
  223. color:#ffffff;
  224. /* background-color:rgba(19,69,111,1); */
  225. }
  226. /* .backs_score:after {
  227. float:right;
  228. width:17px;
  229. height:17px;
  230. margin-top:12px;
  231. margin-right:10px;
  232. content:"";
  233. background:url('../img/reply/update.png');
  234. }
  235. */
  236. .backs_score>img {
  237. display:block;
  238. }
  239. .backs_scoretwo {
  240. width:100%;
  241. height: 56px;
  242. text-indent:15%;
  243. font-size:15px;
  244. line-height: 56px;
  245. color:#ffffff;
  246. margin-left: 37px;
  247. }
  248. .backs_li {
  249. width:16%;
  250. height:50px;
  251. font-size:12px;
  252. text-align:center;
  253. float:left;
  254. border:1px solid;
  255. font-size:14px;
  256. list-style-type:none;
  257. line-height:50px;
  258. white-space:nowrap;
  259. overflow:hidden;
  260. text-overflow:ellipsis;
  261. background-color:white;
  262. }
  263. .backs_ul {
  264. /* width:98%;
  265. */
  266. font-size:15px;
  267. margin-top:-16px;
  268. }
  269. .backs_content {
  270. width:20%;
  271. height:50px;
  272. text-align:center;
  273. float:left;
  274. font-size:15px;
  275. border:1px solid;
  276. list-style-type:none;
  277. line-height:50px;
  278. white-space:nowrap;
  279. overflow:hidden;
  280. text-overflow:ellipsis;
  281. background-color:white;
  282. }
  283. .backs_selet {
  284. border:1px solid;
  285. height: 19px;
  286. width: 158px;
  287. padding-left: 8px;
  288. margin-top: 10px;
  289. }
  290. .left {
  291. float:left;
  292. margin-left: 37px;
  293. margin-top: 13px;
  294. }
  295. .backs_user {
  296. float:left;
  297. margin-top:35px;
  298. margin-left: 12%;
  299. font-size:12px;
  300. color:black;
  301. }
  302. .backs_bigright {
  303. float:right;
  304. width: 87%;
  305. height: 1024px;
  306. background-color:rgba(242,242,242,1);
  307. }
  308. .backs_seletbtn {
  309. width: 56px;
  310. height: 23px;
  311. margin-left: 28px;
  312. }
  313. .backs_data {
  314. width: 868px;
  315. height:40px;
  316. float:left;
  317. margin-left:3%;
  318. font-size:12px;
  319. margin-top:35px;
  320. }
  321. .backs_p {
  322. float:left;
  323. /* margin-top:10px; */
  324. margin: 12px 2px;
  325. font-weight: bolder;
  326. font-size: 13px;
  327. }
  328. .backs_input {
  329. float:left;
  330. border: 1px solid;
  331. margin-top: 10px;
  332. height: 19px;
  333. width: 208px;
  334. margin-left: 6px;
  335. }
  336. .backs_databox {
  337. float:left;
  338. /* line-height:40px;
  339. */
  340. padding-left:20px;
  341. }
  342. .backs_pass {
  343. width:20.5%;
  344. height:30px;
  345. text-align:center;
  346. line-height:30px;
  347. margin:8px 6%;
  348. color:#fff;
  349. background-color:#217EC4;
  350. float:left;
  351. border-radius:5px;
  352. cursor: pointer;
  353. }
  354. .backs_span {
  355. float:left;
  356. }
  357. .backs_all {
  358. float:left;
  359. width:100%;
  360. }
  361. .backs_all_div {
  362. float:left;
  363. list-style-type:none;
  364. width:80px;
  365. height:30px;
  366. line-height:30px;
  367. text-align:center;
  368. font-size:22px;
  369. cursor:pointer;
  370. }
  371. .backs_all_no {
  372. float:left;
  373. list-style-type:none;
  374. margin-left:20px;
  375. width:80px;
  376. height:30px;
  377. line-height:30px;
  378. text-align:center;
  379. font-size:22px;
  380. color:#999999;
  381. cursor:pointer;
  382. }
  383. .backs_head {
  384. width:100%;
  385. float:left;
  386. }
  387. .backs_insert {
  388. position:absolute;
  389. left:570px;
  390. top:254px;
  391. width:300px;
  392. height:204px;
  393. border:1px solid;
  394. }
  395. .backs_inserttop {
  396. width:100%;
  397. height:35px;
  398. background:inherit;
  399. background-color:rgba(215,215,215,1);
  400. font-size:16px;
  401. line-height:35px;
  402. }
  403. .backs_insertbottom {
  404. background-color:#ffffff;
  405. width:100%;
  406. height:169px;
  407. }
  408. .backs_type {
  409. float:left;
  410. margin-left:4%;
  411. }
  412. .backs_x {
  413. float:right;
  414. margin-right:5%;
  415. }
  416. .backs_ok {
  417. width:90px;
  418. height:24px;
  419. float:left;
  420. background-color:#0098e0;
  421. margin-left:30px;
  422. border-radius:15%;
  423. margin-top:54px;
  424. text-align:center;
  425. color:#fff;
  426. }
  427. #backs_p {
  428. width:180px;
  429. height:38px;
  430. background-color:rgba(215,215,215,1);
  431. float:left;
  432. border:1px solid;
  433. line-height:40px;
  434. }
  435. .switch {
  436. float:right;
  437. margin-right:19%;
  438. }
  439. .switch>div {
  440. float:right;
  441. }
  442. .ellipse {
  443. width:51px;
  444. height:23px;
  445. border-radius:63px;
  446. background-color:#D7D7D7;
  447. float:right;
  448. position:relative;
  449. }
  450. .circle {
  451. width:16px;
  452. height:16px;
  453. border:1px solid;
  454. border-radius:50%;
  455. position:absolute;
  456. top:2px;
  457. left:5px;
  458. background-color:#fff;
  459. }
  460. .dustbin {
  461. float:right;
  462. width:17px;
  463. height:17px;
  464. margin-top: 21px;
  465. margin-right:10px;
  466. display:none;
  467. }
  468. .update {
  469. float:right;
  470. width:17px;
  471. height:17px;
  472. margin-top: 21px;
  473. margin-right:10px;
  474. display:none;
  475. }
  476. .dhl>li {
  477. background-color:#4995CF;
  478. color:white;
  479. border:1px solid black;
  480. border-top:0px;
  481. }
  482. .xh {
  483. width:7%;
  484. border-right:0px!important;
  485. /* border-bottom:0px!important;
  486. */
  487. }
  488. .yh {
  489. width:10%;
  490. border-right:0px!important;
  491. }
  492. .dhl {
  493. margin-top:21px;
  494. }
  495. .con {
  496. border-right:0px!important;
  497. }
  498. .ly {
  499. border-right:0px!important;
  500. }
  501. .sj {
  502. border-right:0px!important;
  503. }
  504. /***<jscompress sourcefile="Reply.css" />*/
  505. .U_MD_R_comment{background-color:#F7F7F7; width: 100%;height: 100%;overflow: auto;top: 0px; left: 0px;overflow-x: hidden; overflow-y: scroll;}
  506. .U_MD_R_content{padding: 0 30px;overflow: hidden;}
  507. .U_MD_R_content_loading{font-size: 22px;text-align: center;line-height: 50px;cursor: pointer;}
  508. .U_MD_R_content_operation{width:100%;border-bottom: 1px solid #e5e5e5;overflow: hidden;padding: 10px 0;}
  509. .U_MD_R_content_operation_userhead{float:left;width:40px;height:40px;margin:10px;border-radius:40px;}
  510. .U_MD_R_content_operation_userhead img{width: 100% !important;height: 100% !important;max-width: unset !important;padding: unset !important;margin: unset !important;}
  511. .U_MD_R_content_operation_right{float: right;min-width: 660px !important;}
  512. .U_MD_R_content_operation_userlogin{font-size: 16px;padding: 5px;cursor: pointer}
  513. .U_MD_R_content_operation_right_bottom{font-size: 14px; padding: 10px 0;}
  514. .U_MD_R_content_operation_right_bottom_emoji{float: left;cursor: pointer;width: 20px;height: 20px;border: none;background: url(img/reply/emoji.png) 0% 0% / 20px no-repeat transparent;margin: 5px 0px 0px 10px}
  515. .U_MD_R_content_operation_right_bottom_picturewarp{float: left;margin-left:10px;margin-top: 8px;position: relative;cursor: pointer;}
  516. .U_MD_R_content_operation_right_bottom_picturewarp img{cursor: pointer;max-width: unset !important;padding: unset !important;margin: unset !important;}
  517. .U_MD_R_content_operation_right_bottom_picturewarp input{position: absolute;left: 0;opacity: 0;width: 17px;top: 0;height: 15px;cursor: pointer;}
  518. .U_MD_R_content_operation_right_bottom_release{ padding: 0px 20px; height:28px; background-color:#4183C4; float:right; border-radius: 5px; text-align: center; line-height: 28px; color:#fff;cursor: pointer;}
  519. .U_MD_R_content_operation_right_bottom_imgloadbox{/*margin-top:15px;*/background-color:#f7f7f7;}
  520. .U_MD_R_content_operation_right_bottom_imgloadbox_warp{width: 100px;height: 100px;margin-right: 10px;position: relative;cursor: pointer}
  521. .U_MD_R_content_operation_right_bottom_imgloadbox_warp img{ width: 100% !important;height: 100% !important;padding: unset!important;margin: unset!important;max-width: unset !important;}
  522. .U_MD_R_content_operation_right_bottom_imgloadbox_warp .closebtn{cursor: pointer;width: 25px;height: 25px;border: none;background-image: url(img/reply/close.png);z-index: 11;background-size: cover;position: absolute;top: -11px;right: -8px;display: none}
  523. .U_MD_R_content_operation_right_bottom_imgloadbox_warp:hover.U_MD_R_content_operation_right_bottom_imgloadbox_warp .closebtn{display: block}
  524. .U_MD_R_content_comment{ width:100%;}
  525. .U_MD_R_content_warp_box{ width: calc(100% - 50px);margin-left: 50px;}
  526. .U_MD_R_content_box{width: 100%;padding: 5px 0;}
  527. .U_MD_R_content_box_warp{overflow: hidden;border-bottom: 1px solid #e5e5e5;}
  528. .U_MD_R_content_box_userhead{float: left;width: 40px;height: 40px;margin: 10px;border-radius: 40px;}
  529. .U_MD_R_content_box_userhead img{width: 100%;height: 100%;max-width: unset !important;padding: unset !important;margin: unset !important;border-radius: 40px;}
  530. .U_MD_R_content_box_content{float: right;/*min-width: 668px !important;*/padding: 10px 0;}
  531. .U_MD_R_content_box_content_top{overflow: hidden}
  532. .U_MD_R_content_box_content_top_name{float: left;margin-left: 10px;}
  533. .U_MD_R_content_box_content_top_time{float: right;margin-right: 20px;}
  534. .U_MD_R_content_box_content_text {padding: 10px 0 5px 10px;font-size: 15px;line-height: 18px;word-wrap: break-word;/*overflow: hidden;*/white-space: nowrap;text-overflow: ellipsis;white-space: pre-wrap;}
  535. .U_MD_R_content_box_content_text img {padding: 10px 0 !important;max-width: 200px !important;margin: unset !important}
  536. .U_MD_R_content_box_content_bottom{overflow: hidden;padding: 5px 0 0px 10px;font-size: 14px;}
  537. .U_MD_R_content_box_content_bottom_likeswarp{float: left;overflow: hidden;cursor: pointer;padding: 0 20px 0 0;}
  538. .U_MD_R_content_box_content_bottom_likeswarp img{width: 20px;height: 20px;display:block;float: left;max-width: unset !important;padding: unset !important;margin: unset !important;}
  539. .U_MD_R_content_box_content_bottom_likeswarp_text{float: left;margin-left: 5px;}
  540. .U_MD_R_content_box_content_bottom_replywarp{float: left;overflow: hidden;cursor: pointer;padding: 0 20px 0 0;}
  541. .U_MD_R_content_box_content_bottom_replywarp img{width: 20px;height: 20px;display:block;float: left;max-width: unset !important;padding: unset !important;margin: unset !important;margin-top: 2px !important;}
  542. .U_MD_R_content_box_content_bottom_replywarp_text{float: left;margin-left: 5px;margin-top: -2px;}
  543. .U_MD_R_content_box_content_bottom_showmorewarp{float: left;overflow: hidden;cursor: pointer;padding: 0 20px 0 0;}
  544. .U_MD_R_content_box_content_bottom_showmorewarp img{width: 20px;height: 20px;display:block;float: left;margin-top: 2px;max-width: unset !important;padding: unset !important;margin: unset !important;margin-top: 2px !important;}
  545. .U_MD_R_content_box_content_bottom_showmore_text{float: left;margin-left: 7px;margin-top: 0px;}
  546. .U_MD_R_content_box_content_edit{margin-top: 10px;}
  547. .U_MD_R_content_box_content_edit .U_MD_R_Reply_Content{min-height: 40px;background: rgb(255, 255, 255);border: 1px solid black;}
  548. /***<jscompress sourcefile="Picture.css" />*/
  549. .U_MD_UI_Picture_picBox{position: relative;width: 100%;height: 100%;overflow: hidden;background-color: #f5f5f5;}
  550. .U_MD_UI_Picture_picArea{position: absolute;width: 1290px;}
  551. .U_MD_UI_Picture_picArea > ul {list-style-type: none;padding: 0;margin: 0;}
  552. #U_MD_UI_Picture_fa span:hover{cursor: pointer;}
  553. .U_MD_UI_Picture_picArea img{width: 100%;vertical-align: top;}
  554. .U_MD_UI_Picture_picArea:hover{cursor: Move;}
  555. #U_MD_UI_Picture_add:active{background-image: url("img/pictureView/add-active.png") !important;}
  556. #U_MD_UI_Picture_narrow:active{background-image: url("img/pictureView/narrow-active.png") !important;}
  557. #U_MD_UI_Picture_prev:active{background-image: url("img/pictureView/prev-active.png") !important;}
  558. #U_MD_UI_Picture_next:active{background-image: url("img/pictureView/next-active.png") !important;}
  559. #U_MD_UI_Picture_turnLeft:active{background-image: url("img/pictureView/turnLeft-active.png") !important;}
  560. #U_MD_UI_Picture_turnRight:active{background-image: url("img/pictureView/turnRight-active.png") !important;}