Browse Source

更换专家标志,修改发现cell背景

luyanan 8 years ago
parent
commit
38a550b6af
1 changed files with 32 additions and 45 deletions
  1. 32 45
      app/css/app.css

+ 32 - 45
app/css/app.css

22

22

23
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
23
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
24

24

25
/*更改placeholder的颜色*/
26
:-moz-placeholder {color: #c0c0c6;}
27
::-moz-placeholder {color: #c0c0c6;}
28
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #c0c0c6;}
29
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c0c0c6;}
30

25
/*清除mui部分原有样式*/
31
/*清除mui部分原有样式*/
32
body,.mui-content{background:#f4f6f8;}
26
.mui-input-group:before{background: none;}
33
.mui-input-group:before{background: none;}
27
.mui-input-group:after{background: none;}
34
.mui-input-group:after{background: none;}
28
.mui-table-view:before{ background: none;}
35
.mui-table-view:before{ background: none;}
67
.displayNone {display: none;}
74
.displayNone {display: none;}
68
.displayBlock {display: block;}
75
.displayBlock {display: block;}
69
/*圆角*/
76
/*圆角*/
77
.orangeColor{color:#ff9900;}
78
.blueColor{color:#2082fb;}
70
/*头像、资源圆角*/
79
/*头像、资源圆角*/
71
.headRadius{border-radius: 4px;}
80
.headRadius{border-radius: 4px;}
81
.userRadius{ border-radius: 50%;border:1px solid #E5E5E5;overflow: hidden;}
82
.cmpRadius{border-radius:4;border:1px solid #E5E5E5;}
72
/*底板背景圆角*/
83
/*底板背景圆角*/
73
.bgRadius{border-radius: 6px;}
84
.bgRadius{border-radius: 6px;}
74
/*大块右侧缩进*/
85
/*大块右侧缩进*/
106
/*顶部标题栏*/
117
/*顶部标题栏*/
107
.toptitbox{ background:#FF9900; }
118
.toptitbox{ background:#FF9900; }
108
.topback.mui-icon{color: #FFFFFF; font-size:30px; line-height: 24px;}
119
.topback.mui-icon{color: #FFFFFF; font-size:30px; line-height: 24px;}
109
.topmore {position:relative;color: #FFFFFF;
110
	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
111
	-moz-transform: rotate(90deg);
112
	-o-transform: rotate(90deg);
113
	-webkit-transform: rotate(90deg);
114
	transform: rotate(90deg);*/
115
}
120
.topmore {position:relative;color: #FFFFFF;}
116
.topmore.mui-icon{ font-size:24px; line-height:24px;}
121
.topmore.mui-icon{ font-size:24px; line-height:24px;}
117
.topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
122
.topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
118
.topmore .sharebox li{list-style: none;}
123
.topmore .sharebox li{list-style: none;}
124
.topWord{color:#666;line-height: 45px;}
119

125

120
.topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;}
126
.topsave{color: #FFFFFF; line-height: 44px; cursor: pointer;}
121
.toptit{color: #FFFFFF; font-size: 20px;}
127
.toptit{color: #FFFFFF; font-size: 20px;}
122
.personhead{color: #FFFFFF;}
128
.personhead{color: #FFFFFF;}
123
/*底部导航栏*/
129
/*底部导航栏*/
125
.footbox .mui-tab-item.mui-active{ color: #FF9900;}
131
.footbox .mui-tab-item.mui-active{ color: #FF9900;}
126

132

127
.listtit0{font-size: 13px; color: #222222;}
133
.listtit0{font-size: 13px; color: #222222;}
128
.listtit{ font-size: 14px; color: #333333;}/*中标题*/
134
.listtit{ font-size: 14px; color: #333333;position: relative;}/*中标题*/
129
.listtit2{font-size: 13px; color: #666666;}/*较小标题*/
135
.listtit2{font-size: 13px; color: #666666;}/*较小标题*/
130
.listtit3{font-size: 12px; color: #888888;}/*小标题*/
136
.listtit3{font-size: 12px; color: #888888;}/*小标题*/
131
.littip{font-size:12px;color:#BBBBBB;line-height: 26px;}
137
.littip{font-size:12px;color:#BBBBBB;line-height: 26px;}
143
/*企业和专家认证标识 icon-vip*/
149
/*企业和专家认证标识 icon-vip*/
144
/*.unauthicon{color:#C0C0C0; }*//*未认证*/
150
/*.unauthicon{color:#C0C0C0; }*//*未认证*/
145
/*.authicon{color:#FF9900;}*/
151
/*.authicon{color:#FF9900;}*/
146
.icon-vip.iconfont{margin-left:2px;font-size:14px;}
147
.authicon-cu{color:#FF9900;}/*认证科研型专家*/
152
.icon-vip.iconfont{position:absolute;top:1px;font-size:0;line-height: 0;display: inline-block;width:14px;height:14px;margin-left:4px;background-position: center;background-repeat: no-repeat;background-size: cover;}
153
.authicon-cu{background-image:url(../images/porfile_icon_zhuanjia_nor.png);}/*认证科研型专家*/
148
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
154
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
149
/*普通用户认证标识 icon-renzheng*/
155
/*普通用户认证标识 icon-renzheng*/
150
em.mui-icon.iconfont.icon-renzheng{position:absolute;float:left;font-size: 0;width:48px;height:16px;background-image:url(../images/authicon.png);background-repeat:no-repeat; }
156
em.mui-icon.iconfont.icon-renzheng{position:absolute;float:left;font-size: 0;width:48px;height:16px;background-image:url(../images/authicon.png);background-repeat:no-repeat; }
288
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
294
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
289
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
295
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
290

296

291
.maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
292
.maintitbox .maintit2{ text-align: left;color:#888888;padding:2px 10px;}
297
.maintitbox .maintit{font-size: 16px; text-align: center; color: #FF9900;}
298
.maintitbox .maintit2{ line-height: 40px; border-bottom: 1px solid #F0F0F0; text-align: left;color:#888888;padding:2px 10px;}
293
.maintitbox .maintit2 span{color: #FF9900;}
299
.maintitbox .maintit2 span{color: #FF9900;}
294
.conblock{ background: #FFFFFF; margin:10px 0;}
300
.conblock{ background: #FFFFFF; margin:10px 0;}
295
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
301
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
403
/*已认证*/
409
/*已认证*/
404
.verified{ color: #FF9900;}
410
.verified{ color: #FF9900;}
405

411

406

407
/*我的关注*/
412
/*我的关注*/
408
.fixbox{ background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:1;}
413
.fixbox{ background: #FFFFFF; position:fixed;top:45px;left:0;width:100%; z-index:1;}
409
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
414
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
410
.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;}
411
.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
412
.fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
415
.fixbox .fixbtn li{ list-style: none; float: left;height:40px;line-height:40px; padding:0 10px;border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;text-align: center;font-size: 14px;}
416
/*.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}*/
417
.fixbox .fixbtn li.liactive{ color: #FF9900; border-bottom:2px solid #FF9900;}
413
.childlist{ display: none;}
418
.childlist{ display: none;}
414
.alllist{ margin-top: 45px;}
419
.alllist{ margin-top: 45px;}
415
/*合作历史及评价*/
420
/*合作历史及评价*/
423
.inviteBox{position:relative;height:200px;background: url(../images/yqbg.jpg) center center no-repeat #f5f5f7;}
428
.inviteBox{position:relative;height:200px;background: url(../images/yqbg.jpg) center center no-repeat #f5f5f7;}
424
.inviteBtn{position: absolute;bottom:20px; left:50%;margin-left: -60px;padding:4px 30px;background: #ff9900;color:#FFFFFF;}
429
.inviteBtn{position: absolute;bottom:20px; left:50%;margin-left: -60px;padding:4px 30px;background: #ff9900;color:#FFFFFF;}
425
.noborder:after{height: 0;}
430
.noborder:after{height: 0;}
426
.inviteBoxNew{position:relative;}
427
.inviteBtnNew{position: absolute;width:80%;height:50%;bottom:-25%; left:10%;background: #FFFFFF;
428
			padding:0 6%;
429
		    display: -webkit-box;
430
			display: -webkit-flex; 
431
			display:         flex; 
432
	        -webkit-align-items: center;
433
	                align-items: center;
434
	box-shadow: 0px 1px 10px #CCCCCC;
435
	-webkit-box-shadow: 0px 1px 10px #CCCCCC;z-index: 10;}
436
.inviteBtnLink{max-width: 200px;}
437
.inviteFont p{font-size:18px;}
438
.inviteFont p.inviteNum{font-size:30px;line-height:30px;color:#FF9900;}
439
.inviteInfor{padding:20% 0 4% 0;}
440
.inviteInfor .mui-col-xs-6:first-child{border-right: 2px solid #f4f6f8;}
441
.inviteInfor .inviteFont{width: 120px;margin: auto;}
442
.inviteInfor .mui-col-xs-6:first-child .inviteFont{margin-left:80px;}
443
.inviteInfor .mui-col-xs-6:last-child .inviteFont{margin-left:30px;}
444
.inviteInfor p.inviteNum{font-size: 24px;text-align:left;color:#666;}
445

446
.maintitbox{padding:15px 0;border-bottom: 1px solid #E5E5E5;}
447
.maintitNow{width: 100%;}
448
.maincontent .mui-table-view .mui-table-view-cell:after{left:15px;}
449
.maincontent .mui-table-view .mui-table-view-cell{padding:12px 15px;}
431

450
/***********************我的账户*******************/
432
/***********************我的账户*******************/
451

433

452
/***********************专家信息修改*******************/
434
/***********************专家信息修改*******************/
453
.generalinfo li{ line-height:26px ;}
435
.generalinfo li{ line-height:26px;}
454
.generalinfo .ginfolist{}
436
.generalinfo .ginfolist{}
455
.generalinfo span{letter-spacing:normal;}
437
.generalinfo span{letter-spacing:normal;}
456
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
438
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
663

645

664
/***********************缺省页面*******************/
646
/***********************缺省页面*******************/
665
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
647
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
666
.nodatabox .picbox{margin:20% auto 30px;}
648
.nodatabox .picbox{margin:20% auto 20px;}
667
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png) -6px 0 no-repeat;}
649
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png) -6px 0 no-repeat;}
668
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
650
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
669

651

671
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
653
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
672
.nodatabox .txtbox .currtip{ font-size:13px;color: #AAAAAA;}
654
.nodatabox .txtbox .currtip{ font-size:13px;color: #AAAAAA;}
673
.nodatabox .txtbox .keyword{ padding:0 6px;}
655
.nodatabox .txtbox .keyword{ padding:0 6px;}
656
.nodatabox .txtbox .noContip{color:#BBBBBB;font-size:14px;line-height:26px;}
674
/***********************缺省页面*******************/
657
/***********************缺省页面*******************/
675

658

676
/***********************科袖用户协议*******************/
659
/***********************科袖用户协议*******************/
756
.submutbut{float:right; padding:0 10px; line-height:45px ; font-size:14px; color: #fff;}
739
.submutbut{float:right; padding:0 10px; line-height:45px ; font-size:14px; color: #fff;}
757
#yyhy li:last-child , #xsly li:last-child{display: none;}
740
#yyhy li:last-child , #xsly li:last-child{display: none;}
758

741

742

743

744
/**************************************2017.03新增发现功能*********************************/
759
/*发现*/
745
/*发现*/
760
.bodyBg{background: #f4f6f8;}
746
.bodyBg{background: #f4f6f8;}
747
.bodyBg .mui-table-view{background: none;}
761
.table-item{/*padding:10px;*/}
748
.table-item{/*padding:10px;*/}
762
.table-item.mui-table-view{background: none;}
749
.table-item.mui-table-view{background: none;}
763
.table-item .mui-table-view-cell{padding:15px 20px 20px 20px;background:#FFFFFF;margin-top:12px}
750
.table-item .mui-table-view-cell{padding:15px 20px 20px 20px;background:#FFFFFF;margin-top:12px}
764
.table-item .mui-table-view-cell.mui-active{background: #EEEEEE;}
751
.table-item .mui-table-view-cell.mui-active{background: #EEEEEE;}
765
.table-item .mui-table-view-cell:first-child{margin-top:0;}
752
.table-item .mui-table-view-cell:first-child{margin-top:0;}
766
.table-item.mui-table-view .mui-table-view-cell:after{background: none;}
753
.table-item.mui-table-view .mui-table-view-cell:after{background: none;}
767
.table-item-cell{border:1px solid #f2f3f4;background:#e5e5e5;min-height: 76px;margin:14px 0 12px 0;}
754
.table-item-cell{border:1px solid #e5e5e5;background:#f2f3f4;min-height: 76px;margin:14px 0 12px 0;}
768
.table-item-cell .table-item-img{position:absolute;width: 110px;height: 74px;top:50%;left:0;margin-top:-37px;}
755
.table-item-cell .table-item-img{position:absolute;width: 110px;height: 74px;top:50%;left:0;margin-top:-37px;}
769
.table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
756
.table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
770
.table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
757
.table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
771
.table-item-cell .table-item-body{padding-left:120px;padding-right: 10px;}
758
.table-item-cell .table-item-body{width:100%;padding-left:120px;padding-right: 10px;}
772
.table-item-media{line-height: 32px;height: 32px;}
759
.table-item-media{line-height: 32px;height: 32px;}
773
.table-item-media .table-item-logo{position:absolute;display: inline-block;border:1px solid #E5E5E5;width: 32px; height:32px;margin-right:8px; z-index:2;}
760
.table-item-media .table-item-logo{position:absolute;display: inline-block;border:1px solid #E5E5E5;width: 32px; height:32px;margin-right:8px; z-index:2;}
774
.table-item-media .table-item-name{width:90%;position: relative;padding-left:40px;}
761
.table-item-media .table-item-name{width:90%;position: relative;padding-left:40px;}