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

未登录时，提示登录或者注册，

dell 8 years ago
parent
2be1bdd638
commit
0fe92fa7e7
5 changed files with 699 additions and 559 deletions
Split View Show Diff Stats
  1. 537 537
      app/css/app.css
  2. 79 14
      app/html/consultlist.html
  3. 71 7
      app/js/consult.js
  4. 7 1
      app/js/login.js
  5. 5 0
      app/js/setup.js

+ 537 - 537
app/css/app.css
View File 

@ -1,538 +1,538 @@
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);}
16
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;}
26
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;}
40
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;}
48
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);}
57
58 
/*列表右侧无箭头*/
59 
.rightnone:after{ right: 15px;content:none;}
60 
.rightnone{}
61 
/*小标签提示*/
62 
.litlabel .listtit2{ color: #AAAAAA;}
63
64 
/*单行省略号*/
65 
.onlyone{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
66
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;}
80
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;}
87
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: #4cd964;}
98 
/*未认证*/
99 
.unauth{background: #efefef;color: #CCCCCC;}
100
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:8px;font-size:12px;line-height:10px;}
110 
em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
111 
.authicon-mana{color:#007AFF;}/*认证在企高管*/
112 
.authicon-staff{color:#007AFF;}/*认证在企职员*/
113 
.authicon-stu{color:#4cd964;}/*认证在读学生*/
114
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;}
125
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;}
130
131 
.pompmsg{ font-size: 12px; color: #CCCCCC;}
132 
/*///////////////common公共样式///////////////////////*/
133
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;}
139
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%;}
153
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;}
174
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 .basicinfo {margin:0; padding:0;padding-left:3%; }
181 
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
182 
/*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
183 
.maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
184 
.maincon .basicinfo li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
185 
.maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;}
186 
.maincon .basicinfo li small{ color:#AAAAAA;}
187
188 
.fillbox{margin-top:20%;padding:4% 0;}
189 
.maincon .headbox3{width:100px; height: 100px;position: absolute;top:-15%; left: 50%; margin-left: -50px;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo-up.jpg); background-size:100% 100%;}
190 
.headbox3 .headimg3{width:100%; height: 100%;}
191 
.headbox3 .headimglink{position: absolute;line-height:100px;color:#FFFFFF; font-size:20px;padding:0 38px;display: block; background:rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;}
192
193 
.nextstep{ color: #FF9900; font-size: 13px;}
194 
.nextstep{ position: relative;}
195 
.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% ; }
196 
.nexstepbtn{ border:1px solid transparent;}
197 
/***********************登录注册相关页面*******************/
198
199 
/***********************首页*******************/
200 
.searchbox {width: 96%;margin:6px auto;background:#FFFFFF;height:32px;text-align: center;}
201 
.searchbox .searchtxt.mui-icon{font-size:16px; color: #999999;}
202 
.searchbox .searchtxt.mui-icon span{font-size:14px;margin-left:4px;line-height:16px;}
203 
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
204 
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
205
206 
.maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
207 
.conblock{ background: #FFFFFF; margin:10px 0;}
208 
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
209 
.mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
210 
.mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
211 
.mui-table-view.gridbg:after{height:0;}
212 
/*热门领域*/
213 
.fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
214 
.fieldicon img{width: 100%;}
215 
/*热门专家*/
216 
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
217 
.protable:before{ background-color:transparent;}
218 
#table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;}
219
220 
.mui-media .headimg{max-width:60px; height:60px; margin: 1% 0;overflow:hidden;}
221 
.mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;}
222 
.mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto;position: relative; overflow: hidden; }
223 
/***********************首页*******************/
224
225 
/***********************专家信息浏览*******************/
226 
.personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
227 
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
228 
/*咨询记录及等级*/
229 
.peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
230 
.peocountbox{width: 150px;}
231 
.peocount {/*font-size: 13px;*/ color:#888888 ; overflow:hidden; }
232 
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
233 
.peocount .dialogicon{ /*font-size: 16px;line-height:20px; */color: #FF9900;}
234 
.peocount:before{position: absolute;right: 0; top: 0;left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5);background-color: #c8c7cc;}
235 
.levelbox{margin: auto; overflow: hidden; }
236 
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
237 
.levelbox .icon-favorfill{ color:#F4C600;}
238 
/*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
239 
/*专家相关信息*/
240 
.infocontit{font-size:14px; position: relative;}
241 
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
242 
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
243 
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
244 
/*合作资源*/
245 
.resinfo li{padding:6px 8px;}
246 
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
247 
.resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
248 
.resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
249 
.resinfo.mui-table-view .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
250
251 
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
252 
.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;}
253 
/*.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;  }*/
254 
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
255 
.plusbtn.icon-appreciatefill{color:#FF9900;}
256 
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
257 
.likenum{ float:right;max-width:130px;overflow:hidden; }
258 
.likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
259 
.likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
260 
.likepeople img{ width:100%; height:100%;}
261 
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
262
263 
.infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
264 
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
265 
.gotonext2{ width: 110px;}
266 
/*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
267
268 
.dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
269 
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
270 
.dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
271 
.dialogbtn em{font-size: 20px;line-height: 24px; }
272 
/*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
273 
/*.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}*/
274
275 
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
276 
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
277 
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
278
279 
.maincon2{padding-right:0;}
280 
.infocon2{padding:0;}
281 
.listitembox{ position: static;width: 100%;}
282 
.listitembox .listitem{ position: static;padding:10px;padding-right: 0;}
283 
.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
284 
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
285 
.listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0;  padding-right:20px;padding-bottom:10px;}
286 
.listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
287 
.listitembox .listitem.mui-table-view-cell:after{background:none;}
288 
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
289 
.resinfo .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
290 
/***********************专家信息浏览*******************/
291
292 
/***********************我的账户*******************/
293 
.headbox2{ overflow: hidden; position: relative;}
294 
.headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;}
295 
.headbox2 .headimg2{width:24%;margin: 2%; }
296 
.headbox2 .infobasic{ margin: 6px 4%;position:absolute; left:25%; top:50%; margin-top: -40px;}
297 
.headbox2 .infobasic .listtit{ font-size: 18px;}
298 
.headbox2 .infobasic .listtit2{ margin: 4px 0;}
299 
.headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
300 
.headbox2 .editbox{ display: block; width: 24px; height: 24px; }
301 
.headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
302 
.headbox2 .editbox .mui-icon:hover{color:#FF9900;}
303 
/*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
304
305 
.wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
306 
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
307 
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
308 
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
309 
.rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
310 
/*已认证*/
311 
.verified{ color: #FF9900;}
312
313
314 
/*我的关注*/
315 
.fixbox{ background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:1;}
316 
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
317 
.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;}
318 
.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
319 
.fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
320 
.childlist{ display: none;}
321 
.alllist{ margin-top: 45px;}
322 
/*合作历史及评价*/
323 
.lefthead{ margin-right: 10px; text-align:center;}
324 
.contit{ position:relative;}
325 
.contit .listtit{ display: block; width: 62%; }
326 
.conbrief{ max-height: 46px; overflow: hidden;}
327 
.conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
328 
.conresoult .levelbox .mui-icon{font-size: 12px;}
329 
/***********************我的账户*******************/
330
331 
/***********************专家信息修改*******************/
332 
.generalinfo li{ line-height:26px ;}
333 
.generalinfo .ginfolist{}
334 
.generalinfo span{letter-spacing:normal;}
335 
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
336
337 
.updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
338 
.updatebox2{right:6%; }
339 
.updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
340 
.updatebox .updatebtn{font-size:16px;}
341
342 
.addinfobox{ position: absolute;right: 10px;/* top: 0; */ font-size: 13px; line-height:16px;color: #FF9900;}
343 
.addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
344 
.addinfobox .addinfobtn{font-size:16px;}
345
346 
.addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 30px;}
347 
.addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px;  width: 18%; height: 30px;/*padding-left:20px; padding-right:20px;*/}
348 
.labelarea{ margin: 20px 0;}
349 
.labelshow{ margin: 0; padding:0;overflow: hidden;}
350 
.labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; font-size: 13px; border-radius: 6px; float: left; }
351 
.labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
352
353 
.selectbox{padding:0;/* margin: 4px 0;*/}
354
355 
.downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;}
356 
.timearea{ float: left; width: 46%;}
357 
.timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid;  }
358 
.timearea:last-child{float: right; margin-left:4% ;}
359 
.timeareashow:last-child{float: right; margin-left:4% ;}
360 
.maincon .basicinfo li.timebox{ border-bottom:none; }
361 
/***********************专家信息修改*******************/
362
363 
/***********************搜索*******************/
364 
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
365 
.searchbox2 .searchselect{width: 24%; position:relative; }
366 
/*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
367 
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
368 
.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;}
369 
.simuselect{position:relative;z-index: 30;}
370 
.ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;}
371 
.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;}
372 
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;}
373 
.lishow li:hover{ background:#f0f0f0;}
374
375 
.historybox{ background: #FFFFFF; padding-bottom:20px;}
376
377 
.hisrecord{ padding:0; margin: 0;}
378 
.hisrecord li{list-style: none; position: relative; font-size: 13px; color: #999999; border-bottom:1px solid #F0F0F0; padding:8px 12px; overflow: hidden;}
379 
.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%; }
380 
.hisrecord li .delrecord{ position: absolute; right: 2%; top:50%; font-size:20px; margin-top:-10px;}
381
382 
.hisrecord .trashrecord{ text-align: center; padding:10px;}
383 
.hisrecord .trashrecord em{font-size: 18px;}
384
385 
.hotsearchbox{ padding:10px 14px;}
386 
.hotsearchbox ul{ padding:0; margin: 0; margin:6px 0; overflow: hidden;}
387 
.hotsearch li{ list-style: none; padding:2px 18px; margin:4px;font-size:14px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;}
388 
.hotsearch li:active{background: #FF9900; border:1px solid #FF9900;color:#FFFFFF;}
389
390 
/*.hide { display: none; } */
391 
.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; }
392
393 
.filterbox{ position: fixed; z-index:2; width: 100%;}
394 
.filterblock{padding:0; margin: 0;background:#FFFFFF;overflow: hidden;}
395 
.filterblock li{list-style:none; float: left;border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
396 
.filterblock li a.mui-btn{height:40px;line-height:30px; }
397 
.filterblock li a.mui-btn.mui-active,.filterblock li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
398 
.filterblock li em{ font-size:18px; margin:0 2px;}
399 
.filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;}
400 
/*筛选条件*/
401 
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;min-height:300px;font-size: 13px; }
402 
.popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
403 
.popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
404 
.popoverbox2 .mui-table-view-cell{text-align: center;float: left; margin:4px 4%;border-radius:4px;}
405 
.popoverbox2 .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
406 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn){/*position: relative;*/padding: 4px;border-radius:4px;border: 1px solid #CCCCCC;color:#888888;}
407 
.popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
408 
.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;}
409 
.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;}
410 
.popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
411 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
412 
.popoverbox2.mui-popover .mui-table-view{max-height: none; min-height: 300px;}
413 
/*城市选择级联*/
414 
.menublock{ position: relative; }
415 
.menublock .mui-popover-arrow{z-index: 20px;}
416 
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: auto; top:0;  bottom:0px; border-radius: 0;}
417 
.menuposition{border-radius:4px; position: absolute; height: auto; width:100%; font-size: 14px;}
418 
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
419 
.menuposition .mui-table-view{border-radius: 0; overflow: auto;}
420 
.mui-popover.menuposition .mui-table-view .mui-table-view-cell:after{left: 8px;right: 0;bottom: 0;background: #BBBBBB;}
421 
.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; }
422 
.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;}
423 
.menuposition .mui-table-view-cell>a:not(.mui-btn).active{border-radius:0;background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
424 
/***********************搜索*******************/
425
426 
/*********************** 咨询*******************/
427 
.consultbox{ padding:20px 0px 20px 0px;}
428 
.consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
429 
.consultaim ul{padding: 0; margin: 0;padding: 2% 5%;/* width:70%; position:relative; left:50%;margin-left:-34%;*/ overflow: hidden;}
430 
.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;}
431 
.consultaim ul li .icon-check{border:1px solid #6CA8FF;color:#6CA8FF;border-radius: 50%;font-size:12px; margin-right: 2%; }
432 
.consultaim ul .liactive{ border:1px solid #6CA8FF;color: #6CA8FF;/*padding-left:28px; position: relative;}*/
433 
/*.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% ;*/}*/
434 
.divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;}
435
436 
.consultinfo{ width: 96%; margin: auto; margin-top:6px;}
437 
.consultinfo tr td{ vertical-align: top; padding:4px 0;}
438 
.consultinfo tr td:first-child{padding: 4px; width:64px;}
439 
.consultinfo tr td input{border:1px solid #CCCCCC; border-radius: 4px; height: 30px; line-height:16px; font-size: 14px;}
440 
.consultinfo tr td textarea{border:1px solid #CCCCCC; border-radius: 4px; height: 100px; line-height:16px; font-size: 14px;}
441 
.consultinfo tr td.sendbox{text-align: right;position: relative;}
442 
.consultinfo tr td .sendbtn{width: 20%;font-size: 13px; padding: 4px 10px;margin:0;position:absolute;right:0; top:0; }
443
444 
.operatebox{ width:100%;background: #FFFFFF;overflow: hidden; padding:10px;position: relative;}
445 
.themespan{ width: 54%;}
446 
.operatebtnbox{width:44%;position:absolute; top:50%; right:1%;margin-top:-13px;}
447 
/*已评价*/.operated{width:30%; margin-top:-18px;}
448 
.operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;}
449
450
451 
.filterbox2{ position: fixed; z-index:2; width: 100%;}
452 
.filterblock2{padding:0; margin: 0; background:#FFFFFF;overflow: hidden;}
453 
.filterblock2 li{list-style:none; position: relative;float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}
454 
.filterblock2 li a.mui-btn{height:40px;line-height:30px; }
455 
.filterblock2 li a.mui-btn.mui-active,.filterblock2 li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
456 
.filterblock2 li select{  margin:0 2px;}
457 
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
458
459 
.coutopicbox{ position: relative;z-index: 100;border-bottom: 1px solid #ccc;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px;margin-top:10px; padding:10px 10px 8px 10px; overflow: hidden;}
460
461 
.coutopicbox .coutheme{ max-width: 60%;}
462 
#table {background: #EFEFEF;}
463 
#table li .proinfor{background:#FFFFFF;}
464 
#table li:first-child{margin-top:0;}
465
466 
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
467 
.coutopicbox .aimlabel{background:#6CA8FF;}
468 
.coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
469 
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
470 
.coutopicbox .status-3{background:#4cd964;}/*已完成*/
471
472 
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
473
474 
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
475 
/*星级评价*/
476 
.evabox{position:absolute;right: 2%;top: -4px; text-align: center;color: #999;}
477 
.evabox span{ font-size: 12px;}
478 
.evabox .levelbox{ width:100px;}
479 
.evabox .levelbox .mui-icon{ font-size: 12px; }
480 
/*咨询列表下拉菜单*/
481 
.popoverbox {border-radius: 4px;width:0;height:0;min-width: 100px;height:140px;font-size: 13px; }
482 
.popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;}
483 
.popoverbox .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
484 
.popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/}
485 
.popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;}
486 
.popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
487 
.mui-popover4{ width: 130px;  }
488 
/*********************** 咨询*******************/
489
490 
/*********************** 资源信息浏览*******************/
491 
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
492 
.resouimgbox{width: 56%; margin-right:10px;}
493 
.resouimgbox img{ width: 100%;margin: auto;}
494 
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
495 
.personblock p{ margin-bottom: 4px;}
496 
.personblock .headimg{ width:40%;overflow: hidden;}
497
498 
.resomenubox{background: #FFFFFF; padding:8px 10px;}
499 
.resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
500 
.resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
501
502 
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
503 
.resouinfobox{ padding:0;margin: 0;}
504 
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
505
506 
/*********************** 资源信息浏览*******************/
507
508 
/***********************评价*******************/
509 
.feedback .row {width: 100%;background-color: #fff;font-size:14px;}
510 
.feedback .hidden {display: none;}
511 
.feedback .mui-inline{vertical-align: bottom;font-size: 14px;color: #888888;}
512 
.feedback .question{border-bottom:1px solid #F0F0F0;padding:4px 16px;}
513 
.icons.levelbox .icon-favor{color: #B5B5B5;font-size: 18px;}
514 
.icons.levelbox .icon-favorfill{/*color: #FFB400;*/font-size: 18px;}
515 
.assessbox{margin:10px 0; background: #FFFFFF; padding:10px;padding-bottom: 30px;}
516 
/***********************评价*******************/
517
518 
/***********************缺省页面*******************/
519 
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
520 
.nodatabox .picbox{width: 40%;margin: auto;}
521 
.nodatabox .picbox .defpic{width:100%;}
522 
.nodatabox .txtbox { margin:10px 0;}
523 
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
524 
.nodatabox .txtbox .currtip{ font-size:12px;color: #AAAAAA;}
525 
.nodatabox .txtbox .keyword{ padding:0 6px;}
526 
/***********************缺省页面*******************/
527
528 
/***********************科袖用户协议*******************/
529 
.privacyBox{width:100%;padding:10px;background:#fafafa;margin:auto;line-height:28px;font-size:15px;}
530 
.privacyBox dl,.privacyBox dd{padding:0; margin: 0;}
531 
.privacyBox h3{font-size: 16px;line-height: 30px; color:#444;padding:4px;}
532 
.privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;}
533 
.privacyBox p.text_indentP{text-indent:2em; }
534 
.privacyBox ul{ margin:0 4px;text-indent:1.5em;padding:0 4px; color:#666;}
535 
.privacyBox ul li{list-style: none;}
536
537 
.versionbox{position:absolute;width:20%;margin: auto; bottom:10%;left:50%; color:#999999;font-size:12px;margin-left:-10%;text-align: center;}
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);}
16
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;}
26
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;}
40
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;}
48
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);}
57
58 
/*列表右侧无箭头*/
59 
.rightnone:after{ right: 15px;content:none;}
60 
.rightnone{}
61 
/*小标签提示*/
62 
.litlabel .listtit2{ color: #AAAAAA;}
63
64 
/*单行省略号*/
65 
.onlyone{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
66
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;}
80
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;}
87
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: #4cd964;}
98 
/*未认证*/
99 
.unauth{background: #efefef;color: #CCCCCC;}
100
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:8px;font-size:12px;line-height:10px;}
110 
em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
111 
.authicon-mana{color:#007AFF;}/*认证在企高管*/
112 
.authicon-staff{color:#007AFF;}/*认证在企职员*/
113 
.authicon-stu{color:#4cd964;}/*认证在读学生*/
114
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;}
125
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;}
130
131 
.pompmsg{ font-size: 12px; color: #CCCCCC;}
132 
/*///////////////common公共样式///////////////////////*/
133
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;}
139
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%;}
153
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;}
174
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 .basicinfo {margin:0; padding:0;padding-left:3%; }
181 
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
182 
/*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
183 
.maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
184 
.maincon .basicinfo li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
185 
.maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;}
186 
.maincon .basicinfo li small{ color:#AAAAAA;}
187
188 
.fillbox{margin-top:20%;padding:4% 0;}
189 
.maincon .headbox3{width:100px; height: 100px;position: absolute;top:-15%; left: 50%; margin-left: -50px;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo-up.jpg); background-size:100% 100%;}
190 
.headbox3 .headimg3{width:100%; height: 100%;}
191 
.headbox3 .headimglink{position: absolute;line-height:100px;color:#FFFFFF; font-size:20px;padding:0 38px;display: block; background:rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;}
192
193 
.nextstep{ color: #FF9900; font-size: 13px;}
194 
.nextstep{ position: relative;}
195 
.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% ; }
196 
.nexstepbtn{ border:1px solid transparent;}
197 
/***********************登录注册相关页面*******************/
198
199 
/***********************首页*******************/
200 
.searchbox {width: 96%;margin:6px auto;background:#FFFFFF;height:32px;text-align: center;}
201 
.searchbox .searchtxt.mui-icon{font-size:16px; color: #999999;}
202 
.searchbox .searchtxt.mui-icon span{font-size:14px;margin-left:4px;line-height:16px;}
203 
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
204 
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
205
206 
.maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
207 
.conblock{ background: #FFFFFF; margin:10px 0;}
208 
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
209 
.mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
210 
.mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
211 
.mui-table-view.gridbg:after{height:0;}
212 
/*热门领域*/
213 
.fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
214 
.fieldicon img{width: 100%;}
215 
/*热门专家*/
216 
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
217 
.protable:before{ background-color:transparent;}
218 
#table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;}
219
220 
.mui-media .headimg{max-width:60px; height:60px; margin: 1% 0;overflow:hidden;}
221 
.mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;}
222 
.mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto;position: relative; overflow: hidden; }
223 
/***********************首页*******************/
224
225 
/***********************专家信息浏览*******************/
226 
.personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
227 
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
228 
/*咨询记录及等级*/
229 
.peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
230 
.peocountbox{width: 150px;}
231 
.peocount {/*font-size: 13px;*/ color:#888888 ; overflow:hidden; }
232 
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
233 
.peocount .dialogicon{ /*font-size: 16px;line-height:20px; */color: #FF9900;}
234 
.peocount:before{position: absolute;right: 0; top: 0;left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5);background-color: #c8c7cc;}
235 
.levelbox{margin: auto; overflow: hidden; }
236 
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
237 
.levelbox .icon-favorfill{ color:#F4C600;}
238 
/*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
239 
/*专家相关信息*/
240 
.infocontit{font-size:14px; position: relative;}
241 
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
242 
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
243 
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
244 
/*合作资源*/
245 
.resinfo li{padding:6px 8px;}
246 
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
247 
.resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
248 
.resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
249 
.resinfo.mui-table-view .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
250
251 
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
252 
.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;}
253 
/*.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;  }*/
254 
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
255 
.plusbtn.icon-appreciatefill{color:#FF9900;}
256 
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
257 
.likenum{ float:right;max-width:130px;overflow:hidden; }
258 
.likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
259 
.likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
260 
.likepeople img{ width:100%; height:100%;}
261 
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
262
263 
.infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
264 
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
265 
.gotonext2{ width: 110px;}
266 
/*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
267
268 
.dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
269 
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
270 
.dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
271 
.dialogbtn em{font-size: 20px;line-height: 24px; }
272 
/*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
273 
/*.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}*/
274
275 
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
276 
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
277 
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
278
279 
.maincon2{padding-right:0;}
280 
.infocon2{padding:0;}
281 
.listitembox{ position: static;width: 100%;}
282 
.listitembox .listitem{ position: static;padding:10px;padding-right: 0;}
283 
.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
284 
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
285 
.listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0;  padding-right:20px;padding-bottom:10px;}
286 
.listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
287 
.listitembox .listitem.mui-table-view-cell:after{background:none;}
288 
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
289 
.resinfo .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
290 
/***********************专家信息浏览*******************/
291
292 
/***********************我的账户*******************/
293 
.headbox2{ overflow: hidden; position: relative;}
294 
.headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;}
295 
.headbox2 .headimg2{width:24%;margin: 2%; }
296 
.headbox2 .infobasic{ margin: 6px 4%;position:absolute; left:25%; top:50%; margin-top: -40px;}
297 
.headbox2 .infobasic .listtit{ font-size: 18px;}
298 
.headbox2 .infobasic .listtit2{ margin: 4px 0;}
299 
.headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
300 
.headbox2 .editbox{ display: block; width: 24px; height: 24px; }
301 
.headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
302 
.headbox2 .editbox .mui-icon:hover{color:#FF9900;}
303 
/*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
304
305 
.wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
306 
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
307 
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
308 
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
309 
.rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
310 
/*已认证*/
311 
.verified{ color: #FF9900;}
312
313
314 
/*我的关注*/
315 
.fixbox{ background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:1;}
316 
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
317 
.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;}
318 
.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
319 
.fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
320 
.childlist{ display: none;}
321 
.alllist{ margin-top: 45px;}
322 
/*合作历史及评价*/
323 
.lefthead{ margin-right: 10px; text-align:center;}
324 
.contit{ position:relative;}
325 
.contit .listtit{ display: block; width: 62%; }
326 
.conbrief{ max-height: 46px; overflow: hidden;}
327 
.conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
328 
.conresoult .levelbox .mui-icon{font-size: 12px;}
329 
/***********************我的账户*******************/
330
331 
/***********************专家信息修改*******************/
332 
.generalinfo li{ line-height:26px ;}
333 
.generalinfo .ginfolist{}
334 
.generalinfo span{letter-spacing:normal;}
335 
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
336
337 
.updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
338 
.updatebox2{right:6%; }
339 
.updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
340 
.updatebox .updatebtn{font-size:16px;}
341
342 
.addinfobox{ position: absolute;right: 10px;/* top: 0; */ font-size: 13px; line-height:16px;color: #FF9900;}
343 
.addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
344 
.addinfobox .addinfobtn{font-size:16px;}
345
346 
.addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 30px;}
347 
.addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px;  width: 18%; height: 30px;/*padding-left:20px; padding-right:20px;*/}
348 
.labelarea{ margin: 20px 0;}
349 
.labelshow{ margin: 0; padding:0;overflow: hidden;}
350 
.labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; font-size: 13px; border-radius: 6px; float: left; }
351 
.labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
352
353 
.selectbox{padding:0;/* margin: 4px 0;*/}
354
355 
.downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999; font-size: 18px;}
356 
.timearea{ float: left; width: 46%;}
357 
.timeareashow{float: left; width: 46%; position: relative; border-bottom:1px #F0F0F0 solid;  }
358 
.timearea:last-child{float: right; margin-left:4% ;}
359 
.timeareashow:last-child{float: right; margin-left:4% ;}
360 
.maincon .basicinfo li.timebox{ border-bottom:none; }
361 
/***********************专家信息修改*******************/
362
363 
/***********************搜索*******************/
364 
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
365 
.searchbox2 .searchselect{width: 24%; position:relative; }
366 
/*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
367 
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
368 
.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;}
369 
.simuselect{position:relative;z-index: 30;}
370 
.ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;}
371 
.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;}
372 
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;}
373 
.lishow li:hover{ background:#f0f0f0;}
374
375 
.historybox{ background: #FFFFFF; padding-bottom:20px;}
376
377 
.hisrecord{ padding:0; margin: 0;}
378 
.hisrecord li{list-style: none; position: relative; font-size: 13px; color: #999999; border-bottom:1px solid #F0F0F0; padding:8px 12px; overflow: hidden;}
379 
.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%; }
380 
.hisrecord li .delrecord{ position: absolute; right: 2%; top:50%; font-size:20px; margin-top:-10px;}
381
382 
.hisrecord .trashrecord{ text-align: center; padding:10px;}
383 
.hisrecord .trashrecord em{font-size: 18px;}
384
385 
.hotsearchbox{ padding:10px 14px;}
386 
.hotsearchbox ul{ padding:0; margin: 0; margin:6px 0; overflow: hidden;}
387 
.hotsearch li{ list-style: none; padding:2px 18px; margin:4px;font-size:14px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;}
388 
.hotsearch li:active{background: #FF9900; border:1px solid #FF9900;color:#FFFFFF;}
389
390 
/*.hide { display: none; } */
391 
.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; }
392
393 
.filterbox{ position: fixed; z-index:2; width: 100%;}
394 
.filterblock{padding:0; margin: 0;background:#FFFFFF;overflow: hidden;}
395 
.filterblock li{list-style:none; float: left;border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
396 
.filterblock li a.mui-btn{height:40px;line-height:30px; }
397 
.filterblock li a.mui-btn.mui-active,.filterblock li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
398 
.filterblock li em{ font-size:18px; margin:0 2px;}
399 
.filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;}
400 
/*筛选条件*/
401 
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;min-height:300px;font-size: 13px; }
402 
.popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
403 
.popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
404 
.popoverbox2 .mui-table-view-cell{text-align: center;float: left; margin:4px 4%;border-radius:4px;}
405 
.popoverbox2 .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
406 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn){/*position: relative;*/padding: 4px;border-radius:4px;border: 1px solid #CCCCCC;color:#888888;}
407 
.popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
408 
.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;}
409 
.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;}
410 
.popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
411 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
412 
.popoverbox2.mui-popover .mui-table-view{max-height: none; min-height: 300px;}
413 
/*城市选择级联*/
414 
.menublock{ position: relative; }
415 
.menublock .mui-popover-arrow{z-index: 20px;}
416 
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: auto; top:0;  bottom:0px; border-radius: 0;}
417 
.menuposition{border-radius:4px; position: absolute; height: auto; width:100%; font-size: 14px;}
418 
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
419 
.menuposition .mui-table-view{border-radius: 0; overflow: auto;}
420 
.mui-popover.menuposition .mui-table-view .mui-table-view-cell:after{left: 8px;right: 0;bottom: 0;background: #BBBBBB;}
421 
.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; }
422 
.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;}
423 
.menuposition .mui-table-view-cell>a:not(.mui-btn).active{border-radius:0;background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
424 
/***********************搜索*******************/
425
426 
/*********************** 咨询*******************/
427 
.consultbox{ padding:20px 0px 20px 0px;}
428 
.consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
429 
.consultaim ul{padding: 0; margin: 0;padding: 2% 5%;/* width:70%; position:relative; left:50%;margin-left:-34%;*/ overflow: hidden;}
430 
.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;}
431 
.consultaim ul li .icon-check{border:1px solid #6CA8FF;color:#6CA8FF;border-radius: 50%;font-size:12px; margin-right: 2%; }
432 
.consultaim ul .liactive{ border:1px solid #6CA8FF;color: #6CA8FF;/*padding-left:28px; position: relative;}*/
433 
/*.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% ;*/}*/
434 
.divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;}
435
436 
.consultinfo{ width: 96%; margin: auto; margin-top:6px;}
437 
.consultinfo tr td{ vertical-align: top; padding:4px 0;}
438 
.consultinfo tr td:first-child{padding: 4px; width:64px;}
439 
.consultinfo tr td input{border:1px solid #CCCCCC; border-radius: 4px; height: 30px; line-height:16px; font-size: 14px;}
440 
.consultinfo tr td textarea{border:1px solid #CCCCCC; border-radius: 4px; height: 100px; line-height:16px; font-size: 14px;}
441 
.consultinfo tr td.sendbox{text-align: right;position: relative;}
442 
.consultinfo tr td .sendbtn{width: 20%;font-size: 13px; padding: 4px 10px;margin:0;position:absolute;right:0; top:0; }
443
444 
.operatebox{ width:100%;background: #FFFFFF;overflow: hidden; padding:10px;position: relative;}
445 
.themespan{ width: 54%;}
446 
.operatebtnbox{width:44%;position:absolute; top:50%; right:1%;margin-top:-13px;}
447 
/*已评价*/.operated{width:30%; margin-top:-18px;}
448 
.operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;}
449
450
451 
.filterbox2{ position: fixed; z-index:2; width: 100%;}
452 
.filterblock2{padding:0; margin: 0; background:#FFFFFF;overflow: hidden;}
453 
.filterblock2 li{list-style:none; position: relative;float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}
454 
.filterblock2 li a.mui-btn{height:40px;line-height:30px; }
455 
.filterblock2 li a.mui-btn.mui-active,.filterblock2 li a.mui-btn:enabled:active{background: none;border:none;color:#666666;}
456 
.filterblock2 li select{  margin:0 2px;}
457 
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
458
459 
.coutopicbox{ position: relative;z-index: 1;border-bottom: 1px solid #ccc;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px;margin-top:10px; padding:10px 10px 8px 10px; overflow: hidden;}
460
461 
.coutopicbox .coutheme{ max-width: 60%;}
462 
#table {background: #EFEFEF;}
463 
#table li .proinfor{background:#FFFFFF;}
464 
#table li:first-child{margin-top:0;}
465
466 
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
467 
.coutopicbox .aimlabel{background:#6CA8FF;}
468 
.coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
469 
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
470 
.coutopicbox .status-3{background:#4cd964;}/*已完成*/
471
472 
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
473
474 
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
475 
/*星级评价*/
476 
.evabox{position:absolute;right: 2%;top: -4px; text-align: center;color: #999;}
477 
.evabox span{ font-size: 12px;}
478 
.evabox .levelbox{ width:100px;}
479 
.evabox .levelbox .mui-icon{ font-size: 12px; }
480 
/*咨询列表下拉菜单*/
481 
.popoverbox {border-radius: 4px;width:0;height:0;min-width: 100px;height:140px;font-size: 13px; }
482 
.popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;}
483 
.popoverbox .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
484 
.popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/}
485 
.popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;}
486 
.popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
487 
.mui-popover4{ width: 130px;  }
488 
/*********************** 咨询*******************/
489
490 
/*********************** 资源信息浏览*******************/
491 
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
492 
.resouimgbox{width: 56%; margin-right:10px;}
493 
.resouimgbox img{ width: 100%;margin: auto;}
494 
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
495 
.personblock p{ margin-bottom: 4px;}
496 
.personblock .headimg{ width:40%;overflow: hidden;}
497
498 
.resomenubox{background: #FFFFFF; padding:8px 10px;}
499 
.resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
500 
.resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
501
502 
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
503 
.resouinfobox{ padding:0;margin: 0;}
504 
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
505
506 
/*********************** 资源信息浏览*******************/
507
508 
/***********************评价*******************/
509 
.feedback .row {width: 100%;background-color: #fff;font-size:14px;}
510 
.feedback .hidden {display: none;}
511 
.feedback .mui-inline{vertical-align: bottom;font-size: 14px;color: #888888;}
512 
.feedback .question{border-bottom:1px solid #F0F0F0;padding:4px 16px;}
513 
.icons.levelbox .icon-favor{color: #B5B5B5;font-size: 18px;}
514 
.icons.levelbox .icon-favorfill{/*color: #FFB400;*/font-size: 18px;}
515 
.assessbox{margin:10px 0; background: #FFFFFF; padding:10px;padding-bottom: 30px;}
516 
/***********************评价*******************/
517
518 
/***********************缺省页面*******************/
519 
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
520 
.nodatabox .picbox{width: 40%;margin: auto;}
521 
.nodatabox .picbox .defpic{width:100%;}
522 
.nodatabox .txtbox { margin:10px 0;}
523 
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
524 
.nodatabox .txtbox .currtip{ font-size:12px;color: #AAAAAA;}
525 
.nodatabox .txtbox .keyword{ padding:0 6px;}
526 
/***********************缺省页面*******************/
527
528 
/***********************科袖用户协议*******************/
529 
.privacyBox{width:100%;padding:10px;background:#fafafa;margin:auto;line-height:28px;font-size:15px;}
530 
.privacyBox dl,.privacyBox dd{padding:0; margin: 0;}
531 
.privacyBox h3{font-size: 16px;line-height: 30px; color:#444;padding:4px;}
532 
.privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;}
533 
.privacyBox p.text_indentP{text-indent:2em; }
534 
.privacyBox ul{ margin:0 4px;text-indent:1.5em;padding:0 4px; color:#666;}
535 
.privacyBox ul li{list-style: none;}
536
537 
.versionbox{position:absolute;width:20%;margin: auto; bottom:10%;left:50%; color:#999999;font-size:12px;margin-left:-10%;text-align: center;}
538 538 
/***********************科袖用户协议*******************/

+ 79 - 14
app/html/consultlist.html
View File 

@ -12,6 +12,55 @@
12 12 
    	.displayBlock {
13 13 
    		display: block;
14 14 
    	}
15 
    	* {
16 
	    	font-family: "微软雅黑";
17 
	    }
18
19 
    	/*筛选div*/
20 
    	.filterdiv {
21
22 
    	}
23
24 
    	/*图片div*/
25 
    	.imgdiv {
26 
    		width: 140px;
27 
    		height: 155px;
28 
    		margin: 15% auto 2% auto;
29 
    	}
30
31 
    	/*图片样式*/
32 
    	.chat {
33 
    		width: 100%;
34 
    		height: 100%;
35 
    	}
36
37 
    	/*登陆科袖样式*/
38 
    	.logintext {
39 
    		text-align: center;
40 
    		font-size: 20px;
41 
    		color: :#333;
42 
    	}
43
44 
    	.desc {
45 
    		text-align: center;
46 
    		font-size: 20px;
47 
    		color:#ccc;
48 
    	}
49 
    	/*按钮*/
50 
    	.frmbox .btn {
51 
    		margin:4% auto;
52 
    		line-height:24px;
53 
    		padding:1% 2%;
54 
    		border-radius:6px;
55 
    		border:1px solid #FF9900;
56 
    	}
57 
    	.frmbox .regBtn {
58 
    		color: #fff;
59 
    		background: #FF9900;
60 
    	}
61 
    	.frmbox .logBtn {
62 
    		color: #FF9900;
63 
    	}
15 64 
    </style>
16 65 
    <link href="../css/mui.min.css" rel="stylesheet"/>
17 66 
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 
@ -37,7 +86,7 @@
37 86 
    <!-- 主页面内容容器 -->
38 87 
    <div class="mui-content">
39 88 
    	<!-- 主界面具体展示内容 -->
40 
    	<div class="filterbox2" style="top:44px ;left: 0;">
89 
    	<div class="filterbox2 filterdiv" style="top:44px ;left: 0;">
41 90 
			<ul class="filterblock2">
42 91 
				<li style="width:22%;">
43 92 
					<a href="#middlePopover1"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>咨询/需求</span><em class="mui-icon mui-icon-arrowdown"></em></a>
 
@ -128,24 +177,40 @@
128 177 
        </div>
129 178
130 179
180 
    </div>
181
182 
	<!--未登录或者未注册时咨询主页面-->
183 
	<div class="mui-content" >
184 
		<div class="imgdiv">
185 
			<img class="chat" src="../images/chat.png"/>
186 
		</div>
187 
		<p class="logintext">登录科袖</p>
188 
        <p class="desc">随时和专家沟通，掌握最新动态</p>
189 
		<p class="desc">接收咨询通知</p>
190
191 
		<div class="mui-content-padded frmbox" style="margin-top: 20%;">
192 
			<button  class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button>
193 
			<button  class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;录</button>
194 
		</div>
131 195 
    </div>
132 196
133 197
134 198 
	<script src="../js/public/mui.min.js"></script>
135 199 
	<script src="../js/public/base.js"></script>
136 200 
	<script src="../js/consult.js"></script>
137 
	<!--<script src="../js/consultlist.js"></script>-->
138 
   <!-- <script type="text/javascript" charset="utf-8">
139 
      	mui.init({
140 
				swipeBack: true //启用右滑关闭功能
141 
			});
142 
			mui('.mui-scroll-wrapper').scroll();
143 
			mui('body').on('shown', '.mui-popover', function(e) {
144 
				//console.log('shown', e.detail.id);//detail为当前popover元素
145 
			});
146 
			mui('body').on('hidden', '.mui-popover', function(e) {
147 
				//console.log('hidden', e.detail.id);//detail为当前popover元素
148 
			});
149 
    </script>-->
201 
   	<script type="text/javascript" charset="utf-8">
202 
   	mui.plusReady(function() {
203 
   		var  content1 = document.querySelectorAll('.mui-content')[0];
204 
      	var  content2 = document.querySelectorAll('.mui-content')[1];
205 
   		var userid = plus.storage.getItem('userid');
206 
   		if(userid == null || userid == 'null'){
207 
   			content1.style.display = 'none';
208 
   		}else {
209 
   			content2.style.display = 'none';
210 
   		}
211
212
213 
   	});
214 
    </script>
150 215 
</body>
151 216 
</html>

+ 71 - 7
app/js/consult.js
View File 

@ -1,3 +1,6 @@
1 
/*是否登录，要显示的，mui-content*/
2 
var  content1 = document.querySelectorAll('.mui-content')[0];
3 
var  content2 = document.querySelectorAll('.mui-content')[1];
1 4
2 5 
var pageIndex = 1; // 页数
3 6 
var allPages = 1; // 总页数
 
@ -8,12 +11,77 @@ var otypeval = document.getElementById("typeval");//咨询类型
8 11 
var ostateval = document.getElementById("stateval");//咨询状态
9 12 
var osortval = document.getElementById("sortval");//时间排序
10 13
14
15 
/*登陆*/
16 
window.addEventListener('logined', function(event) {
17 
	var userId = event.detail.id;
18 
	content1.style.display = 'block';
19 
	content2.style.display = 'none';
20 
	initdata();
21 
	if(plus.nativeUI.showWaiting()){
22 
		console.log("showWaiting")
23 
		plus.nativeUI.closeWaiting();//关闭等待框
24 
	}
25 
});
26
27 
/*退出*/
28 
window.addEventListener('exited', function(event) {
29 
	var userId = event.detail.id;
30 
	content1.style.display = 'none';
31 
	content2.style.display = 'block';
32 
});
33 
mui.plusReady(function() {
34 
	var regBtn = document.getElementById("regBtn");
35 
	var logBtn = document.getElementById("logBtn");
36 
//	注册
37 
	regBtn.addEventListener('tap',function(){
38 
		mui.openWindow({
39 
			url: '../html/reg.html',
40 
			id: '../html/reg.html',
41 
			show: {
42 
				aniShow: "slide-in-right"
43 
			}
44 
		});
45
46 
	});
47
48 
	//登陆
49 
	logBtn.addEventListener('tap',function(){
50 
		mui.openWindow({
51 
			url: '../html/login.html',
52 
			id: '../html/login.html',
53 
			show: {
54 
				aniShow: "slide-in-right"
55 
			}
56 
		});
57
58 
	});
59
60 
});
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
11 80 
mui.plusReady(function() {
12 81 
	var self = plus.webview.currentWebview();
13 82 
	console.log('当前咨询列表页id==='+self.id);
14 83 
})
15 84
16
17 85 
mui.init({
18 86 
    pullRefresh: {
19 87 
    	container: '#zixunpullrefresh',
 
@ -154,7 +222,7 @@ function getaData() {
154 222 
};
155 223
156 224 
/*重新登陆，咨询列表数据刷新*/
157 
window.addEventListener('relogin', function(event) {
225 
/*window.addEventListener('relogin', function(event) {
158 226 
//	alert('重新登陆')
159 227 
	userId = event.detail.id;
160 228 
	console.log(userId);
 
@ -163,8 +231,7 @@ window.addEventListener('relogin', function(event) {
163 231 
		console.log("showWaiting")
164 232 
		plus.nativeUI.closeWaiting();//关闭等待框
165 233 
	}
166
167 
});
234 
});*/
168 235
169 236
170 237 
initdata();
 
@ -528,12 +595,9 @@ function unreadConsultFn (senderId,consultId,i){
528 595 
		async:false,
529 596 
		success:function(data){
530 597 
			unreadCount = data["data"];
531 
/*			console.log('未读取消息数==='+data.data)*/
532 598 
			if(unreadCount == 0){
533 
//				style = "display:none;"
534 599 
				style = 'displayNone';
535 600 
			}else{
536 
//				style = "display:block;"
537 601 
				style = 'displayBlock';
538 602
539 603 
			}

+ 7 - 1
app/js/login.js
View File 

@ -34,6 +34,7 @@ mui.ready(function() {
34 34 
		/*登录按钮*/
35 35 
		login.addEventListener('tap', function() {
36 36 
			userVal()
37 
			console.log('点击登陆时id===='+plus.storage.getItem('userid'))
37 38 
		})
38 39
39 40 
		
@ -99,12 +100,17 @@ mui.ready(function() {
99 100 
						var userId = data.data.id;
100 101 
						plus.storage.setItem('userid', userId);
101 102 
						firstLogin();
103 
						console.log('点击登陆时iddddddd===='+plus.storage.getItem('userid'))
102 104 
						var consultPage = plus.webview.getWebviewById('html/consultlist.html');
105 
						mui.fire(consultPage, 'logined', {
106 
							id: userId
107 
						});
108 
						/*var consultPage = plus.webview.getWebviewById('html/consultlist.html');
103 109 
						console.log("目前id=="+plus.storage.getItem('userid'))
104 110 
						console.log(userId)
105 111 
						mui.fire(consultPage, 'relogin', {
106 112 
							id: plus.storage.getItem('userid')
107 
						});
113 
						});*/
108 114 
					} else {
109 115 
						plus.nativeUI.toast("登录账号和密码不匹配!", toastStyle);
110 116 
						return;

+ 5 - 0
app/js/setup.js
View File 

@ -44,6 +44,7 @@ mui.ready(function() {
44 44 
		mui.confirm("是否退出", "提示", btn, function(e) {
45 45 
			if(e.index == 0) {
46 46 
				plus.storage.removeItem("userid");
47 
				console.log('点击退出时id=='+plus.storage.getItem('userid'));
47 48 
				//plus.cache.clear();
48 49 
				//plus.storage.clear();
49 50 
				var userId = "null";
 
@ -53,6 +54,10 @@ mui.ready(function() {
53 54 
				mui.fire(myaccountPage, 'closeUser', {
54 55 
					id: userId
55 56 
				});
57 
				var consultPage = plus.webview.getWebviewById('html/consultlist.html');
58 
				mui.fire(consultPage, 'exited', {
59 
					id: userId
60 
				});
56 61 
			}
57 62 
		});
58 63 
	});