portal html css js resource

cmpindex.css 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. @charset "utf-8";
  2. /* CSS Document */
  3. body,html{/*background: #f4f6f8;*/}
  4. .con-center{padding:20px 10px 40px; margin:10px auto;}
  5. /*左侧菜单*/
  6. .workmenu{text-align: center; float:left; width:12%; height:300px; background: #FAFAFA;border-radius: 6px;overflow: hidden;}
  7. a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; }
  8. a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:40px; color:#313131;display: block;}
  9. a.worksubmenu.cmpBg{color: #FFFFFF;}
  10. /*右侧内容*/
  11. .workcon{float:right; margin-left:10px; width:87%; background: #FAFAFA;border-radius:6px;overflow: hidden;}
  12. .worksubcon{ padding:20px 16px;}
  13. .workconleft{width:70%;}
  14. .workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;}
  15. /*////////////工作台/////////////////*/
  16. .workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;}
  17. .leftlogo{width:56px;overflow:hidden;text-align: center;}
  18. .cmplogo{width: 140px;height: auto;}
  19. .rightinfo{position:relative;width:77%;padding:0 10px;}
  20. .cmpinfo{padding:0 140px 0 20px;min-height: 140px;}
  21. .cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
  22. .cmpBasic span:first-child:before{border:none;margin:0; }
  23. .btnPosition{position: absolute;top:50%;margin-top:-36px;right:4px;}
  24. .btnBlock a{display: block;margin:6px 0;}
  25. .btnBlock .frmtype{display: block;width: 140px;}
  26. /*企业认证*/
  27. .identityState{padding:100px 60px 100px 60px; text-align:center;}
  28. .identityState p{padding:10px; margin:10px;}
  29. .identityState span{display: block;}
  30. .identProcess{font-size:20px;line-height: 40px; color:#777;}
  31. .identts{font-size:15px;color:#999;line-height: 34px;}
  32. /*企业需求/员工*/
  33. .worksubblock{ width:50%;height:354px;padding:0 10px;overflow:hidden;position: relative;}
  34. .worksubblock:first-child{border-right:1px solid #D6D6D6;}
  35. .worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
  36. .worklinkbtn {font-size: 12px;line-height: 24px; cursor: pointer;}
  37. .wbcon{ padding:20px 0; overflow:hidden;}
  38. .needUlist{height:286px;overflow: hidden;}
  39. .needUlist li{position:relative;overflow: hidden;padding:4px 0;margin:6px 0;}
  40. .needUlist li:after{content: '';background: #E6E6E6;height:1px;position: absolute;bottom: 0;right: 0;left:64px;}
  41. .needUlist li:last-child:after{background: none;}
  42. .staffDlist{overflow: hidden;}
  43. .staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;}
  44. .staffDlist dl{width: 78%;float: right;}
  45. .staffDlist dl .staffchild{width:60px;}
  46. .staffDlist dd{float:left;margin:2% 3%;text-align: center;}
  47. /*公告*/
  48. .workconright{ width:29%;}
  49. .worknotice{ width:100%; height:478px;background:#fff; position: relative;text-align: center; margin:1px;}
  50. /*工作台其他功能*/
  51. .workmysrc{ margin-bottom:30px;}
  52. .workmysrctit{font-size:16px;line-height:30px;position:relative;}
  53. .worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;}
  54. .worksamlltitnow{ border-bottom:1px solid;text-decoration: none;}/*//cmpBorder*/
  55. .workcontit a:link,.workcontit a:active,.workcontit a:visited {color:#313131;}
  56. /*内容列表*/
  57. .workselectcon{ padding:20px 10px;}
  58. .workselectitem{ height: 180px; margin:6px 0;padding:16px 10px 10px; padding-left: 20px;}
  59. .workselectitem:nth-child(odd){background:#fff;}
  60. .workselectitem table tr .workcheck{ text-align:center;}
  61. .worksitcon{ width:100%;margin-top:0; overflow:hidden; }
  62. .worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;}
  63. .worksitcon .titList em{font-style: normal;}
  64. .worksitcon .lasttime{ font-size:13px; color:#666;}
  65. .worksitcon .lasttime.rightTime{position: absolute; right: 20px;top:0}
  66. .worksitcon span{ padding-right:4px;}
  67. .workitimg{ display:block;overflow:hidden;width:120px; height:120px;margin: 5px 0; }
  68. .needinfo{position:relative;}
  69. .workhandle{ position:absolute; top:10px; right:20px;}
  70. .workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
  71. .workhandle .complain{display:none;}/* 更多操作按钮... */
  72. .workhandle .coultstate{color: #fff;}
  73. .workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;}
  74. /*操作状态类型*/
  75. .workhandle .coultstate i{font-style: normal;}
  76. .workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
  77. .workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价/新咨询*/
  78. .workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/
  79. .workhandle .status-4{background:#6CA8FF;border: solid 1px #6CA8FF;}/*待回复*/
  80. .workhandle .status-5{background:#d3d3d3;border: solid 1px #d3d3d3;}/*已拒绝/被拒绝*/
  81. .workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
  82. .workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
  83. .rebackcon{ height:50px;width:700px;line-height: 24px; overflow:hidden;}
  84. /*下拉菜单*/
  85. .workset{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; line-height:20px; cursor:pointer;}
  86. .workmenubox{ width:100%; background:#fff; padding:10px 20px;}
  87. .workmenufrm{ max-width:100%;}
  88. .workselectbox{ position:relative; padding:4px 10px; }
  89. .workselectmenu{ padding:4px 10px 4px 20px; position:relative;cursor:pointer;}
  90. .workselectmenu~.to-bottom{border-color: #28b8fa #fff;top: 40%;}
  91. .workdropdown { position:absolute;right:0; background:#fff; border-radius:6px;border: 1px #d6d6d6 solid; box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8; z-index:99;}
  92. .workdropdown li{padding:0 20px;width:100px; line-height:40px;cursor:pointer;}
  93. .workdropdown li:hover{ background-color:#f7f7f7;}
  94. .workdropdown2 li{width:200px;}
  95. /*文章列表*/
  96. .workarea{padding:8px 0;min-height: 500px;}
  97. .addworkbtn,.addworkbtn-list{width:210px; height:240px;float: left; border-radius: 6px ;
  98. border: 1px dashed #d4d8db;cursor: pointer;background:#eff3f6 url(../../images/zyadd.png) no-repeat center;}
  99. .addworkbtn:hover{background:#fff url(../../images/zyadd.png) no-repeat center;}
  100. .addworkbtn{margin-left:12px}
  101. .addworkbtn-list{border: 1px solid #e4e5e7; margin:0 0 12px 12px;background:#fff; overflow: hidden;}
  102. img.loading{position: absolute;left:50%;top:30%}
  103. .showBlock{position: relative;display: block;}
  104. .showBasic{ position:absolute;top:0;width:100%;height:100%;
  105. background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
  106. background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */
  107. background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
  108. background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
  109. }
  110. .showTopic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
  111. .showImg{ width:100%; height:200px; overflow: hidden;background-position: center center;background-repeat: no-repeat;background-image: url(../../images/default-artical.jpg);background-size:cover;}
  112. .tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
  113. .tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
  114. /*需求查看*/
  115. .consultdialogbox{ width:100%;padding: 20px 20px 80px 20px;color:#666;font-size:15px;line-height: 28px;}
  116. .dialoghead{ padding:20px; border-radius:10px 10px 0 0; text-align:center; border-bottom:1px #d6d6d6 solid; background-color:#F3F3F3; position:relative;}
  117. .dialoghead .backupbtn{ background:url(../../images/backup.png) no-repeat center center; width:24px; height:24px; padding:20px; position:absolute; top:50%; left:16px; margin-top:-16px; cursor:pointer;}
  118. .dialoghead .dheadtit{width:680px; margin:auto; font-size: 18px;line-height: 18px; }
  119. .dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 20px; color:#333;}
  120. .dialogcontain{ background:#fff; border-bottom:1px #d6d6d6 solid; position:relative;}
  121. .dialogcontain .dialoginfo{padding: 30px 10px 20px 10px;}
  122. .dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px; color: #777;}
  123. .dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:15px;max-width:90%;}
  124. .dialogcontain .dialoginfo .dialogtitTopic{ font-weight: bold;font-size:18px;max-width: 86%;}
  125. .dialogcontain .dialoginfo .evadbox{ overflow:hidden; }
  126. .dialogcontain .dialogstatus{ position:absolute;min-width:100px; top:-20px; right: -8px;padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
  127. .dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid #0776a9;border-bottom: 6px solid transparent;border-left: 8px solid #0776a9; border-right: 0px solid transparent;right: 0px; bottom: -5px;}
  128. .consultBasicInfor{background: #ffffea;border-bottom:1px solid #d6d6d6;}
  129. .consultBasic{width:50%;padding:10px 20px 20px 40px;}
  130. .consultBasic:first-child{border-right:1px solid #d6d6d6;}
  131. .consultBasic .workhs{width: auto;}
  132. .consultBasic .workhs .workitimg{width:60px;height: auto;}
  133. .consultBasic .workinfor{width: auto;width:64%;padding:5px 16px;}
  134. .consultBasic .workinfor .h1Font{font-size:18px;}
  135. .consultBasic .workinfor h5{font-size:14px;}
  136. .cBasicTit{font-size:16px;line-height:30px;text-align: center;}
  137. .basicBtn{text-align: center;padding:80px 10px 60px 10px; background-color:#FFFFFF;}
  138. .basicBtn span{padding:8px 40px;border-radius:6px;font-size: 15px;margin:4px;cursor: pointer;}
  139. .basicBtn span.closeBtn{border:none;color:#FF0000}
  140. /*员工列表*/
  141. .staffemail{width: 300px;padding-left:10px;}
  142. .staffMana{min-height:240px;margin:10px 4px;padding:10px; border:1px solid #D0D0D0;}
  143. .staffMana li{position: relative; width: 48%;float:left;padding:10px;border:1px dashed #a6a6a6;margin:6px 1%;border-radius: 6px;}
  144. .staffMana li .leftlogo{ margin: 8px 0;}
  145. .staffinfo{width: 84%;padding-right: 40px;}
  146. .staffMana .btnPosition{right:2px;margin-top:-18px;}
  147. .stafffrm{padding:2px 8px;}
  148. .staffTip{background: #f5f5f5;padding: 10px;}
  149. /*企业信息浏览*/
  150. .mainHead{background: #fafafa;padding:20px;margin:0 auto 10px;border-radius: 6px;}
  151. .cmpLogoblock div{width: 180px;height: 180px;margin:auto;overflow: hidden;}
  152. .menublock{height:420px;}
  153. .subsidebar{cursor: pointer;}
  154. .right-box{padding:8px;}
  155. .right-title{ position:relative; overflow:hidden;}
  156. .right-title span{font-size:20px;line-height:30px;}
  157. .infor-browse{padding:0 16px;}
  158. .infoList{ overflow: hidden;padding:6px 0;}
  159. .infoList li{margin:4px;position: relative;overflow: hidden;}
  160. .industryList li{padding-left: 10px;}
  161. .industryList li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
  162. .areaList{overflow: hidden;}
  163. .areaList li{float:left;padding:6px 20px;border:1px solid #D6D6D6; border-radius:6px;}
  164. .needTopic{ display:inline-table; max-width:76%;}
  165. .needAim{margin-left:20px;}
  166. .cmpStaff dl{width:100%;float:none;margin-right:-4%;}
  167. .cmpStaff dd{max-width:120px;text-align: center;margin:2% 2.9% 1% 0;}
  168. .cmpStaff dd .staffChild{width:80px;margin:auto}
  169. /*修改企业信息*/
  170. .uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;}
  171. input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;}
  172. .uploadInp .webuploader-pick{background: #28b8fa; height: 40px;width: 100%;line-height: 30px;margin: 0;}
  173. .uploadInp .webuploader-element-invisible{height:40px}
  174. .boxBlock.uploader-list{width: 140px; height:140px;background: #e8e8e8;}
  175. .boxBlock.uploader-list .boxBlockimg{max-width: 140px;}
  176. .cmpFrmList{padding:10px 0;}
  177. .cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;}
  178. .cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}
  179. .cmpFrmList>li:after{clear: both;}
  180. .ulspace{/*padding:10px 0;*/}
  181. .ulspace li{margin-top:10px;margin-right:6px;padding:6px 10px;text-align: center;border-width:1px;border-style:solid;border-color:#D6D6D6;border-radius:6px;}
  182. .enterpriseType li{width:31%;float:left;}
  183. .enterpriseType li.listactive{border-color:#28b8fa;}
  184. .enterpriseType li.listactive:before{content:"";display:inline-block;width:14px;height:14px;margin-right:3px;background-image:url(../images/con_icon_selected.png);background-size:contain;overflow:hidden;}
  185. .editUlist,.editUlistC{width: 98%;}
  186. .editUlist li{float:left; position:relative;padding:4px 36px 4px 10px;}
  187. .editUlist li img{position:absolute;right:8px;top:8px;width: 12px;cursor: pointer;}
  188. .editUlistC li{position:relative;width:96%;padding:6px 10px;}
  189. .editUlistC li img{position:absolute;right:10px;top:10px;width: 12px;cursor: pointer;}
  190. .paddingSpace{padding:0 6px;}
  191. /*城市选择器*/
  192. .citybox .frmtype{border:1px solid #B5B5B5;}
  193. .citybox span{position:relative;width:96%;display:inline-block;padding:0 0 0 6px;cursor:pointer;margin:0;background:#fff;}
  194. .citybox span .mr_show{ font-style:normal;color:#AAAAAA;width:100%;display:inline-block;height:32px;line-height:32px;position:relative;}
  195. .citybox span .mr_show.mr_select{color:#333;}
  196. .citybox span .mr_sj{position: absolute;right: 10px;top: 15px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #28b8fa transparent transparent;}
  197. .citybox span ul{width:98%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:38px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
  198. .citybox span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  199. .citybox span ul li:first-child{border-top:0;}
  200. .citybox span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
  201. /*日期选择器*/
  202. .input-append.date .dateIcon{position:absolute;right:14px; top:9px;}
  203. /*////////////个人设置/////////////////*/
  204. a.workmenutit.accouttit{cursor: text;color: #a3a3a3;}
  205. ul.cmpAllUl{width:50%;margin:60px auto 20px;}
  206. ul.cmpAllUl>li{position:relative;clear:both;padding:6px 0;}
  207. ul.cmpAllUl>li:before,ul.cmpAllUl li:after{display:table;content:" "}
  208. ul.cmpAllUl>li:after{clear: both;}
  209. ul.cmpAllUl>li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;}
  210. ul.cmpAllUl>li .col-w-10{position: relative;}
  211. .forgetLink{position:absolute; right:-92px;}
  212. .uploadFile{line-height:30px;text-align: center;}
  213. .uploadFile .uploadlogo{width:98%;padding:16px 0;border:2px dashed #D6D6D6; border-radius: 6px;background: #f5faff;color:#666;}
  214. .uploadFile input.uploadInp[type="file"]{height:96px;}
  215. .uploadFile .uploadlogo .upBack{padding:0 10px;}
  216. .uploadFile .uploadlogo .upBack a{ color: #28b8fa;}
  217. .uploadFile .uploadlogo .upBack a:hover{ color: #1daaeb;}
  218. .notetip{padding: 10px; margin:20px auto 10px; text-align:center; border-bottom:1px #c8c8c8 dashed;}
  219. .bindBlock{min-height: 200px;}
  220. .bindFont{position: relative;font-size:16px; line-height: 32px;padding-left:26px;}
  221. .bindFont em{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/con-icon-email.png);background-size:cover;}
  222. ul.cmpAllUl.cmpBindul{width:70%;margin:40px auto 20px;}
  223. ul.cmpAllUl.cmpBindul .frmtype{height: 40px;}
  224. .importBlock{margin:30px auto 20px;}
  225. .importTip{font-size:22px;line-height: 40px; color:#333;text-align: center;}
  226. /*////////////企业入驻/////////////////*/
  227. .conBanner{width: 100%;min-width:1100px;height:240px; background: url(../images/business_img_banner_nor.png) center center no-repeat;background-size: cover;overflow: hidden;}
  228. .conTit{margin-top: 30px;padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;}
  229. .tit-hh4{font-size:22px;line-height:40px;}
  230. .tit-hh4 img{margin-right:18px;margin-left:-10px;}
  231. input.cmpAgreebtn[type="checkbox"]{position:absolute;width:20px;margin: 0;opacity: 0;}
  232. ul.cmpAllUl.cmpSettledul{width:60%;margin:10px auto 20px;}
  233. ul.cmpAllUl.cmpSettledul>li{padding:8px;}
  234. ul.cmpAllUl.cmpSettledul .frmtype{height:40px;}
  235. .successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
  236. .failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
  237. /*登录相关*/
  238. .signLogo{display:block;height:64px;width:292px;background:url(../images/e-sign-on_bg_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
  239. .covbodyBg{background: url(../images/e-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
  240. .contConP{position:static}
  241. .covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056;
  242. box-shadow: 2px 6px 30px #1084d0;
  243. -webkit-box-shadow: 2px 6px 30px #1084d0;}
  244. .covFrmblock .h1Font{margin-bottom:30px;}
  245. ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
  246. ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
  247. ul.cmpAllUl.cmpCoverUl>li .save-block{margin-bottom:0;}
  248. ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26px;}
  249. ul.cmpAllUl>li .form_head:before{position: absolute;content: '';background: #E6E6E6;margin:auto;width:60%;height:1px;top:-30px;bottom: 0;right: 0;left:0;}
  250. ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;}
  251. ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;}
  252. ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/e-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;}
  253. ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/e-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;}
  254. ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/e-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;}
  255. ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/e-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;}
  256. ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/e-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
  257. ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
  258. ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;}
  259. /*文章发布*/
  260. .cmpArticalFrm{padding:20px 20px 10px;}
  261. .cmpArticalFrm .cmpMotit{padding: 0 10px;font-size: 16px; line-height: 40px; color: #606060;border-bottom: 1px solid #28b8fa; position: relative;font-weight: bold;}
  262. ul.cmpAllUl.cmpArticalul{width:66%;margin:30px 8px 20px;position: relative;min-height: 210px;}
  263. ul.cmpAllUl.cmpArticalul .col-w-3{text-align: right;padding-right: 10px;line-height: 32px;}
  264. ul.cmpAllUl.cmpArticalul .btnModel2{padding:0 16px;}
  265. ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;}
  266. .rightRequ{position:relative;}
  267. .rightRequ .requiredcon{top:2px; right:-6px;left:auto;}
  268. .uploderArt{position:absolute;width:200px;top:0px;right:-208px;text-align: center;}
  269. .uploderArt .uploadInpArt{cursor:pointer;width: 100%;z-index: 10;color:#EFEFEF;}
  270. .uploderArt .imgBlock{position: relative;width: 140px;margin: auto;overflow: hidden;}
  271. .uploderArt .smalltip{line-height: 16px;}
  272. .cmpArticalFrm .deleteFont{cursor:pointer;position:absolute; right:20px;top:40px;color: #FF0000;}