Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 156 Releases 0 Wiki

No Description

Tree: 3c4fd4d120
Branches Tags
ekexiu.app
/
app
/
css
/
app.css

app.css 34KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552 
  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: 80px;}
  7. .setblock .mui-table-view-cell:after{right: 0;bottom: 0;left: 8px;}
  8. /*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
  9. .mui-input-group .mui-input-row:last-child:after{ background: none;}
  10. .mui-input-group .mui-input-row:after{left:10px; background-color: #E6E6E6;}/*登录注册等表单的横线*/
  11. .mui-poppicker-header .mui-btn.mui-poppicker-btn-ok {border: 1px solid #ff9900;background-color: #ff9900;}
  12. .mui-poppicker-body .mui-picker{background:#fff;}/*城市选择器*/
  13. /*图片轮播按钮圆点*/
  14. .mui-slider-indicator .mui-indicator{ background: rgba(130,130,130,.4);-webkit-box-shadow:none;box-shadow: none;}
  15. .mui-slider-indicator .mui-active.mui-indicator{background: rgba(256, 256, 256, 0.6);}
  17. .mui-popover{ border-radius:0;}
  18. /*弹出框样式popup*/
  19. .mui-popup-inner {border-radius: 8px 8px 0 0;}
  20. .mui-popup-title{text-align: left;}
  21. .mui-popup{text-align: left;}
  22. .mui-popup-button:first-child { border-radius: 0 0 0 8px;}
  23. .mui-popup-button:last-child { border-radius: 0 0 8px;}
  24. .mui-popup-button{ color:#999999; font-size:14px;}
  25. .mui-popup-button:hover{background: #FF9900;color:#FFFFFF;}
  27. a{text-decoration:none;color:#007aff}a:active{color:#0062cc}
  28. .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;border:1px solid #ff9900;}
  29. /*///////////////common公共样式///////////////////////*/
  30. body{ color: #666666; font-size:14px;}
  31. .floatL{ float: left;}
  32. .floatR{ float: right;}
  33. .displayNone {display: none;}
  34. .displayBlock {display: block;}
  35. /*圆角*/
  36. /*头像、资源圆角*/
  37. .headRadius{border-radius: 4px;}
  38. /*底板背景圆角*/
  39. .bgRadius{border-radius: 6px;}
  41. .marginbox{ margin: 10px 0; padding:0; }
  42. .marginbox:first-child{margin: 0;}
  43. .mainbox{width: 96%; margin:2% auto;}
  44. .mainbox:before{ position:static;}
  45. /*div模拟textarea多行文本框*/
  46. .textareabox{/*border-bottom: 1px solid #F0F0F0;*/}
  47. .borderarea{border-bottom: 1px solid #F0F0F0;}
  49. /*必填项样式*/
  50. .requiredcon{ position: absolute; top:0; margin-left:4px; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
  51. /*功能icon样式*/
  52. .actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
  53. /*主题色开关样式*/
  54. .witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;}
  55. .witchbg{ height: 22px;width:38px;}
  56. .witchbg .mui-switch-handle{ width: 20px; height: 20px;/*left: 4px;*/transition-duration: 0.2s;transform: translate(-4px, 0px);}
  58. /*列表右侧无箭头*/
  59. .rightnone:after{ right: 15px;content:none;}
  60. .rightnone{}
  61. /*小标签提示*/
  62. .litlabel .listtit2{ color: #AAAAAA;}
  64. /*单行省略号*/
  65. .onlyone{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  67. /*顶部标题栏*/
  68. .toptitbox{ background:#FF9900; }
  69. .topback.mui-icon{color: #FFFFFF; font-size:30px; line-height: 24px;}
  70. .topmore {position:relative;color: #FFFFFF;
  71. 	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
  72. 	-moz-transform: rotate(90deg);
  73. 	-o-transform: rotate(90deg);
  74. 	-webkit-transform: rotate(90deg);
  75. 	transform: rotate(90deg);*/
  76. }
  77. .topmore.mui-icon{ font-size:24px; line-height:24px;}
  78. .topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
  79. .topmore .sharebox li{list-style: none;}
  81. .topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;}
  82. .toptit{color: #FFFFFF; font-size: 20px;}
  83. .personhead{color: #FFFFFF;}
  84. /*底部导航栏*/
  85. .footbox{ background: #FFFFFF;border-top:1px solid #DDDDDD;-webkit-box-shadow: 0px 6px 6px 2px #CCCCCC;box-shadow: 0px 6px 6px 2px #CCCCCC;}
  86. .footbox .mui-tab-item.mui-active{ color: #FF9900;}
  88. .listtit0{font-size: 13px; color: #222222;}
  89. .listtit{ font-size: 14px; color: #333333;}/*中标题*/
  90. .listtit2{font-size: 13px; color: #666666;}/*较小标题*/
  91. .listtit3{font-size: 12px; color: #888888;}/*小标题*/
  92. /*/////专家身份认证状态///////*/
  93. /*已认证*/
  94. .authword{ padding:2px 6px; margin-left:6px;border-radius:4px; color: #FFFFFF; font-size: 12px;}
  95. .authed{ background: #FF9900; }
  96. /*认证中*/
  97. .authing{background: #00b38a;}
  98. /*未认证*/
  99. .unauth{background: #efefef;color: #CCCCCC;}
  101. /*/////////认证身份标识///////////*/
  102. /*企业和专家认证标识 icon-vip*/
  103. .unauthicon{color:#C0C0C0; }/*未认证*/
  104. .authicon{color:#FF9900;}
  105. .icon-vip{}
  106. .authicon-cu{color:#FF9900;}/*认证科研型专家*/
  107. .authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
  108. /*普通用户认证标识 icon-renzheng*/
  109. em.icon-renzheng{border:1px solid;border-radius:10px;font-size:16px;line-height:14px;}
  110. em.icon-renzheng span{ font-size:12px;margin-right:6px;vertical-align:middle;}
  111. .authicon-mana{color:#ff9900;}/*认证在企高管*/
  112. .authicon-staff{color:#007AFF;}/*认证在企职员*/
  113. .authicon-stu{color:#00b38a;}/*认证在读学生*/
  115. /*****表单公共样式********/
  116. /*input输入相关*/
  117. .frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
  118. .frmtype{ width: 100%; margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;}
  119. .frmbtn{margin:4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
  120. /*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
  121. .frmbox{ border:none; width: 90%;height: 100%; } 
  122. /*未激活按钮状态*/
  123. .frmactive2{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
  124. .frmactive2.mui-btn.mui-active:active,.frmactive2.mui-btn:enabled:active{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
  126. .frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
  127. .frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
  128. .exitbox{ text-align: center;margin-top:40px;}
  129. .exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; line-height: 40px; border-radius: 0;}
  131. .pompmsg{ font-size: 12px; color: #CCCCCC;}
  132. /*///////////////common公共样式///////////////////////*/
  134. /***********************登录注册相关页面*******************/
  135. /*关闭*/
  136. .closebtn{ position: relative;border:1px transparent solid;}
  137. /*.closeicon{background: url(../images/workclose.png) center center no-repeat; background-size: 100% 100%;  width: 30px; height: 30px; position: absolute;right:5%; top:20px;}*/
  138. .closeicon{font-size: 50px; color:#999999; position: absolute;right:1%; top:14px;}
  140. .frmbox .frm-input{/*height:60px;*/width:100%;height: 0;height: 100%;padding: 2% 0;}
  141. .frmbox .frm-input .frmtype{ height: 0; height: 100%;}
  142. .frmbox .frm-input .frmtypel{ height: 0;height: 100%; width: 90%;}
  143. /*logo盒子的相关*/
  144. .logobox{ padding:6%; margin:20% auto 6% ; }
  145. .logolink{display: block;width:30%;margin: auto;}
  146. .logoimg{ width: 94%; margin: auto; text-align:center;}
  147. /*忘记密码*/
  148. .forgetword{ position: absolute;top: 50%; margin-top:-14px;right: 2%;padding:4px 10px;line-height: 20px; font-size: 12px; background: #f0f0f0;border:1px solid #f0f0f0; color: #AAAAAA; border-radius: 6px;}
  149. .forgetword2{ background: #FF9900;border:1px solid #FF9900; color: #FFFFFF;}
  150. .forgetword em{font-size:16px; line-height:16px; margin-left:3px;}
  151. .forgeticon{ background: url(../images/forget.png) center center no-repeat; background-size: 100% 100%;padding:2%; position: absolute; margin-top:-2%;}
  152. .passwordbox .frmtypel~.mui-icon-clear{right:4%; top:50%; margin-top: -2%;}
  154. /*第三方快捷登录*/
  155. .quickbox{ width: 100%; margin-top:80px;text-align: center;}
  156. /*.borderline{ border:1px dashed #999999; width: 86%; margin:auto; position: relative;}
  157. .borderline div{ position: absolute; left:50%; width: 40%; height:4px; margin-left:-20% ; top:-2px; background:#DDDDDD ;}*/
  158. .borderword{ font-size: 16px; color:#999999;}
  159. .quickway{margin: 1% auto; overflow: hidden;}
  160. .quickicon{margin: 2% 3%; padding: 1%;}
  161. .quickicon img{width:28px; height: 28px; }
  162. .weixinicon{ color: #86C610;}
  163. .weiboicon{color:#F29600; font-size: 36px;}
  164. .qqicon{color:#0093DD;}
  165. /*用户协议*/
  166. .protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
  167. .protocolbox .mui-icon{ font-size:14px; line-height: 24px;}
  168. .protocolbox label{position: relative; font-size: 13px; }
  169. /*.agreeicon{width:20px; height:20px;}*/
  170. .agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
  171. .protocollink{ color: #FF9900;}
  172. /*设置密码*/
  173. .setfindbox{ margin: 20% auto;}
  175. /*完善信息*/
  176. .maincon{ padding:4% 2%; overflow: hidden;}
  177. .maincon .headbox{ text-align: center;}
  178. .headbox .headimg{width: 20%;}
  179. .maincon .pinfor{ color: #888888; font-size: 13px;}
  180. .maincon ul {margin:0; padding:0;padding-left:3%;}
  181. .maincon ul li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
  182. .boxnav-title{font-size: 14px; color:#888; font-weight: normal;padding-left:6%;}
  183. ul.boxnav{ overflow: hidden;width:100%; padding: 0 3%;}
  184. ul.boxnav li{list-style: none;width:33.333%;float:left; padding:0 10px;    -webkit-box-sizing: border-box;}
  185. ul.boxnav li span{width:100%; font-size:12px;height:28px; line-height:28px; text-align: center; display: block; background: #fff;  border-radius: 5px;}
  186. ul.boxnav li:nth-child(1) span{border:1px solid #ff9900; color: #ff9900;}
  187. ul.boxnav li:nth-child(2) span{border:1px solid #6699ff; color: #6699ff;}
  188. ul.boxnav li:nth-child(3) span{border:1px solid #66cc00; color: #66cc00;}
  189. ul.boxnav li.set:nth-child(1) span{border:1px solid #ff9900; color: #fff; background: #ff9900;}
  190. ul.boxnav li.set:nth-child(2) span{border:1px solid #6699ff; color: #fff; background: #6699ff;}
  191. ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; background: #66cc00;}
  193. /*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
  194. .maincon ul li.basicfrm{list-style: none; position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
  195. .maincon ul li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
  196. .maincon ul li.basicfrm .authu{position:absolute;left:60%;color:burlywood}
  197. .maincon ul li label{ position: relative; color: #888888; line-height:30px;}
  198. .maincon ul li small{ color:#AAAAAA;}
  199. .maincon ul.set2{ display: block;}
  200. .fillbox{margin-top:15px;padding:4% 0;}
  201. .headbox3{width:100px; height: 100px; margin:0 auto; margin-top:15px;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo-up.jpg); background-size:100% 100%;}
  202. .headbox3 .headimg3{width:100px; height: 100px;}
  203. .headbox3 .headimglink{position: absolute;line-height:100px;color:#FFFFFF; font-size:20px;padding:0 38px;display: block; background:rgba(0,0,0,.4);width: 100px; height:100px;z-index: 4;}
  205. .nextstep{ color: #FF9900; font-size: 13px;}
  206. .nextstep{ position: relative;}
  207. .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% ; }
  208. .nexstepbtn{ border:1px solid transparent;}
  209. /***********************登录注册相关页面*******************/
  211. /***********************首页*******************/
  212. .searchbox {width: 96%;margin:6px auto;background:#FFFFFF;height:32px;text-align: center;}
  213. .searchbox .searchtxt.mui-icon{font-size:16px; color: #999999;}
  214. .searchbox .searchtxt.mui-icon span{font-size:14px;margin-left:4px;line-height:16px;}
  215. .mui-search input[type=search].searchtxt{background: #FFFFFF;}
  216. .mui-search .mui-placeholder{ font-size: 14px; top:2px }
  218. .maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
  219. .conblock{ background: #FFFFFF; margin:10px 0;}
  220. .mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
  221. .mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
  222. .mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
  223. .mui-table-view.gridbg:after{height:0;}
  224. /*热门领域*/
  225. .fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
  226. .fieldicon img{width: 100%;}
  227. /*热门专家*/
  228. .mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
  229. .protable:before{ background-color:transparent;}
  230. #table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;}
  232. .mui-media .headimg{max-width:60px; height:60px; margin: 1% 0;overflow:hidden;}
  233. .mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;}
  234. .mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto;position: relative; overflow: hidden; }
  235. /***********************首页*******************/
  237. /***********************专家信息浏览*******************/
  238. .personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
  239. .personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
  240. /*咨询记录及等级*/
  241. .peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
  242. .peocountbox{width: 150px;}
  243. .peocount {/*font-size: 13px;*/ color:#888888 ; overflow:hidden; }
  244. .peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
  245. .peocount .dialogicon{ /*font-size: 16px;line-height:20px; */color: #FF9900;}
  246. .peocount:before{position: absolute;right: 0; top: 0;left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5);background-color: #c8c7cc;}
  247. .levelbox{margin: auto; overflow: hidden; }
  248. .levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
  249. .levelbox .icon-favorfill{ color:#F4C600;}
  250. /*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
  251. /*专家相关信息*/
  252. .infocontit{font-size:14px; position: relative;}
  253. .infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
  254. .infocon ul{ padding:0; margin: 0; overflow: hidden;}
  255. .infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
  256. /*合作资源*/
  257. .resinfo li{padding:6px 8px;}
  258. .resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
  259. .resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
  260. .resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
  261. .resinfo.mui-table-view .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
  263. .listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
  264. .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;}
  265. /*.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;  }*/
  266. .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
  267. .plusbtn.icon-appreciatefill{color:#FF9900;}
  268. .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
  269. .likenum{ float:right;max-width:130px;overflow:hidden; }
  270. .likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
  271. .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
  272. .likepeople img{ width:100%; height:100%;}
  273. .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
  275. .infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
  276. .gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
  277. .gotonext2{ width: 110px;}
  278. /*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
  280. .dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
  281. .dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
  282. .dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
  283. .dialogbtn em{font-size: 20px;line-height: 24px; }
  284. /*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
  285. /*.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}*/
  287. .attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
  288. .attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
  289. /*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
  291. .maincon2{padding-right:0;}
  292. .infocon2{padding:0;}
  293. .listitembox{ position: static;width: 100%;}
  294. .listitembox .listitem{ position: static;padding:10px;padding-right: 0;}
  295. .listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
  296. .listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
  297. .listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0;  padding-right:20px;padding-bottom:10px;}
  298. .listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
  299. .listitembox .listitem.mui-table-view-cell:after{background:none;}
  300. .listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
  301. .resinfo .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
  302. /***********************专家信息浏览*******************/
  304. /***********************我的账户*******************/
  305. .headbox2{ overflow: hidden; position: relative;}
  306. .headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;}
  307. .headbox2 .headimg2{width:24%;margin: 2%; }
  308. .headbox2 .infobasic{ margin: 6px 4%;position:absolute; left:25%; top:50%; margin-top: -40px;}
  309. .headbox2 .infobasic .listtit{ font-size: 18px;}
  310. .headbox2 .infobasic .listtit2{ margin: 4px 0;}
  311. .headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
  312. .headbox2 .editbox{ display: block; width: 24px; height: 24px; }
  313. .headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
  314. .headbox2 .editbox .mui-icon:hover{color:#FF9900;}
  315. /*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
  317. .wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
  318. .addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
  319. .seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
  320. .attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
  321. .rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
  322. /*已认证*/
  323. .verified{ color: #FF9900;}
  326. /*我的关注*/
  327. .fixbox{ background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:1;}
  328. .fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
  329. .fixbox .fixbtn li{ list-style: none; float: left;height:40px;line-height:30px; padding:6px 10px; border-bottom:1px solid #F0F0F0;text-align: center;font-size: 14px;}
  330. .fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
  331. .fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
  332. .childlist{ display: none;}
  333. .alllist{ margin-top: 45px;}
  334. /*合作历史及评价*/
  335. .lefthead{ margin-right: 10px; text-align:center;}
  336. .contit{ position:relative;}
  337. .contit .listtit{ display: block; width: 62%; }
  338. .conbrief{ max-height: 46px; overflow: hidden;}
  339. .conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
  340. .conresoult .levelbox .mui-icon{font-size: 12px;}
  341. /***********************我的账户*******************/
  343. /***********************专家信息修改*******************/
  344. .generalinfo li{ line-height:26px ;}
  345. .generalinfo .ginfolist{}
  346. .generalinfo span{letter-spacing:normal;}
  347. .generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
  349. .updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
  350. .updatebox2{right:6%; }
  351. .updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
  352. .updatebox .updatebtn{font-size:16px;}
  354. .addinfobox{ position: absolute;right: 10px;/* top: 0; */ font-size: 13px; line-height:16px;color: #FF9900;}
  355. .addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
  356. .addinfobox .addinfobtn{font-size:16px;}
  358. .addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 30px;}
  359. .addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px;  width: 18%; height: 30px;/*padding-left:20px; padding-right:20px;*/}
  360. .labelarea{ margin: 20px 0;}
  361. .labelshow{ margin: 0; padding:0;overflow: hidden;}
  362. .labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; font-size: 13px; border-radius: 6px; float: left; }
  363. .labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
  365. .selectbox{padding:0;/* margin: 4px 0;*/}
  367. .downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;}
  368. .timearea{ float: left; width: 46%;}
  369. .timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid;  }
  370. .timearea:last-child{float: right; margin-left:4% ;}
  371. .timeareashow:last-child{float: right; margin-left:4% ;}
  372. .maincon .basicinfo li.timebox{ border-bottom:none; }
  373. /***********************专家信息修改*******************/
  375. /***********************搜索*******************/
  376. .searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
  377. .searchbox2 .searchselect{width: 24%; position:relative; }
  378. /*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
  379. .searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
  380. .searchbox2 .searchtxt2{width: 76%;height: 22px; line-height:20px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:13px;}
  381. .simuselect{position:relative;z-index: 30;}
  382. .ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
  383. .lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:26px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} 
  384. .lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} 
  385. .lishow li:hover{ background:#f0f0f0;} 
  387. .historybox{ background: #FFFFFF; padding-bottom:20px;}
  389. .hisrecord{ padding:0; margin: 0;}
  390. .hisrecord li{list-style: none; position: relative; font-size: 13px; color: #999999; border-bottom:1px solid #F0F0F0; padding:8px 12px; overflow: hidden;}
  391. .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%; }
  392. .hisrecord li .delrecord{ position: absolute; right: 2%; top:50%; font-size:20px; margin-top:-10px;}
  394. .hisrecord .trashrecord{ text-align: center; padding:10px;}
  395. .hisrecord .trashrecord em{font-size: 18px;}
  397. .hotsearchbox{ padding:10px 14px;}
  398. .hotsearchbox ul{ padding:0; margin: 0; margin:6px 0; overflow: hidden;}
  399. .hotsearch li{ list-style: none; padding:2px 18px; margin:4px;font-size:14px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;}
  400. .hotsearch li:active{background: #FF9900; border:1px solid #FF9900;color:#FFFFFF;}
  402. /*.hide { display: none; } */
  403. .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; }
  405. .filterbox{ position: fixed; z-index:2; width: 100%;}
  406. .filterblock{padding:0; margin: 0;background:#FFFFFF;overflow: hidden;}
  407. .filterblock li{list-style:none; float: left;border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;} 
  408. .filterblock li a.mui-btn{height:40px;line-height:30px; }
  409. .filterblock li a.mui-btn.mui-active,.filterblock li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
  410. .filterblock li em{ font-size:18px; margin:0 2px;}
  411. .filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;}
  412. /*筛选条件*/
  413. .popoverbox2 {border-radius:4px;width:0;height:0;width:100%;min-height:300px;font-size: 13px; }
  414. .popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
  415. .popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
  416. .popoverbox2 .mui-table-view-cell{text-align: center;float: left; margin:4px 4%;border-radius:4px;}
  417. .popoverbox2 .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
  418. .popoverbox2 .mui-table-view-cell>a:not(.mui-btn){/*position: relative;*/padding: 4px;border-radius:4px;border: 1px solid #CCCCCC;color:#888888;}
  419. .popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
  420. .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;}
  421. .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;}
  422. .popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
  423. .popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
  424. .popoverbox2.mui-popover .mui-table-view{max-height: none; min-height: 300px;}
  425. /*城市选择级联*/
  426. .menublock{ position: relative; }
  427. .menublock .mui-popover-arrow{z-index: 20px;}
  428. .menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: auto; top:0;  bottom:0px; border-radius: 0;}
  429. .menuposition{border-radius:4px; position: absolute; height: auto; width:100%; font-size: 14px;}
  430. .menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
  431. .menuposition .mui-table-view{border-radius: 0; overflow: auto;}
  432. .mui-popover.menuposition .mui-table-view .mui-table-view-cell:after{left: 8px;right: 0;bottom: 0;background: #BBBBBB;}
  433. .mui-popover.menuposition .mui-table-view .mui-table-view-cell:first-child,.mui-popover.menuposition  .mui-table-view .mui-table-view-cell:last-child{border-radius: 0; }
  434. .mui-popover.menuposition .mui-table-view-cell:first-child>a:not(.mui-btn),.mui-popover.menuposition .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius: 0;}
  435. .menuposition .mui-table-view-cell>a:not(.mui-btn).active{border-radius:0;background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}	
  436. /***********************搜索*******************/
  438. /*********************** 咨询*******************/
  439. .consultbox{ padding:20px 0px 20px 0px;}
  440. .consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
  441. .consultaim ul{padding: 0; margin: 0;padding: 2% 5%;/* width:70%; position:relative; left:50%;margin-left:-34%;*/ overflow: hidden;}
  442. .consultaim ul li{ list-style: none;float: left; width:31%; padding:2px 8px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 12px;line-height: 24px;vertical-align: middle;}
  443. .consultaim ul li .icon-check{border:1px solid #6CA8FF;color:#6CA8FF;border-radius: 50%;font-size:12px; margin-right: 2%; }
  444. .consultaim ul .liactive{ border:1px solid #6CA8FF;color: #6CA8FF;/*padding-left:28px; position: relative;}*/
  445. /*.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% ;*/}*/
  446. .divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;} 
  448. .consultinfo{ width: 96%; margin: auto; margin-top:6px;}
  449. .consultinfo tr td{ vertical-align: top; padding:4px 0;} 
  450. .consultinfo tr td:first-child{padding: 4px; width:64px;}
  451. .consultinfo tr td input{border:1px solid #CCCCCC; border-radius: 4px; height: 30px; line-height:16px; font-size: 14px;}
  452. .consultinfo tr td textarea{border:1px solid #CCCCCC; border-radius: 4px; height: 100px; line-height:16px; font-size: 14px;}
  453. .consultinfo tr td.sendbox{text-align: right;position: relative;}
  454. .consultinfo tr td .sendbtn{width: 20%;font-size: 13px; padding: 4px 10px;margin:0;position:absolute;right:0; top:0; }
  456. .operatebox{ width:100%;background: #FFFFFF;overflow: hidden; padding:10px;position: relative;}
  457. .themespan{ width: 54%;}
  458. .operatebtnbox{width:44%;position:absolute; top:50%; right:1%;margin-top:-13px;}
  459. /*已评价*/.operated{width:30%; margin-top:-18px;}
  460. .operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;}
  463. .filterbox2{ position: fixed; z-index:2; width: 100%;}
  464. .filterblock2{padding:0; margin: 0; background:#FFFFFF;overflow: hidden;}
  465. .filterblock2 li{list-style:none; position: relative;float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;} 
  466. .filterblock2 li a.mui-btn{height:40px;line-height:30px; }
  467. .filterblock2 li a.mui-btn.mui-active,.filterblock2 li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
  468. .filterblock2 li select{  margin:0 2px;}
  469. .filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
  471. .coutopicbox{ position: relative;z-index: 1;border-bottom: 1px solid #ccc;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px; padding:10px 10px 8px 10px; overflow: hidden;}
  473. .coutopicbox .coutheme{ max-width: 60%;}
  474. #table {background: #EFEFEF;}
  475. #table li .proinfor{background:#FFFFFF;}
  476. #table li:first-child{margin-top:0;}
  478. .coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
  479. .coutopicbox .aimlabel{background:#6CA8FF;}
  480. .coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
  481. .coutopicbox .status-2{background:#dd524d;}/*待评价*/
  482. .coutopicbox .status-3{background:#00b38a;}/*已完成*/
  484. .thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
  486. .mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
  487. /*星级评价*/
  488. .evabox{position:absolute;right: 2%;top: -4px; text-align: center;color: #999;}
  489. .evabox span{ font-size: 12px;}
  490. .evabox .levelbox{ width:100px;}
  491. .evabox .levelbox .mui-icon{ font-size: 12px; }
  492. /*咨询列表下拉菜单*/
  493. .popoverbox {border-radius: 4px;width:0;height:0;min-width: 100px;height:140px;font-size: 13px; }
  494. .popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;}
  495. .popoverbox .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
  496. .popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/}
  497. .popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;}
  498. .popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
  499. .mui-popover4{ width: 130px;  }
  500. /*********************** 咨询*******************/
  502. /*********************** 资源信息浏览*******************/
  503. .restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
  504. .resouimgbox{width: 56%; margin-right:10px;}
  505. .resouimgbox img{ width: 100%;margin: auto;}
  506. .personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
  507. .personblock p{ margin-bottom: 4px;}
  508. .personblock .headimg{ width:40%;overflow: hidden;}
  510. .resomenubox{background: #FFFFFF; padding:8px 10px;}
  511. .resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
  512. .resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
  514. .resouinfoword{ padding:6px 0; background: #FFFFFF;}
  515. .resouinfobox{ padding:0;margin: 0;}
  516. .resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
  518. /*********************** 资源信息浏览*******************/
  520. /***********************评价*******************/
  521. .feedback .row {width: 100%;background-color: #fff;font-size:14px;}
  522. .feedback .hidden {display: none;}
  523. .feedback .mui-inline{vertical-align: bottom;font-size: 14px;color: #888888;}
  524. .feedback .question{border-bottom:1px solid #F0F0F0;padding:4px 16px;}
  525. .icons.levelbox .icon-favor{color: #B5B5B5;font-size: 18px;}
  526. .icons.levelbox .icon-favorfill{/*color: #FFB400;*/font-size: 18px;} 
  527. .assessbox{margin:10px 0; background: #FFFFFF; padding:10px;padding-bottom: 30px;}
  528. /***********************评价*******************/
  530. /***********************缺省页面*******************/
  531. .nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
  532. .nodatabox .picbox{width: 40%;margin: auto;}
  533. .nodatabox .picbox .defpic{width:100%;}
  534. .nodatabox .txtbox { margin:10px 0;}
  535. .nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
  536. .nodatabox .txtbox .currtip{ font-size:12px;color: #AAAAAA;}
  537. .nodatabox .txtbox .keyword{ padding:0 6px;}
  538. /***********************缺省页面*******************/
  540. /***********************科袖用户协议*******************/
  541. .privacyBox{width:100%;padding:10px;background:#fafafa;margin:auto;line-height:28px;font-size:15px;}
  542. .privacyBox dl,.privacyBox dd{padding:0; margin: 0;}
  543. .privacyBox h3{font-size: 16px;line-height: 30px; color:#444;padding:4px;}
  544. .privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;}
  545. .privacyBox p.text_indentP{text-indent:2em; }
  546. .privacyBox ul{ margin:0 4px;text-indent:1.5em;padding:0 4px; color:#666;}
  547. .privacyBox ul li{list-style: none;}
  549. .versionbox{position:absolute;width:20%;margin: auto; bottom:10%;left:50%; color:#999999;font-size:12px;margin-left:-10%;text-align: center;}
  550. /***********************科袖用户协议*******************/
  551. .identity-wen{font-size:13px; color: #888; padding-left:15px;}