Nessuna descrizione

app.css 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  1. /*清除mui部分原有样式*/
  2. .mui-input-group:before{background: none;}
  3. .mui-input-group:after{background: none;}
  4. .mui-table-view:before{ background: none;}
  5. .mui-table-view:after{ background: none;}
  6. .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
  7. /*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
  8. .mui-input-group .mui-input-row:last-child:after{ background: none;}
  9. .mui-popover{ border-radius:0;}
  10. /*弹出框样式popup*/
  11. .mui-popup-inner {border-radius: 8px 8px 0 0;}
  12. .mui-popup-title{text-align: left;}
  13. .mui-popup{text-align: left;}
  14. .mui-popup-button:first-child { border-radius: 0 0 0 8px;}
  15. .mui-popup-button:last-child { border-radius: 0 0 8px;}
  16. .mui-popup-button{ color:#999999; font-size:14px;}
  17. .mui-popup-button:hover{background: #FF9900;color:#FFFFFF;}
  18. a{text-decoration:none;color:#007aff}a:active{color:#0062cc}
  19. .mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active{color:#fff;background-color:#FF9900}
  20. /*///////////////common公共样式///////////////////////*/
  21. body{ color: #666666; font-size:14px;}
  22. .floatL{ float: left;}
  23. .floatR{ float: right;}
  24. .marginbox{ margin: 10px 0; padding:0 10px; }
  25. .mainbox{width: 96%; margin:2% auto;}
  26. .mainbox:before{ position:static;}
  27. /*div模拟textarea多行文本框*/
  28. .textareabox{/*border-bottom: 1px solid #F0F0F0;*/}
  29. .borderarea{border-bottom: 1px solid #F0F0F0;}
  30. /*必填项样式*/
  31. .requiredcon{ position: absolute; top:0; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
  32. /*功能icon样式*/
  33. .actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
  34. /*主题色开关样式*/
  35. .witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;}
  36. .witchbg{ height: 30px;}
  37. /*.witchbg .mui-switch-handle{ width: 24px; height: 24px;left: 4px;transition-duration: 0.2s;transform: translate(-4px, 0px);}*/
  38. /*列表右侧无箭头*/
  39. .rightnone:after{ right: 15px;content:none;}
  40. .rightnone{line-height: 30px;}
  41. /*小标签提示*/
  42. .litlabel .listtit2{ color: #AAAAAA;}
  43. /*顶部标题栏*/
  44. .toptitbox{ background:#FF9900; }
  45. .topback{color: #FFFFFF;}
  46. .topmore {position:relative;color: #FFFFFF;
  47. /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
  48. -moz-transform: rotate(90deg);
  49. -o-transform: rotate(90deg);
  50. -webkit-transform: rotate(90deg);
  51. transform: rotate(90deg);*/
  52. }
  53. .topmore.mui-icon{ font-size:22px; line-height:24px;}
  54. .topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
  55. .topmore .sharebox li{list-style: none;}
  56. .topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;}
  57. .toptit{color: #FFFFFF; font-size: 20px;}
  58. .personhead{color: #FFFFFF;}
  59. /*底部导航栏*/
  60. .footbox{ background: #FFFFFF;}
  61. .footbox .mui-tab-item.mui-active{ color: #FF9900;}
  62. /*****表单公共样式********/
  63. /*input输入相关*/
  64. .frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
  65. .frmtype{ width: 100%; margin: auto; padding:2%;font-size: 14px;}
  66. .frmbtn{margin:4% auto; font-size: 16px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
  67. /*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
  68. .frmbox{ border:none; width: 90%; height: 100%; }
  69. .frmactive2{color:#fff;background-color:#ccc; border:1px solid transparent;}
  70. .frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
  71. .frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
  72. .exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; border-radius: 0;}
  73. .pompmsg{ font-size: 12px; color: #CCCCCC;}
  74. /*///////////////common公共样式///////////////////////*/
  75. /***********************登录注册相关页面*******************/
  76. /*关闭*/
  77. .closebtn{ position: relative;border:1px transparent solid;}
  78. /*.closeicon{background: url(../images/workclose.png) center center no-repeat; background-size: 100% 100%; width: 30px; height: 30px; position: absolute;right:5%; top:20px;}*/
  79. .closeicon{font-size: 60px; color:#999999; position: absolute;right:1%; top:14px;}
  80. .frmbox .frm-input{/*height:60px;*/width:98%;height: 0;height: 100%;padding: 2% 0;}
  81. .frmbox .frm-input .frmtype{ height: 0; height: 100%;}
  82. .frmbox .frm-input .frmtypel{ height: 0;height: 100%; width: 90%;}
  83. /*logo盒子的相关*/
  84. .logobox{ padding:6%; margin:12% auto 6% ; }
  85. .logolink{display: block;width:40%;margin: auto;}
  86. .logoimg{ width: 100%; margin: auto; text-align:center;}
  87. /*忘记密码*/
  88. .forgetword{ position: absolute;top: 50%; margin-top:-16px;right: 2px;padding:6px 20px;line-height: 20px; font-size: 14px; background: #f0f0f0; color: #AAAAAA; border-radius: 6px;}
  89. .forgeticon{ background: url(../images/forget.png) center center no-repeat; background-size: 100% 100%;padding:2%; position: absolute; margin-top:-2%;}
  90. .passwordbox .frmtypel~.mui-icon-clear{right:4%; top:50%; margin-top: -2%;}
  91. /*第三方快捷登录*/
  92. .quickbox{ width: 100%; margin-top:80px;text-align: center;}
  93. /*.borderline{ border:1px dashed #999999; width: 86%; margin:auto; position: relative;}
  94. .borderline div{ position: absolute; left:50%; width: 40%; height:4px; margin-left:-20% ; top:-2px; background:#DDDDDD ;}*/
  95. .borderword{ font-size: 16px; color:#999999;}
  96. .quickway{margin: 1% auto; overflow: hidden;}
  97. .quickicon{margin: 2% 3%; padding: 1%;}
  98. .quickicon img{width:28px; height: 28px; }
  99. .weixinicon{ color: #86C610;}
  100. .weiboicon{color:#F29600; font-size: 36px;}
  101. .qqicon{color:#0093DD;}
  102. /*用户协议*/
  103. .protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
  104. .protocolbox .mui-icon{ font-size:18px;}
  105. .protocolbox label{ font-size: 14px; }
  106. /*.agreeicon{width:20px; height:20px;}*/
  107. .agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
  108. .protocollink{ color: #FF9900;}
  109. /*设置密码*/
  110. .setfindbox{ margin: 20% auto;}
  111. /*完善信息*/
  112. .maincon{ padding:4% 2%; overflow: hidden;}
  113. .maincon .headbox{ text-align: center;}
  114. .headbox .headimg{width: 20%;border-radius:50%;}
  115. .maincon .pinfor{ color: #888888; font-size: 13px;}
  116. .maincon .basicinfo {padding-left:4%; }
  117. .maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
  118. /*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
  119. .maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
  120. .maincon .basicinfo li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
  121. .maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;}
  122. .maincon .basicinfo li small{ color:#AAAAAA;}
  123. .fillbox{margin-top:20%;}
  124. .maincon .headbox3{width:100px; height: 100px;position: absolute;top:-14%; left: 50%; margin-left: -50px;border-radius: 50%;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo.jpg); background-size:100% 100%;}
  125. .headbox3 .headimg3{width:100%; height: 100%;}
  126. .headbox3 .headimglink{position: absolute;bottom: 0; display: block; background: url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;}
  127. .nextstep{ color: #FF9900; font-size: 13px;}
  128. .nextstep{ position: relative;}
  129. .nextstep em{display: block;position: absolute; right:-18px; top:1px; width: 14px; height: 14px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }
  130. .nexstepbtn{ border:1px solid transparent;}
  131. /***********************登录注册相关页面*******************/
  132. /***********************首页*******************/
  133. /*.searchbox{position: relative;}
  134. .searchbox .searchtxt{ position: absolute; height: 30px; top:50%; margin-top:-13px; border-radius: 6px; border:1px transparent solid; padding:0 30px; line-height: 20px; font-size: 14px;}
  135. */
  136. .searchbox .mui-placeholder .mui-icon-search{font-size:18px; color: #999999;}
  137. .mui-search input[type=search].searchtxt{background: #FFFFFF;}
  138. .mui-search .mui-placeholder{ font-size: 14px; top:2px }
  139. .maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
  140. .conblock{ background: #FFFFFF; margin:10px 0;}
  141. .mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
  142. .mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
  143. .mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
  144. /*热门领域*/
  145. .fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
  146. .fieldicon img{width: 100%;}
  147. /*热门专家*/
  148. .protable:before{ background-color:transparent;}
  149. .listtit .unauthicon{margin-left:4px;font-size: 14px; color:#C0C0C0; }
  150. .listtit .authicon{margin-left:4px;font-size: 14px;color:#FF9900;}
  151. .listtit0{font-size: 13px; color: #222222;}
  152. .listtit{ font-size: 14px; color: #333333;}
  153. .listtit2{font-size: 13px; color: #666666; position: relative;}
  154. .listtit3{font-size: 12px; color: #888888;}
  155. .mui-media .headimg{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0;}
  156. .mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;}
  157. .mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto; overflow: hidden; }
  158. /***********************首页*******************/
  159. /***********************专家信息浏览*******************/
  160. .personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
  161. .personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
  162. /*咨询记录及等级*/
  163. .peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
  164. .peocountbox{width: 150px;}
  165. .peocount {font-size: 13px; color:#888888 ; overflow:hidden; }
  166. .peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
  167. .peocount .dialogicon{ font-size: 16px;line-height:20px; color: #FF9900;}
  168. /*.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
  169. .levelbox{margin: auto; overflow: hidden; }
  170. .levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
  171. .levelbox .icon-favorfill{ color:#F4C600;}
  172. /*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
  173. /*专家相关信息*/
  174. .infocontit{font-size:14px; position: relative;}
  175. .infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;}
  176. .infocon ul{ padding:0; margin: 0; overflow: hidden;}
  177. .infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
  178. .resinfo li{padding:6px 8px;}
  179. .resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
  180. .resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
  181. .resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
  182. .listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
  183. .listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:26px; float:left;padding-right: 8px; max-width:40%; overflow:hidden;}
  184. /*.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px; }*/
  185. .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px; }
  186. .plusbtn.icon-appreciatefill{color:#FF9900;}
  187. .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
  188. .likenum{ float:right;max-width:130px;overflow:hidden; }
  189. .likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
  190. .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
  191. .likepeople img{ width:100%; height:100%;}
  192. .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC; border-radius: 50%;}
  193. .infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
  194. .gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
  195. .gotonext2{ width: 110px;}
  196. /*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
  197. .dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
  198. .dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
  199. .dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
  200. .dialogbtn em{font-size: 20px;line-height: 24px; }
  201. /*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
  202. .dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}
  203. .attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
  204. .attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
  205. /*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
  206. .listitembox{ position: static;width: 108%;}
  207. .listitembox .listitem{ position: static;padding:10px; margin-right: 2%;}
  208. .listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
  209. .listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto; }
  210. .listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-right:20px;padding-bottom:10px;}
  211. .listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
  212. /***********************专家信息浏览*******************/
  213. /***********************我的账户*******************/
  214. .headbox2{ overflow: hidden; position: relative;}
  215. .headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;}
  216. .headbox2 .headimg2{width:24%;border-radius:50%;margin: 6px 0; }
  217. .headbox2 .infobasic{ margin: 6px 4%; }
  218. .headbox2 .infobasic .listtit{ font-size: 18px;}
  219. .headbox2 .infobasic .listtit2{ margin: 4px 0;}
  220. .headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px; }
  221. .headbox2 .editbox{ display: block; width: 24px; height: 24px; }
  222. .headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
  223. .headbox2 .editbox .mui-icon:hover{color:#FF9900;}
  224. /*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
  225. .wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
  226. .addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
  227. .seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
  228. .attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
  229. .rightword{ position: absolute; right:40px; font-size:13px;}
  230. /*已认证*/
  231. .verified{ color: #FF9900;}
  232. .authword{ padding:2px 6px; margin-left:6px; background: #FF9900; border-radius:4px; color: #FFFFFF; font-size: 12px;}
  233. /*我的关注*/
  234. .fixbox{ background: #FFFFFF;}
  235. .fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
  236. .fixbox .fixbtn li{ list-style: none; float: left; padding:6px 10px; border:1px solid #F0F0F0; width:50%;text-align: center;font-size: 14px;height: 32px;}
  237. .fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
  238. .childlist{ display: none;}
  239. /*合作历史及评价*/
  240. .lefthead{ margin-right: 10px; text-align:center;}
  241. .contit{ position:relative;}
  242. .contit .listtit{ display: block; width: 62%; }
  243. .conbrief{ max-height: 46px; overflow: hidden;}
  244. .conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
  245. .conresoult .levelbox .mui-icon{font-size: 12px;}
  246. /***********************我的账户*******************/
  247. /***********************专家信息修改*******************/
  248. .generalinfo li{ line-height:26px ;}
  249. .generalinfo .ginfolist{}
  250. .generalinfo span{letter-spacing:normal;}
  251. .generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
  252. .updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
  253. .updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
  254. .updatebox .updatebtn{display: block; margin-right:3px; width: 14px;height: 14px; background: url(../images/edit2.png) center center no-repeat; background-size:100% 100% ;}
  255. .addinfobox{ position: absolute; right:0; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
  256. .addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
  257. .addinfobox .addinfobtn{display: block; margin-right:3px; width: 14px;height: 14px; background: url(../images/add.png) center center no-repeat; background-size:100% 100% ;}
  258. .addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 34px;}
  259. .addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px; width: 18%;/*padding-left:20px; padding-right:20px;*/}
  260. .labelarea{ margin: 20px 0;}
  261. .labelshow{ margin: 0; padding:0;}
  262. .labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; border-radius: 6px; float: left; }
  263. .labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
  264. .selectbox{padding:0;/* margin: 4px 0;*/}
  265. .downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;}
  266. .timearea{ float: left; width: 46%;}
  267. .timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid; }
  268. .timearea:last-child{float: right; margin-left:4% ;}
  269. .timeareashow:last-child{float: right; margin-left:4% ;}
  270. .maincon .basicinfo li.timebox{ border-bottom:none; }
  271. /***********************专家信息修改*******************/
  272. /***********************搜索*******************/
  273. .searchbox2{width:92%;background: #FFFFFF; border-radius: 6px; height: 30px; margin:8px 0;/*overflow: hidden;*/}
  274. .searchbox2 .searchselect{width: 24%; position:relative;}
  275. /*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
  276. .searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 16px;color:#999999; width: 0; height: 0; z-index: 0;}
  277. .searchbox2 .searchtxt2{width: 76%;height: 22px; margin: 6px 0; line-height: 20px; border: none; border-radius: 0; border-left:1px solid #CCCCCC; font-size:13px;}
  278. .simuselect{position:relative;}
  279. .ulbox{ padding: 0 16px;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;}
  280. .lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:2px;position:absolute; top:30px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;}
  281. .lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;}
  282. .lishow li:hover{ background:#f0f0f0;}
  283. .historybox{ background: #FFFFFF; padding-bottom:20px;}
  284. .hisrecord{ padding:0; margin: 0;}
  285. .hisrecord li{list-style: none; position: relative; font-size: 13px; color: #999999; border-bottom:1px solid #F0F0F0; padding:8px 12px; overflow: hidden;}
  286. .hisrecord li .histicon{ display: block; width: 14px; height: 14px; margin:3px 4px; background: url(../images/histicon.png) center center no-repeat; background-size:100% 100%; }
  287. .hisrecord li .delrecord{ position: absolute; right: 2%; top:50%; font-size:20px; margin-top:-10px;}
  288. .hisrecord .trashrecord{ text-align: center; padding:10px;}
  289. .hisrecord .trashrecord em{font-size: 18px;}
  290. .hotsearchbox{ padding:10px 14px;}
  291. .hotsearchbox ul{ padding:0; margin: 0; margin:6px 0; overflow: hidden;}
  292. .hotsearch li{ list-style: none; padding:4px 16px; margin:4px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;}
  293. /*.hide { display: none; } */
  294. .backTop{ background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 24px; color: #666666; padding-top: 8px; opacity: 0.8; }
  295. .filterbox{}
  296. .filterblock{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;}
  297. .filterblock li{list-style:none; float: left; border-right:1px solid #F0F0F0;}
  298. .filterblock li em{ font-size:18px; margin:0 2px;}
  299. .filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;height: 32px;}
  300. /*筛选条件*/
  301. .popoverbox2 {border-radius:4px;width:0;height:0;width:100%;height:200px;font-size: 14px; }
  302. .popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
  303. .popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
  304. .popoverbox2 .mui-table-view-cell{float:left;padding:8px 16px; width:40%; margin:2px 2%;border-radius:2px;}
  305. .popoverbox2 .mui-table-view-cell>a:not(.mui-btn){position: relative;}
  306. .popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
  307. .popoverbox2 .mui-table-view .mui-table-view-cell:last-child,.popoverbox2 .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius:4px;}
  308. .popoverbox2 .mui-table-view .mui-table-view-cell:first-child,.popoverbox2 .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-radius:4px;}
  309. .popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
  310. .popoverbox2 .mui-table-view .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;}
  311. /*城市选择级联*/
  312. .menublock{ position: relative; }
  313. .menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}
  314. .menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;}
  315. .menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
  316. .menuposition.mui-table-view{border-radius: 0; overflow: auto;}
  317. .menuposition .mui-row.mui-fullscreen>[class*="mui-col-"] {height:100%;}
  318. .menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
  319. .menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;}
  320. .menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;}
  321. /***********************搜索*******************/
  322. /*********************** 咨询*******************/
  323. .consultbox{ padding:20px 0px 60px 0px;}
  324. .consultaim{ text-align: center; margin: auto; }
  325. .consultaim ul{padding: 0; margin: 0; overflow: hidden; margin:1% auto; padding:0 4%; }
  326. .consultaim ul li{ list-style: none;float: left; padding:2px 16px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 13px;}
  327. .consultaim ul .liactive{ border:1px solid #6CA8FF;padding-left:28px; color: #6CA8FF;position: relative;}
  328. .consultaim ul .liactive em{ display:block;position: absolute; left:10px; top:50%;margin-top: -8px; width:16px; height:16px;background: url(../images/selected.png) center center no-repeat; background-size:100% 100% ;}
  329. .divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;}
  330. .consultinfo{ width: 96%; margin: auto; margin-top:6px;}
  331. .consultinfo tr td{ vertical-align: top; padding:4px 0;}
  332. .consultinfo tr td:first-child{padding: 4px; width:64px;}
  333. .consultinfo tr td input{border:1px solid #CCCCCC; border-radius: 4px; height: 30px; line-height:16px; font-size: 14px;}
  334. .consultinfo tr td textarea{border:1px solid #CCCCCC; border-radius: 4px; height: 100px; line-height:16px; font-size: 14px;}
  335. .consultinfo tr td.sendbox{text-align: right;position: relative;}
  336. .consultinfo tr td .sendbtn{width: 20%;font-size: 13px; padding: 4px 10px;margin:0;position:absolute;right:0; top:0; }
  337. .operatebox{ width:100%;background: #FFFFFF;overflow: hidden; padding:10px;position: relative;}
  338. .themespan{ width: 54%;}
  339. .operatebtnbox{width:44%;position:absolute; top:50%; right:1%;margin-top:-13px;}
  340. /*已评价*/.operated{width:30%; margin-top:-18px;}
  341. .operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;}
  342. .filterbox2{}
  343. .filterblock2{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;}
  344. .filterblock2 li{list-style:none; position: relative; float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}
  345. .filterblock2 li select{ margin:0 2px;}
  346. .filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;height: 32px;}
  347. .coutopicbox{ position: relative; background: #F0F0F0; margin-bottom: 10px; width:110%; margin-left:-16px; padding:4%; overflow: hidden;}
  348. .coutopicbox .coutheme{ max-width: 60%;}
  349. .coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; color: #FFFFFF; border-radius: 6px;}
  350. .coutopicbox .aimlabel{background:#6CA8FF;}
  351. .coutopicbox .status-1{background:#FF9900;}/*咨询状态*/
  352. .coutopicbox .status-2{background:#dd524d;}
  353. .coutopicbox .status-3{background:#4cd964;}
  354. .thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
  355. .mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
  356. /*星级评价*/
  357. .evabox{position:absolute;right: 2%;top: -4px; text-align: center;}
  358. .evabox span{ font-size: 12px;}
  359. .evabox .levelbox{ width:100px;}
  360. .evabox .levelbox .mui-icon{ font-size: 12px; }
  361. /*咨询列表下拉菜单*/
  362. .popoverbox {border-radius: 6px;width:0;height:0;min-width: 100px;min-height:110px;font-size: 13px; }
  363. .popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;}
  364. .popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/}
  365. .popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;}
  366. .popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
  367. .mui-popover4{ width: 130px; }
  368. /*********************** 咨询*******************/
  369. /*********************** 资源信息浏览*******************/
  370. .restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
  371. .resouimgbox{width: 56%; margin-right:10px;}
  372. .resouimgbox img{ width: 100%;margin: auto;}
  373. .personblock{ padding:8px 2px; text-align: center; width:40%;}
  374. .personblock p{ margin-bottom: 4px;}
  375. .personblock .headimg{ width:40%; border-radius: 50%;overflow: hidden;}
  376. .resomenubox{background: #FFFFFF; padding:8px 10px;}
  377. .resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
  378. .resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
  379. .resouinfoword{ padding:6px 0; background: #FFFFFF;}
  380. .resouinfobox{ padding:0;margin: 0;}
  381. .resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
  382. /*********************** 资源信息浏览*******************/