style.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690
  1. root {display: block;}
  2. html, body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td ,img,textarea{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
  3. fieldset, img { border: 0; }
  4. img { display:inline-block; }
  5. :focus { outline: 0; }
  6. li {display: list-item;text-align: -webkit-match-parent;}
  7. em, i, u {font-style: normal;}
  8. h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family:"Microsoft YaHei" }
  9. abbr, acronym { border: 0; font-variant: normal; }
  10. input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
  11. code, kbd, samp, tt { font-size:100%; }
  12. input, button, textarea, select { *font-size: 100%;font-family:"Microsoft YaHei";}
  13. ol, ul { list-style: none outside none; }
  14. table { border-collapse: collapse; border-spacing: 0;}
  15. caption, th { text-align: left; }
  16. :link, :visited, ins { text-decoration: none; }
  17. blockquote, q { quotes: none; }
  18. blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  19. a{ color: #333}
  20. div {display: block;}
  21. a:hover{ color:#F90}
  22. .clearfix:after{
  23. display: block;
  24. content: ".";
  25. height: 0;
  26. visibility: hidden;
  27. clear: both;
  28. font-size: 0;
  29. line-height: 0;
  30. }
  31. .row{margin-right:0px; margin-left: 0px;}
  32. .r_f{ float:right}
  33. .l_f{ float:left}
  34. .mleft{ margin-left:10px;}
  35. .margin{ margin:15px;}
  36. .border{ border:1px solid #ddd; padding:10px; height:60px; line-height:36px; margin-bottom:20px; }
  37. .border span{ display:block; height:100%;}
  38. .table_menu_list{}
  39. .alert { margin-top:20px;}
  40. body
  41. {
  42. padding-bottom: 0;
  43. background-color: #ffffff;
  44. min-height: 100%;
  45. font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif ;
  46. font-size: 13px;
  47. color: #393939;
  48. line-height: 1.5;
  49. }
  50. .page-content {
  51. background: #fff;
  52. margin: 0;
  53. padding:0px 15px;
  54. }
  55. .Tips_content{ margin-top:20px; line-height:32px;}
  56. .Tips_content .score_style li{ float:none;}
  57. .Tips_content .score_style li input{ color:#F90; font-size:16px; background-color:#FFF; float:left;}
  58. .get_time{
  59. height:30px;
  60. line-height:30px;
  61. width:350px;
  62. border:1px solid #ffffff;
  63. margin-top:10px;
  64. color:#ffffff
  65. }
  66. .pull-right .time{
  67. width:200px;
  68. height: 45px;
  69. border-right:1px solid #ffffff;
  70. text-align:center;
  71. display: inline-block;
  72. overflow:
  73. hidden;float:left
  74. }
  75. .Manager_style,
  76. .search_style{ border:1px solid #ddd; padding:30px 20px; position:relative; margin-top:20px; }
  77. #parentIframe,#parentIfour{ display:none;}
  78. .Manager_style .title_name,
  79. .search_style .title_names{ position:absolute; top:-20px; font-size:18px; background-color:#ffffff; padding:5px 20px; left:10px;}
  80. .state-overview{ margin-top:15px;}
  81. #add_administrator_style .c-red{ color:#F33}
  82. /*****************************面包屑样式*****************************/
  83. #breadcrumbs .iframeurl{ color:#333;text-decoration : none;}
  84. /******************边框样式**************/
  85. .t_Record{ border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; padding:10px; float:left}
  86. .news_style{ width:250px; float:left; border:1px solid #ddd; margin-left:15px; height:320px; }
  87. .news_style .title_name{padding-left:20px;
  88. font-size:16px;
  89. border-bottom:1px solid #dddddd;
  90. background: #2a8bcc!important;
  91. background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffffff),to(#ededed))!important;
  92. background-image: -webkit-linear-gradient(top,#ffffff,0%,#ededed,100%)!important;
  93. background-image: -moz-linear-gradient(top,#ffffff 0,#ededed 100%)!important;
  94. background-image: linear-gradient(to bottom,#ffffff 0,#ededed 100%)!important;
  95. background-repeat: repeat-x!important;
  96. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0)!important;
  97. height:36px; line-height:36px;
  98. color:#333333;
  99. width:100%
  100. }
  101. .news_style .list{ padding:10px; line-height:26px;}
  102. .news_style .list li i{ color:#F63; margin-right:5px;}
  103. .Statistics_style .Statistic_btn,
  104. .Order_form .Statistic_btn{
  105. border:1px solid #dddddd;
  106. border-radius:3px;
  107. font-size:14px;
  108. text-align:center;
  109. -moz-border-radius:3px;
  110. -webkit-border-radius:3px;
  111. float:right;
  112. margin-right:100px;
  113. height:30px;
  114. margin-top:5px;
  115. line-height:26px;
  116. padding:0px 10px;
  117. width:80px;
  118. cursor:pointer;
  119. }
  120. .Statistics_style .Statistic_btn a,
  121. .Order_form .Statistic_btn a{ display:block;}
  122. .Statistics_style .top_show_btn,
  123. .Order_form .top_show_btn{ display:none}
  124. .grading_list .table_menu_list,
  125. .content_style{ padding:10px; }
  126. .grading_list .table_menu_list .table td{font-size:12px}
  127. /********密码修改样式***********/
  128. .change_Pass_style{ display:none;}
  129. .change_Pass_style .xg_style{}
  130. .change_Pass_style .xg_style li{ height:40px; padding:5px 0px; line-height:40px; margin-bottom:20px;}
  131. .change_Pass_style .xg_style li .label_name{ float:left; width:80px; text-align: right}
  132. .change_Pass_style .xg_style .btn{ display:block; margin-left:auto; margin-right:auto; margin-top:20px; text-align:center}
  133. /***********************留言样式属性**************************/
  134. .content_style .Reply_style{ margin-top:10px; display:none}
  135. .content_style textarea.form-control {
  136. width: 400px;
  137. height: 100px;
  138. resize: none;
  139. margin:0px;
  140. }
  141. /***************************首页样式属性****************************/
  142. .state-overview .terques { background: #6ccac9;}
  143. .state-overview .red { background: #ff6c60;}
  144. .state-overview .yellow { background: #f8d347;}
  145. .state-overview .blue {background: #57c8f2;}
  146. .state-overview .darkblue{ background-color:#438eb9}
  147. .state-overview .green{ background-color:#093}
  148. .state-overview .symbol {width: 40%;padding: 25px 15px; -webkit-border-radius: 4px 0px 0px 4px;border-radius: 4px 0px 0px 4px;}
  149. .state-overview .symbol i {color: #fff;font-size: 50px;}
  150. .state-overview .value {width: 58%;padding-top: 21px;}
  151. .state-overview .value {float: right;}
  152. .state-overview .value h1 {font-weight: 300;}
  153. .state-overview .value h1, .state-overview .value p {margin: 0;padding: 0;color: #666666;}
  154. .state-overview .symbol, .state-overview .value {display: inline-block;text-align: center;}
  155. .state-overview .panel{border:1px solid #dddddd; margin-bottom:15px;}
  156. /***********************搜索查询***********************/
  157. .search_style{ margin-bottom:20px;}
  158. .search_style .search_content li{ margin-right:20px; float:left; line-height:30px;}
  159. .search_style .search_content li .btn_search{
  160. height:32px;
  161. background: #2a8bcc!important;
  162. background-image: -webkit-gradient(linear,left 0,left 100%,from(#3b98d6),to(#197ec1))!important;
  163. background-image: -webkit-linear-gradient(top,#3b98d6,0%,#197ec1,100%)!important;
  164. background-image: -moz-linear-gradient(top,#3b98d6 0,#197ec1 100%)!important;
  165. background-image: linear-gradient(to bottom,#3b98d6 0,#197ec1 100%)!important;
  166. background-repeat: repeat-x!important;
  167. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6',endColorstr='#ff197ec1',GradientType=0)!important;
  168. line-height:32px;
  169. border:0px;
  170. width:60px;
  171. text-align:center;
  172. color:#FFF;
  173. border-radius:3px;
  174. -moz-border-radius:3px;
  175. -webkit-border-radius:3px;
  176. }
  177. .search_style .search_content li .btn_search i{ padding-right:5px;}
  178. /***********底部样式属性***********/
  179. .footer_style{ width:100%; border-top:1px solid #ddd; padding:2px 0px; color:#666666; background-color:#f2f2f2; font-family:"新宋体"; position: fixed; bottom:0px; z-index:1111; text-align:center;}
  180. .footer_style p{ padding:0px 20px;}
  181. /*************************************************************待确认订单样式属性**********************************************************/
  182. .d_Confirm_Order_style{}
  183. .d_Confirm_Order_style .title_name{ font-size:14px; padding:10px 0px ; border-bottom:1px solid #ddd; margin-bottom:20px;}
  184. /********************************菜单管理样式属性*************************/
  185. .Menu_Manager{}
  186. .Menu_Manager .add_menu tr{ }
  187. .Manager_style .Role_xinxi td,
  188. .Menu_Manager .add_menu td{ height:50px; line-height:50px; padding:5px 0px;}
  189. .Menu_Manager .add_menu td .btn-primary,
  190. .Manager_style .Role_xinxi button{
  191. margin-left:120px;
  192. border-radius:3px;
  193. -moz-border-radius:3px;
  194. -webkit-border-radius:3px;
  195. }
  196. .Manager_style .Role_xinxi{ width:800px;}
  197. .Manager_style .Role_xinxi td.label_name,
  198. .Menu_Manager .add_menu td.label_name{ width:60px; color:#666}
  199. .Menu_Manager .add_menu select{ margin-left:10px; width:100px;}
  200. .Manager_style .Role_xinxi button{ margin-left:70px; width:80px;}
  201. .Manager_style .Role_xinxi .radio,
  202. .add_menu .radio{ float:left; width:100px; margin-top:6px}
  203. /**************************用户管理样式属性***************************/
  204. .user_Manager_style{}
  205. .table.table-bordered tbody tr td.User_Action_btn{ text-align:left}
  206. .user_Manager_style .add_user_style{ margin:10px;}
  207. .user_Manager_style .add_user_style ul{ margin:0}
  208. .user_Manager_style .add_user_style li{ float:left; height:40px; margin:5px; line-height:30px; width:255px}
  209. .user_Manager_style .add_user_style li .label_name,
  210. .user_Manager_style .add_user_style .Remark .label_name{ float:left; width:70px; text-align:right;}
  211. .user_Manager_style .add_user_style li .radio{ float:left; width:90px; margin-top:0px}
  212. .user_Manager_style .add_user_style li .radio label{ display:block; margin-top:3px}
  213. .user_Manager_style .add_user_style li select{ margin-left:10px; width:163px}
  214. .user_Manager_style .add_user_style .Remark{}
  215. .user_Manager_style .add_user_style .reset_style{ border-bottom:1px dashed #ddd; margin-bottom:10px;}
  216. .user_Manager_style .add_user_style .reset_style .btn{ margin-bottom:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  217. #Finalist_list tbody td{ padding:0; line-height:30px;}
  218. .split_line{ border-bottom:1px solid #ddd;}
  219. .rwxx_xj_btn{ margin:30px 0px;}
  220. .add_Info_finalists{ padding:0px; margin:20px 0px;}
  221. .add_Info_finalists .xz_xinxi{ float:left; line-height:32px; margin-right:25px;}
  222. .add_Info_finalists .xz_xinxi span{float:left;tposition:relative; margin:0px 10px; top:-10px; }
  223. .add_Info_finalists .xz_xinxi .date_inline li{ float:left;}
  224. .add_Info_finalists .xz_xinxi .date_inline li span{ }
  225. .add_Info_finalists .xz_xinxi .mleft{ width:200px;}
  226. .xinx_lb table tbody>tr>td{ padding:10px 0px; vertical-align: middle; text-align:center}
  227. .Upload_btn{
  228. position: relative;
  229. float:right;
  230. background: #2a8bcc!important;
  231. background-image: -webkit-gradient(linear,left 0,left 100%,from(#3b98d6),to(#197ec1))!important;
  232. background-image: -webkit-linear-gradient(top,#3b98d6,0%,#197ec1,100%)!important;
  233. background-image: -moz-linear-gradient(top,#3b98d6 0,#197ec1 100%)!important;
  234. background-image: linear-gradient(to bottom,#3b98d6 0,#197ec1 100%)!important;
  235. background-repeat: repeat-x!important;
  236. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6',endColorstr='#ff197ec1',GradientType=0)!important;
  237. border:0px;
  238. color:#ffffff;
  239. }
  240. .user_xinxi_modify{ width:820px; margin-left:auto; margin-right:auto; border:1px solid #ddd}
  241. .Button_Action{ text-align:center; padding:15px 0px; border-top:1px dashed #ddd;}
  242. .finalists_style .btn_style{ width:160px; margin-top:20px; margin-left:auto; margin-right:auto;}
  243. .finalists_style .btn_style .Reset_btn{ border:1px solid #ddd; margin-left:20px;}
  244. .finalists_style .btn_style .save_btn{border:1px solid #d15b47}
  245. /**************************供应商信息样式属性*************************/
  246. .info_Content .Content_list{ margin-top:20px}
  247. .info_Content .Content_list li{ float:left; height:40px; line-height:40px; margin-right:20px; margin-bottom:10px; }
  248. .info_Content .Content_list li .label_name{ float:left; border-right:1px dotted #ddd; margin-right:10px; padding-right:10px; width:110px; text-align:right}
  249. .info_Content .Content_list li span{ float:left; width:320px}
  250. .gys_style .Add_Manager_style{ margin:20px;}
  251. .gys_style .btn_operating{ width:180px}
  252. /**************品牌列表样式属性***************/
  253. .chart_style{ width:400px; border-right:1px solid #ddd; float:left; height:100%; position:relative;}
  254. .brand_list .table_menu_list{ float:right; margin-left:410px; overflow:auto; overflow:scroll; position:absolute}
  255. .brand_list .table_menu_list.Widescreen{ margin-left:0px;}
  256. .brand_list .table_menu_list table,
  257. .Resolution .brand_list .table_menu_list.Widescreen table{ width:1366px}
  258. .brand_list .table_menu_list.Widescreen table{ width:100%}
  259. .brand_list { overflow:hidden; position: relative; border-top:1px solid #dddddd;border-left:1px solid #dddddd ;border-right: 1px solid #dddddd;}
  260. /*********添加品牌样式属性********/
  261. #add_brand{}
  262. .button_brand{ position:absolute; bottom:10px; width:160px; left:45%}
  263. #add_brand .left_add{ width:600px; float:left; border-right:1px solid #ddd; border-bottom:1px solid #dddddd; position:fixed;overflow:auto; z-index:234}
  264. #add_brand .left_add .title_name{ width:599px;}
  265. #add_brand .right_add{ float:left; margin-left:600px;position:fixed;overflow:auto; border-bottom:1px solid #dddddd;}
  266. #add_brand .add_conent{ padding:15px;margin-top:40px}
  267. #add_brand .add_conent li{ padding:10px 0px}
  268. #add_brand .add_conent .label_name{ float:left; width:80px; margin-right:5px; text-align:right; line-height:30px;}
  269. #add_brand .add_conent li .textarea {
  270. resize: none;
  271. border: 1px solid #dddddd;
  272. height: 200px;
  273. width: 450px;
  274. }
  275. .produt_select_style .seach{ margin:0px; width:220px; border:0px; padding-left:30px; }
  276. #add_brand .add_conent li .wordage{ display:block; color:#999; margin-left:100px; margin-top:10px}
  277. .p_select_list { padding:10px;}
  278. .p_select_list .select{
  279. width:220px;
  280. float:left;
  281. padding:4px;
  282. height:100%;
  283. border:0px;
  284. }
  285. .p_select_list .select option{text-overflow: ellipsis; white-space: nowrap; width:200px; overflow: hidden;}
  286. .p_select_list .seach_style{ position:relative;}
  287. .p_select_list .seach_style i{ position:absolute; left:5px; color:#999; top:3px;}
  288. .left_produt .select{border-bottom:1px solid #dddddd;}
  289. #add_brand .title_name{ position:fixed;z-index:233}
  290. .p_select_list .Switching_btn{ width:80px; margin:0px 10px; float:left}
  291. .p_select_list .Switching{ display:block; margin:10px 0px}
  292. .p_select_list .Switching .btn{ width:80px;}
  293. .p_select_list .right_product{border:1px #dddddd solid; float:left; }
  294. .p_select_list .left_produt{border:1px #dddddd solid; float:left; }
  295. #add_brand .left_add .demo { margin-left:10px;}
  296. #add_brand .left_add .resizebox{ width:182px; height:102px; border:1px solid #dddddd; text-align:center; margin-bottom:10px;}
  297. #add_brand .left_add .prompt{ font-size:12px; color:#999; float:left; margin-top:10px; margin-left:10px}
  298. #add_brand .left_add .prompt b,
  299. #add_brand{} .left_add i{ color:#F00}
  300. #add_brand .right_add .p_select_list { width:650px; margin-top:40px}
  301. #add_brand .right_add .p_select_list .title_name{ height:30px; font-size:14px; line-height:30px; position: relative}
  302. /*********************品牌详细信息样式属性***********************/
  303. .brand_detailed{}
  304. .brand_detailed .brand_info{ border:1px solid #dddddd; margin-top:50px; position:relative; margin-bottom:20px}
  305. .brand_detailed .title_brand{font-size:16px; color:#F63; background-color:#FFF; position:absolute; top:-20px; left:0px; padding:0px 10px; text-align:center; height:40px; line-height:40px;}
  306. .brand_detailed .Info_style{ padding:20px 0px; margin-right:160px; position:relative; left:0px; top:0px;}
  307. .brand_detailed .Info_style li{ width:250px; float:left; height:40px; line-height:40px;}
  308. .brand_detailed .Info_style li.b_Introduce{ width:100%; height:auto;}
  309. .brand_detailed .Info_style li.b_Introduce .name{ line-height:24px; margin-left:80px; margin-top:-30px;}
  310. .brand_detailed .Info_style li .label_name{ float:left; width:80px; line-height:40px; text-align:right}
  311. .brand_detailed .Info_style li .name{ float:left; line-height:40px; margin-left:5px;}
  312. .brand_detailed .brand_logo{
  313. float:right;
  314. border-left:1px solid #DDDDDD;
  315. width:160px;
  316. padding:10px;
  317. top:0px;
  318. position:absolute;
  319. right:0px;
  320. height:100%;
  321. text-align:center;
  322. display: table-cell;
  323. *display: block;
  324. vertical-align:middle;
  325. *font-family:Arial;
  326. }
  327. .brand_detailed .brand_logo img{ vertical-align:middle;}
  328. .brand_detailed .brand_logo .name{ background-color: #F63; color:#FFF; padding:5px; margin-top:10px;}
  329. .b_products_list{ border:1px solid #dddddd; position:relative}
  330. .b_P_Sort_list li{ line-height:34px; margin-left:10px;}
  331. .b_P_Sort_list li .grey,
  332. .b_P_Sort_list li .orange{ margin-right:5px;}
  333. /*******************************产品类型样式属性******************************************/
  334. .left_Treeview{ position:relative; float:left}
  335. .page_right_style{ float:right; position:absolute; height:100%;}
  336. .page_right_style.Widescreen{ left:0px}
  337. .show_btn {
  338. display: none;
  339. position: fixed;
  340. z-index: 1111;
  341. top:50%
  342. }
  343. .show_btn span {
  344. background: url(../images/indexhead_sprite.png) -46px -30px no-repeat;
  345. width: 25px;
  346. height: 100px;
  347. overflow: hidden;
  348. float: left;
  349. cursor: pointer;
  350. position: absolute;
  351. left: 0px;
  352. }
  353. .side_title span {
  354. background: url(../images/indexhead_sprite.png) -14px -30px no-repeat;
  355. width: 25px;
  356. height: 40px;
  357. overflow: hidden;
  358. float: left;
  359. cursor: pointer;
  360. position: absolute;
  361. right: 0px;
  362. top: 50%;
  363. z-index:111;
  364. }
  365. .type_style{}
  366. .type_style .type_title,
  367. #add_brand .title_name,
  368. .page_right_style .type_title,
  369. .admin_info_style .type_title,
  370. .Competence_add_style .title_name{
  371. padding-left:20px;
  372. font-size:18px;
  373. border-bottom:1px solid #dddddd;
  374. background: #2a8bcc!important;
  375. background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffffff),to(#ededed))!important;
  376. background-image: -webkit-linear-gradient(top,#ffffff,0%,#ededed,100%)!important;
  377. background-image: -moz-linear-gradient(top,#ffffff 0,#ededed 100%)!important;
  378. background-image: linear-gradient(to bottom,#ffffff 0,#ededed 100%)!important;
  379. background-repeat: repeat-x!important;
  380. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0)!important;
  381. height:40px; line-height:40px;
  382. color:#333333;
  383. width:100%
  384. }
  385. .type_style .type_content{ width:500px; margin-left:auto; margin-right:auto; margin-top:50px;}
  386. .type_style .type_content .Operate_btn { border:1px solid #dddddd; padding:10px 0px; text-align:center}
  387. .form-label{ float:left; width:80px;text-align:right;}
  388. .formControls{ float:left; width:250px; margin-left:10px; }
  389. .formControls textarea{ width:390px; height:100px; resize: none }
  390. .Operate_cont{ padding:10px;}
  391. #products_list .table_menu_list{ float:right; margin-left:230px;overflow:auto; position:absolute}
  392. #products_list .table_menu_list.Widescreen{ width:100%; margin-left:0px}
  393. #products_list {
  394. overflow: hidden;
  395. position: relative;
  396. border-top: 1px solid #dddddd;
  397. border-left: 1px solid #dddddd;
  398. border-right: 1px solid #dddddd;
  399. }
  400. .Resolution .h_products_list .table_menu_list.Widescreen table,
  401. .Resolution .h_products_list .table_menu_list table,
  402. .Resolution .order_style .search_style{ width:1366px}
  403. /**************添加产品信息样式***************/
  404. #add_picture{ padding:0px 0px; margin:0px;}
  405. #add_picture .page_right_style{ overflow: auto; position:fixed;left:220px; }
  406. #add_picture .page_right_style.Widescreen{ left:0px}
  407. #form-article-add{ padding:20px 0px;}
  408. #form-article-add .cl{ margin-bottom:15px; position:relative; min-height:35px; width:100%; left:0px}
  409. #form-article-add .cl .form-label{ line-height:35px; width:100px;}
  410. #form-article-add .cl .Add_p_s .form-label{}
  411. #form-article-add .cl .Add_p_s{ width:240px; position:relative; min-height:35px; float:left; margin-bottom:15px;}
  412. #form-article-add .cl .Add_p_s .input-text,
  413. #form-article-add .cl .Add_p_s .select{width:85%; margin-right:5px;}
  414. #form-article-add .formControls{ width: auto; margin-left:20px; top:0px; float:left}
  415. #form-article-add .formControls.col-10{ position:relative; width:90%; margin-left:10px}
  416. #form-article-add .formControls.col-10 textarea{ margin-left:0px; width:100%; height:250px;}
  417. #form-article-add .cl .input-text,
  418. #form-article-add .cl .select{ width:100%; margin-left:0px}
  419. #form-article-add .cl .input-text.Wdate{ width:200px;}
  420. #form-article-add .cl .Add_p_s .formControls { position:absolute; top:0px; z-index:11; left:90px; width:59%}
  421. .Button_operation{ width:360px; margin-left:auto; margin-right:auto}
  422. /*******************订单详细样式属性********************/
  423. .Order_Details_style{ margin-bottom:15px;}
  424. .Order_Details_style .Numbering{ border-bottom:1px dashed #ddd; height:40px; line-height:40px;}
  425. .Order_Details_style .Numbering b{ color:#F60; font-size:18px; margin-left:5px;}
  426. .Order_Details_style ul li{ height:40px; line-height:40px; float:left; margin-right:20px;}
  427. .Order_Details_style ul li .label_name{ font-size:16px; font-weight:bold; float:left; margin-right:10px; width:120px; text-align:right}
  428. .Order_Details_style ul li span{ float:left; width:230px;}
  429. .Inquiryproject_style .table.table-bordered thead tr th{ padding:5px; line-height:30px;}
  430. .Inquiryproject_style .table thead th .table-stripeds tr td{ border-bottom:0px;}
  431. #Order_form_style{ border:1px solid #dddddd; margin-bottom:15px;}
  432. #Order_form_style .percentage{ width:103px; height:103px;}
  433. #Order_form_style .title_name{ font-size:16px; border-bottom:1px solid #dddddd; line-height:40px; height:40px; padding:0px 20px;}
  434. #Order_form_style .proportion{ float:left; margin:10px 20px; text-align:center}
  435. #Order_form_style .proportion .name{ display:block; margin-top:5px; font-size:14px}
  436. .order_list .h_products_list { border-bottom:1px solid #dddddd;}
  437. #products_list .order_style{ padding:10px; margin-left:220px;}
  438. #products_list .order_style .order_product_name img{ border:1px solid #dddddd; padding:1px; width:60px; height:60px; }
  439. #products_list .order_style .order_product_name i{ color:#CCC; font-size:24px;}
  440. /***********订单详细样式属性************/
  441. .detailed_style{}
  442. .detailed_style .Receiver_style,
  443. .detailed_style .product_style,
  444. .detailed_style .Total_style{ border:1px solid #dddddd; margin-bottom:15px;}
  445. .detailed_style .title_name{
  446. height:40px;
  447. border-bottom:1px solid #dddddd;
  448. line-height:40px;
  449. font-size:16px;
  450. padding:0px 20px;
  451. background: #2a8bcc!important;
  452. background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffffff),to(#ededed))!important;
  453. background-image: -webkit-linear-gradient(top,#ffffff,0%,#ededed,100%)!important;
  454. background-image: -moz-linear-gradient(top,#ffffff 0,#ededed 100%)!important;
  455. background-image: linear-gradient(to bottom,#ffffff 0,#ededed 100%)!important;
  456. background-repeat: repeat-x!important;
  457. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0)!important;
  458. }
  459. .detailed_style .Info_style{ padding:0px 5px}
  460. .detailed_style .Info_style .label_name{ width:100px; text-align:right; float:left;}
  461. .detailed_style .Info_style .col-xs-4{ margin:10px 0px; position:relative}
  462. .detailed_style .Info_style .col-xs-4 .o_content{}
  463. .detailed_style .Info_style .product_info{ border:1px solid #dddddd; width:495px; padding-right:10px; margin:10px 5px; line-height:26px; float:left}
  464. .detailed_style .Info_style .product_info a{ display:block; float:left;}
  465. .detailed_style .Info_style .product_info a.img_link{ width:204px; height:204px; border-right:1px solid #dddddd; padding:1px;}
  466. .detailed_style .Info_style .product_info span{ float:left; display:block; width:265px; margin-left:10px;}
  467. .detailed_style .Info_style .product_info b{ color: #FCB714; font-weight:normal}
  468. .detailed_style .Info_style .product_info b.price{ font-size:18px; color: #F33}
  469. .detailed_style .Info_style .product_info b i{ font-size:12px}
  470. .Total_style{ padding:10px; }
  471. .Total_style .Total_m_style{font-size:16px; border-top:1px solid #dddddd; line-height:40px; height:40px;}
  472. .Total_style .Total{ margin-right:10px;}
  473. .Total_style b{ color:#F33; font-weight:600}
  474. /***********询价列表样式属性***********/
  475. .Item_Details .table.table-bordered thead tr th,
  476. .Item_Details .table.table-bordered td { padding:0; line-height:30px; height:30px; font-weight:normal}
  477. .Item_Details .table.table-bordered thead tr th.label_name{}
  478. .Item_Details .table.table-bordered thead tr th.label_name .name{ border-bottom:1px solid #ddd;}
  479. .Item_Details .table.table-bordered thead tr th.label_name span{ display:block; float:left; width:50%}
  480. .Item_Details .table.table-bordered thead tr th.label_name .right_border,
  481. .Item_Details .table.table-bordered td .right_border{ border-right:1px solid #ddd;}
  482. .Item_Details .table.table-bordered td .tb_price{ float:left; width:50%; height:100%; display:block;}
  483. .Item_Details .table.table-bordered td .tb_price input{ margin:0px;}
  484. .Tips_content h3{ margin-bottom:10px}
  485. /*************************添加管理项目样式属性**************************/
  486. .Add_Manager_style ul{ margin:0px}
  487. .Add_Manager_style li{ float:left; margin-right:20px; height:40px; line-height:30px; margin:10px 0px}
  488. .Add_Manager_style .label_name{ float:left; width:90px; text-align:right;}
  489. /****************添加项目*************/
  490. .project_style{ width:720px}
  491. .Item_Details .table td .add_text{ margin:5px;}
  492. .btn_operating{ width:400px; margin-left: auto; margin-right:auto; margin-top:20px}
  493. .btn_operating .btn{ margin-right:20px;}
  494. /*************产品管理样式属性****************/
  495. .Product_Details ul li span{ width:200px}
  496. .Product_Details ul li .label_name{ width:100px;}
  497. .add_Attributes{ margin-bottom:20px;}
  498. .Attributes_style{ display:none; padding:20px; position:relative}
  499. .Attributes_style .Attributestext{ height:40px; width:260px;}
  500. .Attributes_style .btn{ position:absolute; left:300px; height:40px;}
  501. /***********************模板样式属性*******************/
  502. .select_gys .checkbox{ float:left;margin-right:10px; margin-top:6px;}
  503. .select_gys .Browse_MB{ height:32px; line-height:10px;}
  504. .fillin_style .mb_name{ margin:20px 0px}
  505. .fillin_style .btn-primary{ margin-left:auto;margin-right:auto; width:90px; display:block;}
  506. .Evaluation_list .name{ margin:20px 0px; font-size:16px}
  507. .Rankings_style .table.table-bordered tbody tr td,
  508. .table-responsive.table.table-bordered tbody tr td{ padding:0;}
  509. .Rankings_style .table.table-bordered tbody tr td.table_jiage,
  510. .table-responsive .table.table-bordered tbody tr td.table_jiage,
  511. .Finalist_style table.table-bordered tbody tr td.table_jiage{ border-left:0px; padding:0px;}
  512. .Rankings_style .table,
  513. .Finalist_style .table,
  514. .table-responsive .table,
  515. .Rankings_style .table.table-bordered tbody tr td.table_jiage table,
  516. .table-responsive .table.table-bordered tbody tr td.table_jiage table,
  517. .Finalist_style .table.table-bordered tbody tr td.table_jiage table{table-layout:fixed;}
  518. .Rankings_style .table.table-bordered tbody tr td.table_jiage td,
  519. .table-responsive .table.table-bordered tbody tr td.table_jiage td,
  520. .Finalist_style .table.table-bordered tbody tr td.table_jiage td{ padding:0px 5px; border-left:1px solid #ddd;border-top:0px; height:30px;}
  521. .dd_title_name{ text-align:center; font-size:18px; margin-bottom:20px; line-height:40px}
  522. .d_submit_btn{ text-align:center; margin-top:30px;}
  523. /*********管理员样式属性***********/
  524. #add_administrator_style{ padding:10px;}
  525. .administrator_style{ border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd;}
  526. .administrator_style .table_menu_list{float: right; margin-left: 220px;overflow: auto;position: absolute; padding-left:10px;}
  527. .administrator_style .table_menu_list.Widescreen{ margin-left:0px;}
  528. .admin_info_style .text_info{
  529. height: 30px;
  530. padding: 3px;
  531. background-color: #FFF;
  532. border: 0px;
  533. }
  534. #add_administrator_style .form-label,
  535. .admin_info_style .form-group{ line-height:32px;}
  536. .admin_info_style .form-group input,
  537. #add_administrator_style input,
  538. #add_administrator_style textarea{ margin-left:0px;}
  539. .admin_info_style .form-group input[disabled]{background-color: #FFFFFF !important;}
  540. .admin_info_style .text_info.add {
  541. border: 1px solid #ddd;
  542. }
  543. .admin_info_style .admin_modify_style{ width:400px; border-right:1px solid #dddddd; float:left }
  544. .admin_info_style .xinxi,
  545. .admin_info_style .recording_list{ padding:10px;}
  546. .admin_info_style .xinxi .add_sex ,
  547. .admin_info_style .xinxi.hover .sex {
  548. display: none;
  549. }
  550. .admin_info_style .xinxi.hover .add_sex {
  551. display: block;
  552. }
  553. .admin_info_style .Button_operation button{ float:left;}
  554. .admin_info_style .Button_operation .btn-success{ display:none}
  555. .admin_info_style .xinxi span{ color:#858585}
  556. .admin_info_style .recording_style{ margin-left:400px; float:left; position:absolute;}
  557. /*********************用户权限样式属性***************************/
  558. .Competence_info{ border:1px solid #ddd; margin:10px;}
  559. .Competence_info .Competence_name{height:40px; line-height:40px; background-color:#E9EFFE;border-bottom:1px solid #ddd; text-align:center}
  560. .Competence_info .name{ height:30px; line-height:30px; font-size:14px; border-bottom:1px solid #ddd; text-align:center; background-color:#ededed;}
  561. .Competence_info .Competence_list{ width:33.33%; float:left; border-right:1px solid #ddd; margin:0; height:320px; min-height:320px}
  562. .Competence_info .Competence_list li{ height:40px; line-height:40px; padding:0px 20px; width:50%; float:left}
  563. /*********评分********/
  564. .table-responsive{ }
  565. .table-responsive .table{min-width:1500px; width:expression_r( document.body.clientWidth < 1500px ? "1499px" : "auto");overflow-x:scroll}
  566. body:nth-of-type(1) .table-responsive .table{ width:1672px;}
  567. .score_style{ margin-bottom:20px;}
  568. .score_style li{ padding:5px;}
  569. .score_style li .Rating{ font-size:16px; color:#F90}
  570. .score_style .score_prompt{ color:#CCC; border-top:1px dashed #ddd;}
  571. .abnormal_style{ padding:20px;}
  572. .abnormal_style .add_reason li{ padding:10px 0px; font-size:14px}
  573. .abnormal_style .add_reason li label{ margin-left:80px;}
  574. .xinxi-xs{ height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; font-size:18px;}
  575. .xinxi-xs span{ margin-right:30px; color:#438EB9}
  576. /*****************************添加用户样式属性************************/
  577. .add_menber{}
  578. .add_menber li{ margin:10px 0px; height:40px; line-height:40px; float:left; width:50%}
  579. .add_menber li.adderss{ width:100%}
  580. .add_menber li .label_name,
  581. .member_content li .label_name { width:80px; text-align:right; float:left; line-height:30px;}
  582. .add_menber li .add_name{ float:left; margin-left:10px; line-height:30px;}
  583. .add_menber li .add_name .lbl{ top:-5px; left:10px;}
  584. /******用户信息********/
  585. .member_show{}
  586. .member_show .member_jbxx{background-color:#5bacb6; padding:10px;}
  587. .member_show .member_jbxx .img{ width:64px; height:64px; float:left;}
  588. .right_xxln{margin-left:80px; color:#fff;}
  589. .right_xxln dt{ margin-bottom:10px;}
  590. .member_content{ padding:10px;}
  591. .member_content li{ margin:10px 0px; line-height:30px; position:relative}
  592. .member_content li .name{ float:left; text-align:left; }
  593. .member_content li:after,
  594. .sort_style_add li:after,
  595. .form-group:after{
  596. display: block;
  597. content: ".";
  598. height: 0;
  599. visibility: hidden;
  600. clear: both;
  601. font-size: 0;
  602. line-height: 0;
  603. }
  604. /************会员等级*************/
  605. .grading_style .page_right_style{ left:220px; top:0px}
  606. .grading_style .page_right_style.Widescreen{ left:0px;}
  607. .Statistics{ height:400px; border-bottom:1px solid #ddd;}
  608. .grading_style .left_Treeview{ position:fixed; z-index:1111; background-color:#FFF}
  609. .grading_style .page_right_style{ height:auto}
  610. .grading_style .table_menu_list{ width:100%}
  611. /********************************广告界面样式属性*************************/
  612. .Ads_list{ padding:15px;margin-left:220px; float:right; position: absolute}
  613. .Ads_list .ad_img{ overflow:hidden; width:250px; height:80px; display:block}
  614. .Ads_list.Widescreen { margin-left:0px;}
  615. #add_ads_style .add_adverts{ padding:15px;}
  616. #add_ads_style .add_adverts li{ height:32px; line-height:30px; margin:10px 0px;}
  617. #add_ads_style .add_adverts li .label_name{ width:80px; float:left;text-align:right}
  618. #add_ads_style .add_adverts li .cont_style{ float:left; width:600px; position:relative;}
  619. #add_ads_style .add_adverts li .cont_style select.form-control{ width:220px; margin-left:10px}
  620. #add_ads_style .add_adverts li .cont_style .logoupload{ margin-left:10px; position:relative}
  621. #add_ads_style .add_adverts li .cont_style .prompt{ color:#F33; position:absolute; top:0px; right:0px;}
  622. #add_ads_style .add_adverts li .cont_style .logobox{ width:594px; height:120px; border:1px solid #dddddd; text-align:center; margin-left:10px; padding:1px; margin-bottom:10px;}
  623. /****************/
  624. .sort_style,
  625. .sort_adsadd_style{ margin-top:15px;}
  626. .sort_list .table{ font-size:12px}
  627. .sort_style_add li{ line-height:32px; margin:10px 0px;}
  628. .sort_style_add li .wordage,
  629. .Competence_add_style .wordage{ display:block; margin-left:10px; float:left;}
  630. .sort_style_add li textarea.form-control{ width:500px; height:150px; resize:none;}
  631. .sort_style_add .label_name{width:80px; float:left;text-align:right}
  632. .sort_Ads_list .ad_img{ overflow:hidden; width:100%; height:80px; display:block; text-align:center}
  633. /**************************/
  634. .state-overview .Info .symbol{ padding:10px}
  635. .state-overview .Info .value{ padding-top:15px;}
  636. .state-overview .Info{ width:200px; float:left; margin:10px 5px; border:1px solid #dddddd;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  637. .state-overview .Info .Quantity{ font-size:18px; margin-top:5px; }
  638. .state-overview .Info .color_red{color:#F33}
  639. .Competence_add_style .form-group{ line-height:28px;}
  640. .Competence_add_style .left_Competence_add{ width:500px; border-right:1px solid #ddd; float:left; position:relative}
  641. .Competence_add_style .left_Competence_add .Competence_add{ padding:15px;}
  642. .Competence_add_style textarea.form-control{ width:350px;height:100px; resize:none;}
  643. .Competence_add_style .left_Competence_add .Competence_add .middle{ display:block; float:left; width:150px; margin-right:10px; margin-bottom:10px;}
  644. .Competence_add_style .Assign_style{ float:right; position:absolute; left:500px;}
  645. .Competence_add_style .Assign_style .Select_Competence{overflow: auto; position:absolute; }
  646. /*==============以下是业务相关的样式====================*/
  647. /*权限*/
  648. .permission-list{ border:solid 1px #eee; margin:10px}
  649. .permission-list > dt{ background-color: #59BD1E;padding:5px 10px; color:#FFF}
  650. .permission-list > dd{ padding:10px;}
  651. .permission-list .permission-list2 > dt{ color:#ffffff; background-color: #FCA31D; margin-right:10px;}
  652. .permission-list > dd > dl{ padding:10px 0}
  653. .permission-list > dd > dl > dt{ display:inline-block;float:left;white-space:nowrap; width:100px; padding:5px}
  654. .permission-list > dd > dl > dd{ margin-left:100px;}
  655. .permission-list > dd > dl > dd > label{ padding-right:10px}
  656. .permission-list .permission-list2 > dt input[type=checkbox].ace+.lbl::before,.permission-list .permission-list2 > dt input[type=radio].ace+.lbl::before{ border:0px}
  657. /**********************系统样式属性********************/
  658. .stystems_style{}
  659. .stystems_style .tab-content .form-group .control-label i{ color:#F63}
  660. .stystems_style .tab-content .form-group .textarea{ width:100%;resize: none; margin-left: 10px; height:200px;}
  661. /*********************************验证样式属性*********************************/
  662. #form-admin-add .input-text, #form-admin-add .textarea {
  663. box-sizing: border-box;
  664. border: solid 1px #ddd;
  665. width: 100%;
  666. margin-right:10px;
  667. -webkit-transition: all .2s linear 0s;
  668. -moz-transition: all .2s linear 0s;
  669. -o-transition: all .2s linear 0s;
  670. transition: all .2s linear 0s;
  671. }
  672. .form-horizontal .Validform_checktip {margin-top: 5px;}
  673. .Validform_wrong { background: url(../images/icon_error_s.png) no-repeat 0 center;color: #ef392b;}
  674. .Validform_right {background: url(../images/icon_right_s.png) no-repeat 0 center;}
  675. .Validform_wrong, .Validform_right, .Validform_warning {
  676. display: inline-block;
  677. height: 32px;
  678. line-height:32px;
  679. font-size: 12px;
  680. vertical-align: middle;
  681. padding-left: 25px;
  682. margin-left:10px;
  683. }
  684. .Validform_error {
  685. background-color: #fbe2e2;
  686. border-color: #c66161;
  687. color: #c00;
  688. }
  689. .formControls>* {vertical-align: middle;}