Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
jiapeng
/
portal-front
Vērot 3
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 1074 Laidieni 0 Vikivietne

portal html css js resource

Koks: bd4fdabf89
Atzari Tagi
portal-front
/
css
/
share.css

share.css 27KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body {outline: 0;margin:0;padding:0px;background: #F4F6F8;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  4. .contentBody2{max-width:640px;margin:auto;overflow: hidden;}
  5. /*.contentBody2 *{-webkit-user-select: none;}*/
  6. .iconfontnew{display: inline-block;width: 18px;height: 18px;*margin-right: .3em;line-height: 18px;vertical-align: text-top;
  7.   background-position: center center; background-repeat: no-repeat;background-size: cover;}
  8. .icon-address{width:11px;height:14px;background-image: url("../images/personal_icon_dizhi_nor@3x.png");background-size:cover;line-height: 14px;}
  9. /*input输入相关*/
  10. .frmbtn {width: 100%;margin: 4% auto;font-size: 14px;line-height: 24px;padding:2%;border: 1px solid #FF9900;border-radius: 6px;color: #FF9900;outline: none;}
  11. .frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
  12. /*移动端网站或APP点击后出现闪动或灰色背景,只需对绑定事件添加class样式 使其触发事件时背景为透明色*/
  13. .activeThis{-webkit-tap-highlight-color:transparent;}
  14. /*--------------------邀请好友注册科袖2017.4.28--------------*/	
  15. @media (min-width: 768px){
  16. 	.invitebody .form-inline .form-group {display:block;margin-bottom: 10px;vertical-align: middle;}
  17. }		
  18. .invitebody .form-control:-moz-placeholder {color: rgba(256,256,256,1);}
  19. .invitebody .form-control::-moz-placeholder {color: rgba(256,256,256,1);}
  20. .invitebody input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color: rgba(256,256,256,1)}
  21. .invitebody input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: rgba(256,256,256,1)}
  23. .invitebody .form-group{overflow: hidden;}
  24. .invitebody .input-group{position:relative;width:100%;border:1px solid #FFFFFF;margin:16px 0;border-radius:6px;}
  25. .invitebody .form-control{width:100%;border:none;background:none;box-shadow: none;height: 42px;font-size: 16px;line-height: 20px;color:#FFFFFF;
  26.  padding-left:44px;background-position:14px center;background-repeat: no-repeat;background-size:auto 20px;}
  27. .invitebody .form-control:focus{box-shadow: none;}
  28. .invitebody .form-control.input_name{background-image: url(../images/wechat_icon_xingming_nor@3x.png);}
  29. .invitebody .form-control.input_phone{background-image: url(../images/wechat_icon_shouji_nor@3x.png);}
  30. .invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
  31. .invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
  32. .invitebody .form-control.input_mail{background-image: url(../images/wechat_icon_mail_nor@3x.png);}
  33. .invitebody .form-control.input_org{background-image: url(../images/wechat_icon_org_nor@3x.png);}
  35. .invitebody .btn{font-size: 16px;font-weight: bold;line-height: 1;color:#FFFFFF;margin:16px 0 16px;padding: 12px 16px;}
  36. .invitebody .btn[disabled]{ background: rgba(256,256,256,.6);color:#AAAAAA;}
  37. .invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right:-1px;top:50%;margin-top:-22px;cursor: pointer;padding: 14px 24px 14px;border-radius:6px;}
  38. .invitebody .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){border-radius:5px;}
  39. .invitebody .protocollink{ color: #FFFFFF;}
  40. .invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
  41. .invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height:18px;margin:10px 0 30px; background-size:auto 14px;}
  42. .invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
  43. .invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.2) inset;outline: none;}
  44. /*logo盒子的相关*/
  45. .invitebody .logobox{ padding:0 6% 3% 6%; margin:14% auto 10px; }
  46. .invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
  47. .invitebody .logoimg{ width: 100%; margin: auto; text-align:center;}
  48. .invitebody .inviteTit{text-align: center; font-size: 18px;line-height: 30px;margin:20px 0;color:#FFFFFF;}
  49. .invitebody .inviteTit span{font-size:18px;line-height: 44px; padding:0 6px;}
  50. .invitebody .bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
  51. .invitebody .inforbox{padding:20px 0 10px;}
  52. .invitebody .inforbox ul{padding:10px 0;}
  53. .invitebody .inforbox ul li{position: relative;margin:12px 0;}
  54. .invitebody .inforbox .lefticon{position: absolute;top:4px;width: 28px;height: 28px;} 
  55. .invitebody .inforbox .rightcon{padding-left:40px;color: #FFFFFF;}
  56. .invitebody .inforbox .rightcon h2{font-size:17px;line-height:26px;}
  57. .invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
  58. 			
  59. /*****************************2017.05新版文章资源样式************************/
  60. .flexCenter{position: relative; min-height:90px;
  61. 		    display: -webkit-box;
  62. 			display: -webkit-flex;
  63. 			display: -ms-flexbox; 
  64. 			display:         flex; 
  65. 	        -webkit-align-items: center;
  66. 	                align-items: center;}
  67. /*文章浏览*/
  68. .topFu{background: rgba(0,0,0,.6);padding:10px 15px;position: fixed;right:0;left:0;z-index:200;}
  69. .topLogo{width:60px;height:30px;background: url(../images/home_icon_logo_orange.png);background-size: cover;}
  70. .goSpan span{background: #ff9900;display:inline-block;text-align: center;width:48px;cursor:pointer;color:#fff;font-size:16px;border-radius:4px;padding:4px;}
  71. .goSpan .attenSpan{position: relative;padding-left: 14px;background-image:url(../images/g_article_icon_jia_nor.png);background-size:12px 12px;background-position: 8px center;background-repeat: no-repeat;}
  72. .goSpan .attenedSpan{background:#ccc;padding-left:16px;}
  73. .showDetail{padding:15px;padding-top:10px;}
  74. .showDetail .hWeight{font-weight:bold;}
  75. .showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
  76. .showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333;}
  77. .showDetail .h2Font{font-size:14px;color:#666; line-height:16px;}
  78. .showDetail .madiaInfo .h2Font{font-size:14px;color:#999;}
  79. .showDetail .h3Font{font-size:13px;color:#999; line-height:24px;}
  80. .showDetail .showMain{font-size:15px;color:#333;line-height:28px;}
  81. .showDetail .showMain img{max-width: 100%;}
  82. .showDetail .showMain p{margin-bottom:16px;font-size:15px;color:#333;text-align:justify}
  83. #articleContent ul,#articleContent ol{padding-left:20px;}
  84. #articleContent ul{list-style-type:disc;}
  85. #articleContent ol{list-style-type:decimal;}
  86. #articleContent ul>li,#articleContent ol>li{padding-left:0px;}
  87. #articleContent ul>li>p,#articleContent ol>li>p{margin: 0;}
  88. ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
  89. ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
  90. ul.tagList>li .h2Font{color: #666;}
  91. .madiaBlock{clear:both;}.madiaBlock:before,.madiaBlock:after{display:table;content:""}.madiaBlock:after{clear: both;}
  92. .madiaBlock ul.mui-table-view{margin:10px 0;overflow: hidden;}
  93. .madiaBlock ul.mui-table-view li{position: relative;cursor: pointer;}
  94. .madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;padding-bottom: 10px;}
  95. .madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
  96. .madiaBlock .madiaTit:after{position: absolute;bottom: 0;content:"";height: 1px;background: #E5E5E5;right: -15px;left:-15px;}
  97. .madiaBlock .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;/*border:1px solid #E5E5E5;*/top:50%;background-position: center;background-size: cover;}
  98. .madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
  99. .madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
  100. .madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
  101. .madiaBlock .madiaHead.cmpHead{background:#FFFFFF;border-radius:0;border:none}
  102. .madiaBlock .madiaHead.cmpHead .boxBlock{width: 90px;height: 60px;}
  103. .madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:none;border-radius:0;border:none}
  104. .madiaBlock .madiaHead.cmpHead2 .boxBlock{width:50px;height:40px;}
  105. .madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
  106. .madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
  107. .madiaBlock .madiaInfo{padding-left:62px; width: 100%;margin:6px 0;overflow: hidden;}
  108. .madiaBlock .madiaInfo.OmadiaInfo{padding-left: 102px;}
  109. .madiaBlock .flexCenter{min-height:64px;}
  110. .madiaBlock .flexCenter>a{display: block;width: 100%;}
  111. .madiaBlock .flexCenter>a .madiaInfo{width: auto;}
  112. .madiaBlock .flexCenter.OflexCenter{min-height:72px;}
  113. .madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:24px;}
  114. .madiaBlock .madiaInfo .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
  115. .madiaBlock .madiaInfo .ellipsisSty-2{max-height: 44px;}
  116. .madiaBlock .madiaInfo .time{font-size:14px;color:#999;}
  117. /*点赞模块*/
  118. .thumbBlock{text-align: center;margin:30px 0;}
  119. .thumbBlock .thumbBtn{display:inline-block;position:relative;padding:10px 24px;padding-left:44px;font-size:16px;color:#fff;background:url(../images/g_article_icon_dianzan_nor.png) no-repeat 24px center;background-size:16px 16px;background-color:#ff9900;border-radius:30px;cursor: pointer;}
  120. .thumbBlock .thumbBtn.thumbedBtn{background: #e0e0e0;}
  121. /*留言*/
  122. .madiaBlock .commentBlock li{padding:4px 0;}
  123. .commentBlock .flexCenter{min-height:38px;}
  124. .commentBlock .commenttime{margin-right:18px;}
  125. .commentBlock .madiaHead.useHead{width: 40px;height:40px;margin-top:-20px;}/*小图像*/
  126. .commentBlock .madiaInfo{padding-left:52px;width: auto;}
  127. .commentBlock .operateSpan{margin:8px 0 0;color:#9d9ea8;font-size: 13px;color: #999;cursor: pointer;}
  128. .commentBlock .madiaInfo .h2Font{ -webkit-user-select:text;word-break\n:break-word;}
  129. /*资源轮播图片样式*/
  130. #index-container {height:300px;background: #f0f0f0;position: relative;overflow: hidden;z-index: 1;}
  131. #index-container .swiper-wrapper { position: relative;z-index: 1;
  132.     display: -webkit-box;
  133.     display: -moz-box;
  134.     display: -ms-flexbox;
  135.     display: -webkit-flex;
  136.     display: flex;
  137.     -webkit-transform-style: preserve-3d;
  138.     -moz-transform-style: preserve-3d;
  139.     -ms-transform-style: preserve-3d;
  140.     transform-style: preserve-3d;
  141.     -webkit-transition-property: -webkit-transform;
  142.     -moz-transition-property: -moz-transform;
  143.     -o-transition-property: -o-transform;
  144.     -ms-transition-property: -ms-transform;
  145.     transition-property: transform;
  146.     -webkit-box-sizing: content-box;
  147.     -moz-box-sizing: content-box;
  148.     box-sizing: content-box
  149. }
  150. #index-container .swiper-slide {
  151.     -webkit-transform-style: preserve-3d;
  152.     -moz-transform-style: preserve-3d;
  153.     -ms-transform-style: preserve-3d;
  154.     transform-style: preserve-3d;
  155.     -webkit-flex-shrink: 0;
  156.     -ms-flex: 0 0 auto;
  157.     flex-shrink: 0;
  158.     width: 100%;position: relative;float: left
  159. }
  160. #index-container .swiper-slide .tab-re{display: inline-block;text-align: center;max-width:100%;width:100%;height:300px;overflow: hidden;vertical-align:middle;}
  161. #index-container .swiper-slide .tab-re img{width:auto;max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  162. #index-container .swiper-slide  .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
  163. #index-container .swiper-pagination {bottom: 20px;left: 0;width: 100%;position: absolute;z-index: 2;text-align: center;}
  164. #index-container .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin:0 10px;background: #ccc;display: inline-block;border-radius: 50%;opacity: 0.9;}
  165. #index-container .swiper-pagination .swiper-pagination-bullet-active {background: #fff}
  166. /*轮播图片样式 end*/
  167. .showMain>ul{margin:0;padding:0;}
  168. .showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
  169. .showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
  170. .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
  171. /*--------------2017.07.12新功能论文和专利相关--------------*/
  172. .showMainP{margin-top: 20px;}
  173. .showMainP li{overflow: hidden;}
  174. .showMainP .showTit{padding-left: 0;color: #666;}
  175. .showMainP .showTit:before{content: none;}
  176. .showMainP .showCon{color: #333;text-align:justify}
  177. /*新版用户和企业相关*/
  178. .showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
  179. .cardTop{position:relative;text-align:center;min-height:140px;margin:15px 15px 6px;padding:40px 40px 20px;
  180. 		background: rgba(256,256,256,.6);background: linear-gradient( rgba(256,256,256,.6), rgba(256,256,256,.9));border-radius:6px;box-shadow: 0px 2px 4px 1px rgba(0,0,0,.1);}
  181. .cardImg{position: absolute;margin-top:-15px;left:50%;margin-left: -40px;width:80px;height: 80px;overflow: hidden;background-size: cover;/*border:1px solid #E5E5E5;*/background-color: #fff;}
  182. .cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
  183. .cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background:none;}
  184. .cardImg.cmpCard .boxBlock{width:120px;height: 80px;}
  185. .cardInfo{margin-top:82px;}
  186. .cardInfo .h1Font{font-size:16px;}
  187. .cardInfo .h2Font{font-size:14px;color: #666;}
  188. .cardInfo .h3Font{font-size:13px;line-height: 16px;color: #666;}
  189. .cardInfo .icon-address{position:relative;}
  191. .mainbox{width:100%;margin:10px auto;background: #FFFFFF;}
  192. /*专家相关信息*/
  193. .infocontit{font-size:16px;line-height: 40px;min-height:40px; position: relative;padding-left: 26px;color:#333}
  194. .infocontit:before{position:absolute;top:50%;margin-top:-10px;left: 15px;;display:inline-block;content:"";width:4px;height:18px;border-radius:10px;background:#ff9900;}
  195. .infocontit em{font-style: normal;position:absolute;right:28px;}
  196. .infocontit em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
  197. .infocontit em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
  199. .infocontitM{padding-left: 15px;}
  200. .infocontitM:before{content: none;}
  201. .OnetitM{border-color: transparent;}
  202. .infocon{padding:15px; font-size: 14px;line-height:22px;color:#666;border-top: 1px solid #E5E5E5;}
  203. .infocon .breifinfo{display: -webkit-box;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;max-height: 110px;}
  205. .infocon ul{ padding:0; margin: 0; overflow: hidden;}
  206. .infocon ul>li{list-style: none;}
  207. ul.mui-table-view>li{position: relative;overflow: hidden; padding: 11px 0px;}
  208. ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:0px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #E5E5E5;}
  209. ul.mui-table-view>li:last-child:after{background: none;}
  210. .infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
  211. .infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
  212. .infocon.madiaBlock>ul{margin:-15px;}
  213. .infocon.madiaBlock>ul>li{padding:6px 15px;}
  214. .infocon.madiaBlock>ul>li:after{left:15px}
  215. .infocon.madiaBlock .h1Font{font-size: 16px;margin: 0;line-height: 24px;color: #333333;}
  216. .infocon.madiaBlock .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
  218. .seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
  219. .seeMore em{font-style: normal;position:relative;padding-right:5px;}
  220. .seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 3px;}
  221. .seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 5px;}
  222. .seeMore:active{background: none;}
  223. .detailInfo>ul>li{color:#333;padding-left:0;}
  224. .detailInfo>ul>li>span{color:#666}
  226. .listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
  227. .listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:27px; float:left;padding-right: 8px; max-width:60%; overflow:hidden;}
  228. .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
  229. .plusbtn.icon-appreciatefill{color:#FF9900;}
  230. .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 27px;margin-right: 5px;}
  231. .likenum{ float:right;max-width:130px;overflow:hidden; }
  232. .likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
  233. .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
  234. .likepeople img{ width:100%; height:100%;}
  235. .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;background: url(../images/likemore.png) no-repeat center center;}
  237. .infoapply li{position: relative; padding-left:12px;padding-right:2px;}
  238. .infoapply li:before{content:''; background: #999;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
  240. /*星级*/
  241. .infocon .starShow{position: absolute;right: 0;top:50%; margin-top:-8px;overflow: hidden;}
  242. .infocon .starShow>li{float: left;margin:0 2px;display: inline-block;width: 14px;height: 14px;background-image: url(../images/favoricon.png);background-size: 100% auto;background-position:0 0;}
  243. .infocon .starShow>li.evastar{background-position:0 -14px;} 
  244. .commentsArea .madiaHead.useHeadMsg{top:10px;margin-top:0;}
  246. /*下载按钮及公众二维码*/
  247. .shareEcode{padding:20px 6px;background: #FFFFFF;}
  248. .Ecodecon{width: 100%;margin-bottom: 40px;}
  249. .Ecodeinfo{margin:-50px 10px 20px;}
  250. /*专利论文邀请作者*/
  251. .invitebody2{background:#ffbd51;padding-bottom:20px;}
  252. .topSTit{position:relative;max-width:640px;padding:20px 0 0;text-align: center;}
  253. .topSTit img{width: 100%;}
  254. .topSTit .titSort{position:relative;padding: 0 50px;top:-68px;}
  255. .topSTit .titSort .biaoti{margin-bottom: 30px;}
  256. .invitebody2 .formblock{width: 90%;margin:-24px auto 0;padding:30px 30px 20px;background:url(../images/share_bg_zhuce_nor@3x.png) right 0 no-repeat #ffe38d;background-size:100%;border-radius:6px;}
  257. .invitebody2 .form-control{background: #fff;border-radius: 6px;color:#666;font-size:16px;padding-left: 12px;}
  258. .invitebody2 .form-control:-moz-placeholder {color:#bbb;}
  259. .invitebody2 .form-control::-moz-placeholder {color:#bbb;}
  260. .invitebody2 input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#bbb;}
  261. .invitebody2 input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#bbb;}
  262. .invitebody2 .canPoint{color: #fff;background: #f75243;opacity: 1;}
  263. .formTit{color:#781f1d;font-weight: bold;font-size:18px;line-height: 28px;margin:10px 0;max-height: 60px;}
  264. .invitebody2 .inforbox2{width: 80%;margin: auto;text-align: center;font-size:16px;color: #d79222;}
  265. .invitebody2 .inforbox2 .btn{margin:10px 0 6px;}
  266. .invitebody2 .inforbox2 h4{color:#781F1D;font-size:17px;}
  267. .invitebody2 .inforbox2 .topIn{color:#781F1D;font-size:17px;font-weight: bold;margin-bottom: 60px;margin-top:-20px}
  268. .invitebody2 .inforbox2 .topIn em{display:inline-block;width:32px;height:32px;background-size: cover;position: relative;top: 10px;left: -6px;}
  269. .invitebody2 .inforbox2 .topIn .shibai{background-image:url(../images/share_icon_shibai_nor@3x.png);}
  270. .invitebody2 .inforbox2 .topIn .chenggong{background-image:url(../images/share_icon_chenggong_nor@3x.png);}
  271. .invitebody2 .inforbox ul{width: 280px;margin: auto;}
  272. .invitebody2 .inforbox .rightcon{color: #cc8610;}
  274. /*--------------新版需求相关--------------*/
  275. .needList .madiaInfo{padding:0;}
  276. .needList .madiaInfo .h1Font{font-size: 16px;margin-bottom: 10px;}
  277. .infocon.madiaBlock.needList .h2Font{font-size: 14px;line-height:24px;margin: 4px 0;color: #666;}
  278. .needList .madiaInfo .h3Font{font-size: 12px;color:#999;}
  279. .infocon.madiaBlock.needList>ul>li{padding:15px;}
  280. .showli{overflow: hidden;}
  281. .showli>span{padding-right:10px;font-size: 12px;color:#999;}
  283. /*===========微信中指示浏览器打开===========*/
  284. .strCss{
  285. 	background-image:url(../images/guideJump.png);
  286. 	background-size:cover;
  287. 	left:0;right:0;top:0;bottom:0;position:fixed;z-index:19999;}
  288. /*===========首页和搜索==============*/	
  289. .maintitbox{background: #FFFFFF;}
  290. .maintitbox .maintit{ line-height: 40px; border-bottom: 1px solid #F0F0F0; font-size: 16px; text-align: center; color: #FF9900;}
  291. .conblock{ background: #FFFFFF;margin:10px 0;}
  292. .gridbg{ background: #FFFFFF; border: none;margin:auto;}
  293. .gridbg li{ padding: 10px 4px;text-align:center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
  294. .gridbg li>a{display: block;color: #333;font-size: 12px;}
  296. .btnLinkBox li{padding:11px 15px;}
  297. .btnLinkBox li>a{display:block;margin:0 15px}
  298. .btnLinkBox li:first-child{border-right:2px dashed #E5E5E5;}
  299. .btnLinkBox .h1Font{font-weight: normal;color:#333333;font-size:16px;line-height: 18px;margin-bottom: 0;}
  300. .btnLinkBox .h2Font{color:#888;font-size:12px;line-height: 22px;margin-bottom: 0;}
  301. .btnLinkIcon{position:absolute;width:28px; height:28px;top:50%;margin-top:-14px;left:36px;text-align: center;vertical-align: middle;background-position: center;background-size: cover;}
  302. .btnLinkIcon.fabuBtn{background-image: url(../images/h5_img/home_faxuqiu_nor@3x.png);}
  303. .btnLinkIcon.proBtn{background-image: url(../images/h5_img/home_zhaozj_nor@3x.png);}
  304. .btnLink{padding-left:40px;}
  305. /*热门领域*/
  306. .fieldicon{display:block;width:24px; height:24px;margin:10px auto;background-repeat: no-repeat;background-size: cover;}
  307. .fieldicon01{background-image: url(../images/field_icon/home_field_youqi.png);}
  308. .fieldicon02{background-image: url(../images/field_icon/home_field_luosi.png);}
  309. .fieldicon03{background-image: url(../images/field_icon/home_field_banshou.png);}
  310. .fieldicon04{background-image: url(../images/field_icon/home_field_6bian.png);}
  311. .fieldicon05{background-image: url(../images/field_icon/home_field_jinshu.png);}
  312. .fieldicon-more{background-image: url(../images/field_icon/home_field_more.png);}
  314. .infocon.madiaBlock .h3Font{font-size:13px;line-height:22px;color:#666666;}
  315. /*搜索*/
  316. .fixedBlock{position:fixed;top:0;width:100%;max-width:640px;z-index:3;}
  317. .searchBox{position:relative;height:42px;background:#ff9900;overflow:hidden;}
  318. .searchBox input.form-control[type='search']{border-color:#ff9900;background:#FFFFFF;vertical-align:middle;text-align: left;width:98%;height: 30px; border-radius:4px; font-size:12px; line-height:16px;margin:6px auto;}
  319. .searchBox input.form-control[type='search']:focus{outline:none;box-shadow:none;border-color:#ff9900;}
  320. .searchboxNewT{padding-right:34px;}
  321. .rightnav{position:absolute;right:0;top:50%;margin-top:-15px;padding:0 8px;text-align: center;font-size:12px;line-height: 12px;color:#FFFFFF;}
  322. .serchicon{margin:0 2px;display:block;width:20px;height:20px;background-image: url(../images/h5_img/search-icon-filter.png);background-repeat: no-repeat;background-size:20px auto;}
  323. .icon-filter{background-position:0 0;}
  324. .rightnav .badge{position: absolute;right:4px;top:-1px;padding:1px 4px;background:#FFFFFF;color:#FF9900;}
  325. /*筛选条件*/
  326. .filterCon{position:relative;width: 85%;max-width:435px;left: 65px;height: 100%;}
  327. .filterCon .toptit{position: absolute; z-index: 2;top: 0;right: 0;width:100%;height: 42px;
  328. 		line-height: 42px;font-size:16px;background: #ff9900;color: #FFFFFF;text-align: center;}
  329. .filterListNew{ padding:14px 14px 8px;}
  330. .mmenu.mmenu-horizontal ul.filterUl{width: 100%;float: none;}
  331. .mmenu li{border: none;}
  332. #wrapper {position: absolute;z-index: 1;top: 42px;bottom: 40px;right: 0;width:100%;overflow: hidden;}
  334. #scroller {position: absolute;z-index: 1;width: 100%;
  335. 	-webkit-transform: translateZ(0);
  336. 	-moz-transform: translateZ(0);
  337. 	-ms-transform: translateZ(0);
  338. 	-o-transform: translateZ(0);
  339. 	transform: translateZ(0);
  340. 	-webkit-touch-callout: none;
  341. }
  343. .midCon{padding-bottom: 45px;}
  344. .filterUl{height: 80px;padding:0;margin:14px 0 0;margin-right: -2%; overflow: hidden;}
  345. .filterUl.filterUlactive{height: auto;}
  346. .filterUl li{list-style: none; float: left;text-align: center;padding:8px 10px; margin:0 2% 8px 0;font-size:12px; background: #F6F6F6; color: #333; border-radius: 4px;
  347.     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  348. .filterUl li.filterCurrent{background: #ff9900;color:#FFFFFF;}
  349. .filterUl.fourUl li{width:23%;}
  350. .filterUl.threeUl li{width:31.3333%;}
  351. .rightbtn{color:#8f8f94;margin-bottom:10px;cursor: pointer;}
  352. .rightbtn>span{color:#ff9900;margin-left:15px;}
  353. .rightbtn{position: relative;}
  354. .rightbtn .foldtr{position: absolute;top:8px;right: 42px;}
  355. .rightbtn .foldtr:after{ border:solid transparent;border-top-color:#fff;border-width:5px;content:" ";position:absolute;top:100%;left:20px;}
  356. .rightbtn .foldtr:before{border:solid transparent;border-top-color:#ccc;border-width:7px;content:" ";position:absolute;top:100%;left:18px;}
  357. .rightbtn .unfoldtr{position: absolute;top:15px;right: 42px;}
  358. .rightbtn .unfoldtr:after{ border:solid transparent;border-bottom-color:#fff;border-width:5px;content:" ";position:absolute;bottom:100%;left:20px;}
  359. .rightbtn .unfoldtr:before{border:solid transparent;border-bottom-color:#ccc;border-width:7px;content:" ";position:absolute;bottom:100%;left:18px;}
  361. .submitBtn{position: absolute;z-index: 2;bottom: 0;right: 0;bottom:0;width:100%;}
  362. .submitBtn>span{display: inline-block;line-height:40px;color:#FFFFFF;width: 50%;text-align: center;background:#ffb649;}
  363. .submitBtn>span:last-child{background:#FF7600;}
  364. /*导航栏 */
  365. .tabBox{height:40px; }
  366. .swiper-wrapper-tab .swiper-slide-tab {line-height:40px;font-size: 15px;text-align: center;background: #fff;width:auto;padding:0 5%;}
  367. .swiper-wrapper-tab .swiper-slide-tab:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 2; display: block; width: 100%; height: 1px; content: ''; background-color: #dcdcdc; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }
  368. .swiper-wrapper-tab .swiper-slide-tab.active-tab{color:#ff9900; }
  369. .swiper-wrapper-tab .swiper-slide-tab.active-tab:after{opacity: 1; background-color:#ff9900; height: 4px; }
  371. .swiper-container-main{position:relative;margin-top:80px;padding-bottom:80px;overflow: visible;z-index: 2;}
  372. .swiper-container-main .swiper-slide ul.mui-table-view{background: #FFFFFF;}
  373. .swiper-container-main .swiper-slide ul.mui-table-view>li{padding:11px 15px;}
  375. .refreshtip {position: absolute;left: 0;width: 100%;margin: 10px 0;text-align: center;color: #999;}
  376. .init-loading{border:none;text-align: center;}
  378. .loadtip {position: fixed;display: block;width: 100%;line-height: 40px; height: 40px;text-align: center;color: #999;bottom:20px;z-index:0;}
  379. .swiper-container-main, .w{height: calc(100vh - 80px);}
  380. .swiper-slide{height: auto;}
  382. /*缺省*/
  383. .nodatabox .nodata{width: auto;}
  384. .nodatabox .picbox{width:100px;height:100px;}
  385. .nodatabox .noContip{font-size:14px;line-height:20px;}