preview-dev.css 35 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783
  1. @CHARSET "UTF-8";
  2. *{
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. .notification {
  7. position: fixed;
  8. display: inline-block;
  9. padding: 1.5em 5em;
  10. box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5);
  11. background:#589FD3;
  12. color: white;
  13. z-index: 1000;
  14. font-family: "微软雅黑";
  15. text-align: center;
  16. letter-spacing:5px;
  17. /* filter:alpha(opacity=50); IE滤镜,透明度50%
  18. -moz-opacity:0.5; Firefox私有,透明度50%
  19. opacity:0.5;其他,透明度50% */
  20. }
  21. .sbtn24{
  22. background: url(../images/btn24.png) no-repeat 999px 999px;
  23. width: 88px;
  24. height: 30px;
  25. color: #777;
  26. background-position: 0 -240px;
  27. font-size: 12px;
  28. border: 0;
  29. cursor: pointer;
  30. display: inline-block;
  31. zoom: 1;
  32. line-height: 30px;
  33. text-align: center;
  34. text-decoration: none;
  35. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  36. }
  37. .sbtn24{
  38. margin-left: 10px;
  39. letter-spacing: 3px;
  40. }
  41. .sbtn24_0{
  42. background-position: 0 -200px;
  43. color: #fff;
  44. }
  45. .sbtn24_1{
  46. color: #333333;
  47. }
  48. .sbtn24_0:hover{
  49. background-position: -98px -200px;
  50. }
  51. .sbtn24_1:hover{
  52. background-position: -98px -240px;
  53. }
  54. .sbtn26{
  55. background: url(../images/dw-icons1-24.png) no-repeat 999px 999px;
  56. width: 95px;
  57. height: 33px;
  58. color: white;
  59. font-size: 13px;
  60. border: 0;
  61. cursor: pointer;
  62. display: inline-block;
  63. zoom: 1;
  64. letter-spacing: 1px;
  65. line-height: 32px;
  66. text-align: center;
  67. text-decoration: none;
  68. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  69. }
  70. .sbtn26_0{
  71. background-position: 0px -162px;
  72. }
  73. .sbtn26_0:hover{
  74. background-position: 0px -273px;
  75. }
  76. body{
  77. background: #fff;
  78. /* background: url("../images/5629514927375932817.jpg") fixed 0px 0px;
  79. background-size: cover; */
  80. }
  81. input[type='checkbox'],input[type='radio']{
  82. /* _vertical-align:-1px;
  83. vertical-align:-2px;
  84. margin-right: 5px; */
  85. vertical-align: middle!important;
  86. line-height: normal;
  87. cursor: pointer;
  88. margin: 0px 5px!important;
  89. padding: initial;
  90. background-color: initial;
  91. border: initial;
  92. }
  93. select option{
  94. padding: 5px;
  95. }
  96. .inputSytle_1{
  97. background: #fff url(../images/shadow-in.png?020) no-repeat;
  98. border: 1px solid #cececf;
  99. border-color: #83ABCB;
  100. outline: none;
  101. height: 17px;
  102. padding: 6px 10px 5px;
  103. font-size: 12px;
  104. }
  105. .tabbarDialog{
  106. position: fixed;
  107. z-index:200;
  108. border:1px solid #c0c0c0;
  109. background: white;
  110. top:40px;
  111. padding: 15px;
  112. line-height: 1.4em;
  113. font-family: "微软雅黑";
  114. color: #444;
  115. display: none;
  116. filter:alpha(opacity=92); /*IE滤镜,透明度50%*/
  117. -moz-opacity:0.92; /*Firefox私有,透明度50%*/
  118. opacity:0.92;/*其他,透明度50%*/
  119. }
  120. .p_DialogContent{
  121. margin: 5px;
  122. }
  123. .p_DialogContentTitle{
  124. font-size: 16px;
  125. padding: 5px;
  126. }
  127. .p_DialogContentRoot{
  128. padding: 5px;
  129. padding-left: 10px;
  130. }
  131. .p_DialogContentItem{
  132. padding: 3px;
  133. }
  134. .tabbarDialogContent{
  135. visibility: visible;
  136. }
  137. /**模板**/
  138. .pc_themeContentScorll{
  139. width: 730px;
  140. height: 460px;
  141. overflow-y: scroll;
  142. }
  143. .pc_themeContent{
  144. margin: -28px 0 0 -20px;
  145. }
  146. .tabbarDialog .themeitem{
  147. display: inline;
  148. margin: 28px 0 0 20px;
  149. width: 220px;
  150. overflow: hidden;
  151. float: left;
  152. }
  153. .themeitem .themenail{
  154. width: 200px;
  155. height: 120px;
  156. padding: 9px;
  157. border: 1px solid #dfdfdf;
  158. cursor: pointer;
  159. background: #fff;
  160. }
  161. .themeitem .themenail img {
  162. display: block;
  163. width: 200px;
  164. height: 120px;
  165. border: none;
  166. }
  167. .themeitem h5{
  168. padding: 8px 0 0;
  169. font-size: 14px;
  170. font-weight: normal;
  171. background: url(../images/shadow.png?001) no-repeat center 0;
  172. color: #444;
  173. text-align: left;
  174. line-height: 19px;
  175. }
  176. .theme_param_Group{
  177. float: left;
  178. margin: 0px;
  179. }
  180. .theme_param{
  181. padding-right: 20px;
  182. padding-left: 10px;
  183. }
  184. .theme_param.split .mainSplit{
  185. height: 16px;
  186. line-height: 16px;
  187. margin-bottom: 16px;
  188. border-bottom: 1px solid #efefef;
  189. display: block;
  190. clear: both;
  191. }
  192. .theme_param.image{
  193. width: 350px;
  194. }
  195. .theme_param .image_box {
  196. float: right;
  197. width: 120px;
  198. height: 30px;
  199. margin-left: -60px;
  200. border: none;
  201. }
  202. .image_box .image_box_img{
  203. float: left;
  204. }
  205. .image_box_upload{
  206. float: right;
  207. padding-top: 2px;
  208. }
  209. .surveyUpImageQueueid{
  210. position: absolute;
  211. }
  212. .theme_param.color {
  213. height: 32px;
  214. line-height: 32px;
  215. padding: 6px 10px;
  216. margin-right: 10px;
  217. }
  218. .theme_param .color_box {
  219. float: right;
  220. width: 50px;
  221. height: 30px;
  222. margin-left: -60px;
  223. border: 1px solid #aaa;
  224. }
  225. .color .colorName {
  226. margin-right: 60px;
  227. }
  228. .theme_param.color .isbgcolor .colorText {
  229. height: 15px;
  230. line-height: 15px;
  231. }
  232. .color .colorName .colorText {
  233. width: 195px;
  234. }
  235. .thide {
  236. overflow: hidden;
  237. white-space: nowrap;
  238. text-overflow: ellipsis;
  239. -o-text-overflow: ellipsis;
  240. word-break: keep-all;
  241. }
  242. .theme_param.color .isbgcolor .bgcolortip {
  243. display: block;
  244. height: 15px;
  245. line-height: 15px;
  246. padding-top: 2px;
  247. color: #aaa;
  248. font-size: 12px;
  249. }
  250. .theme_param.image .bgcolortip{
  251. margin-left: 8px;
  252. }
  253. .theme_param.if {
  254. line-height: 24px;
  255. margin-bottom: 10px;
  256. }
  257. .theme_param.fontStyle{
  258. overflow: auto;
  259. }
  260. .theme_param.fontStyle .suveytextStyle{
  261. overflow: auto;
  262. }
  263. .theme_param.fontStyle .suveytextStyle .suveytextStyleSelect{
  264. float: left;
  265. margin-top: 5px;
  266. }
  267. .tabbarDialog select{
  268. padding: 5px;
  269. outline: none;
  270. }
  271. .suveytextStyle{
  272. padding: 5px;
  273. }
  274. .suveytextStyle label{
  275. vertical-align: middle;
  276. }
  277. .suveytextStyle img{
  278. vertical-align: middle;
  279. }
  280. body{
  281. background-attachment: fixed;
  282. }
  283. #wrap{
  284. /*如果浏览器小于1200,则设置wrap为1200*/
  285. /* width: 1200px; */
  286. margin: 0px auto;
  287. padding: 0px;
  288. height: 100%;
  289. width: 100%;
  290. background-attachment: fixed;
  291. background-position: 0px 0px;
  292. }
  293. #preview_head{
  294. zoom: 1;
  295. height: 40px;
  296. padding: 0px 10px;
  297. position: fixed;
  298. z-index:200;
  299. width: 100%;
  300. margin: 0px;
  301. top:0px;
  302. background: #eee url(../images/x.png) 0 -160px repeat-x;
  303. box-shadow: 4px 1px 3px rgba(224, 229, 233, 0.44);
  304. }
  305. .leftTabbar{
  306. }
  307. .leftTabbar ul{
  308. padding: 0px;
  309. margin: 0px;
  310. list-style: none;
  311. }
  312. .leftTabbar ul li{
  313. float: left;
  314. display: block;
  315. font-size: 14px;
  316. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  317. }
  318. .leftTabbar ul li .tabbarTitle{
  319. height: 40px;
  320. line-height: 40px;
  321. padding: 0 16px;
  322. cursor: pointer;
  323. white-space: nowrap;
  324. }
  325. .leftTabbar ul li.js-tabselected .tabbarTitle{
  326. background-color: #373D42;
  327. color: #fff;
  328. }
  329. .leftTabbar ul li.hover .tabbarTitle{
  330. background-color: #a2a2a2;
  331. color: #fff;
  332. }
  333. .centerTabbar{
  334. margin: 0px auto;
  335. margin-top:5px;
  336. width:260px;
  337. /* background-color: #111;
  338. background-color: rgba(17,17,17,0.5);
  339. color: #fff;
  340. color: rgba(255,255,255,0.5);
  341. border-right: 1px solid #111;
  342. border-right: 1px solid rgba(17,17,17,0.3); */
  343. color:#6E6E6E;
  344. margin-left: 30px;
  345. }
  346. .centerTabbarBtn{
  347. text-decoration: none;
  348. color: #6E6E6E;
  349. /* color: #8DB800; */
  350. height: 30px;
  351. line-height: 30px;
  352. padding: 5px 5px;
  353. padding-right:10px;
  354. cursor: pointer;
  355. white-space: nowrap;
  356. background: none;
  357. font-size: 20px;
  358. }
  359. .centerTabbarBtn.active{
  360. /* color: #fff; */
  361. /* border:1px solid #A2A2A2; */
  362. color: #222222;
  363. color:#8DB800;
  364. font-weight: bold;
  365. font-size: 24px;
  366. }
  367. a.centerTabbarBtn:hover{
  368. color: #222222;
  369. color:#8DB800;
  370. font-size: 24px;
  371. }
  372. .rightTabbar{
  373. float: right;
  374. margin-top: 5px;
  375. margin-right: 20px;
  376. }
  377. #dwSurveyHeader{
  378. /* background: url("../images/1351833968D86W5x.jpg") 30px;
  379. background: url("../images/1279780388A5rVCG.jpg"); */
  380. padding-top: 10px;
  381. }
  382. #dwSurveyLogo{
  383. height: 70px;
  384. padding: 15px 25px;
  385. padding-bottom: 0px;
  386. display: none;
  387. }
  388. #dwSurveyLogo img{
  389. border: 1px dashed #DDDDDD;
  390. }
  391. #dw_body{
  392. padding-top: 65px;
  393. }
  394. #dw_body .dw_body_title{
  395. background: #F0F1F4;
  396. border-bottom:1px solid #DDE1E7;
  397. padding: 8px 10px;
  398. color: #333;
  399. font-family:"新宋体";
  400. font-weight: normal;
  401. text-decoration: none;
  402. font-size: 14px;
  403. letter-spacing:2px;
  404. }
  405. #dw_body_content{
  406. background:white;
  407. border: 1px solid #DDE1E7;
  408. border: none;
  409. /* height: 600px; */
  410. position: relative;
  411. z-index: 50;
  412. width: 900px;
  413. margin: 0px auto;
  414. padding: 0px;
  415. }
  416. /* 编辑内容区 */
  417. #dwSurveyTitle{
  418. text-align: center;
  419. outline-style: none;
  420. font-weight: none;
  421. font-family:"微软雅黑";
  422. font-size: 21px;
  423. letter-spacing:1px;
  424. color:#222222;
  425. padding: 5px;
  426. }
  427. #dwSurveyTitle.noLogoImg{
  428. padding-top: 15px;
  429. }
  430. #dwSurveyTitle{
  431. margin: 0px 50px;
  432. margin-top: 10px;
  433. }
  434. #dwSurveyName{
  435. text-align: center;
  436. outline-style: none;
  437. font-weight: none;
  438. font-family:"微软雅黑";
  439. font-size: 21px;
  440. letter-spacing:1px;
  441. /* color:#222222; */
  442. cursor:text;
  443. overflow: auto;
  444. width: 680px;
  445. padding: 5px;
  446. overflow: auto;
  447. }
  448. #dwSurveyNote{
  449. /* border: 1px solid transparent; */
  450. margin: 0px 20px;
  451. padding-top:5px;
  452. padding-bottom: 20px;
  453. }
  454. #dwSurveyNote.click{
  455. border: 1px solid #98C5C3;
  456. background: #FDF9CD;
  457. }
  458. #dwSurveyNote.click #dwSurveyNoteTools{
  459. display: inline;
  460. }
  461. #dwSurveyNoteTools{
  462. position: absolute;
  463. width: 80px;
  464. height: 25px;
  465. /* background: #DDE1E7;
  466. background: #D4E0E0; */
  467. border: 1px solid #98C5C3;
  468. right: 30px;
  469. margin-top: -27px;
  470. display: none;
  471. font-size: 12px;
  472. line-height: 25px;
  473. text-align: center;
  474. cursor: pointer;
  475. color: #5D5D5D;
  476. }
  477. #dwSurveyNoteEdit{
  478. font-size: 16px;
  479. outline-style: none;
  480. /* text-indent: 2em; */
  481. line-height: 1.4em;
  482. color: #333333;
  483. padding-left:10px;
  484. padding-top:5px;
  485. padding-bottom:5px;
  486. cursor: text;
  487. font-family: "微软雅黑";
  488. }
  489. .editAble{
  490. outline-style: none;
  491. font-family: "微软雅黑";
  492. vertical-align: middle;
  493. cursor: text;
  494. display: inline-block;
  495. /* max-width: 600px; */
  496. table-layout: fixed;
  497. word-break: break-all;
  498. }
  499. .editAble img,.editAble embed,.editAble object,
  500. #dwComEditContent img,#dwComEditContent embed,#dwComEditContent object{
  501. max-width:95%;
  502. }
  503. .quDragBody{
  504. border: 1px solid #299995;
  505. background: white;
  506. filter:alpha(opacity=80); /*IE滤镜,透明度50%*/
  507. -moz-opacity:0.8; /*Firefox私有,透明度50%*/
  508. opacity:0.8;/*其他,透明度50%*/
  509. width: 800px;
  510. cursor: move! important;
  511. }
  512. .sortActiveclass{
  513. border: 1px solid #C9C9C9;
  514. background: #FAFAFA;
  515. }
  516. #dwSurveyQuContent{
  517. /* background: url("../images/1351833968D86W5x.jpg"); */
  518. }
  519. #dwSurveyQuContentBg{
  520. background: white;
  521. padding: 20px 30px;
  522. padding-top: 5px;
  523. /*
  524. filter:alpha(opacity=90); IE滤镜,透明度50%
  525. -moz-opacity:0.9; Firefox私有,透明度50%
  526. opacity:0.9;其他,透明度50%
  527. */
  528. }
  529. #dwSurveyQuContentAppUl{
  530. list-style: none;
  531. }
  532. /**题目开始**/
  533. .surveyQuItemBody{
  534. /* margin:0px;
  535. padding:0px;
  536. overflow: auto; */
  537. }
  538. #defaultAppQuObj.hover {
  539. border: 1px solid transparent;
  540. background: none;
  541. border-left: none;
  542. border-right: none;
  543. }
  544. .surveyQuItem{
  545. overflow: auto;
  546. margin-top: 0px;
  547. border: 1px solid transparent;
  548. /* border: 1px solid #C9C9C9; */
  549. border-left: none;
  550. border-right: none;
  551. background: none;
  552. }
  553. .surveyQuItemBody.hover .surveyQuItem{
  554. /* background: #FAFAFA; */
  555. border: 1px solid #C9C9C9;
  556. border-left: none;
  557. border-right: none;
  558. }
  559. .surveyQuItemBody .initLine{
  560. width: 100%;
  561. height: 8px;
  562. background: #299995;
  563. visibility: hidden;
  564. }
  565. .surveyQuItemBody.showLine .initLine{
  566. visibility: visible;
  567. }
  568. /**jquery ui sort 实现 上面是老的实现 **/
  569. #dwSurveyQuContentAppUl li.showLine{
  570. width: 100%;
  571. height: 8px;
  572. background: #299995;
  573. }
  574. /**题目功能区**/
  575. /** 题目左边 设置,逻辑,删除 **/
  576. .surveyQuItemLeftTools{
  577. float: left;
  578. width: 40px;
  579. text-align: center;
  580. margin-top: 10px;
  581. }
  582. .surveyQuItemLeftToolsUl{
  583. padding: 0px;
  584. margin: 0px auto;
  585. list-style: none;
  586. /* display: none; */
  587. visibility: hidden;
  588. }
  589. .surveyQuItemLeftToolsUl li{
  590. margin: 5px auto;
  591. font-size: 12px;
  592. color: #5D5D5D;
  593. padding: 0px;
  594. cursor: pointer;
  595. width: 40px;
  596. }
  597. .surveyQuItemLeftToolsUl li .dwQuIcon{
  598. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  599. width: 23px;
  600. height: 23px;
  601. margin: 0px auto;
  602. }
  603. li.dwQuSet .dwQuIcon{
  604. background-position: -280px -153px;
  605. }
  606. li.dwQuLogic .dwQuIcon{
  607. background-position: -279px -178px;
  608. }
  609. li.dwQuDelete .dwQuIcon{
  610. background-position: -277px -205px;
  611. }
  612. li.dwQuLogic .dwQuIcon .quLogicInfo{
  613. position:absolute;
  614. text-align: right;
  615. font-size: 8px;
  616. margin-left: 20px;
  617. margin-top: -4px;
  618. font-family: "微软雅黑";
  619. background: #E0761A;
  620. border-radius: 2px;
  621. padding:0px;
  622. width:12px;
  623. color: white;
  624. text-align: center;
  625. }
  626. /**如果有逻辑题,显示的提示**/
  627. .quLogicData{
  628. position: absolute;
  629. background: white;
  630. right: 5px;
  631. margin-top: 5px;
  632. cursor: pointer;
  633. display: none;
  634. }
  635. .quLogicData .dwQuIcon{
  636. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  637. background-position: -279px -178px;
  638. width: 23px;
  639. height: 23px;
  640. float: left;
  641. }
  642. .quLogicData .quLogicInfo{
  643. float: left;
  644. background: #C2BAA7;
  645. color: white;
  646. font-weight:bold;
  647. text-align: center;
  648. padding: 2px 0px;
  649. width: 16px;
  650. border-radius: 2px;
  651. }
  652. /** 题目右边上移、下移 **/
  653. .surveyQuItemRightTools{
  654. position: absolute;
  655. background: white;
  656. border: 1px solid #98C5C3;
  657. border-right:none;
  658. right: 0px;
  659. margin-top: 40px;
  660. font-size: 12px;
  661. line-height: 25px;
  662. text-align: center;
  663. cursor: pointer;
  664. color: #5D5D5D;
  665. display: none;
  666. }
  667. .surveyQuItemRightToolsUl{
  668. list-style: none;
  669. padding: 0px;
  670. margin: 0px;
  671. }
  672. .surveyQuItemRightToolsUl li{
  673. font-size: 12px;
  674. margin:0px;
  675. }
  676. .surveyQuItemRightToolsUl li .dwQuIcon{
  677. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  678. width: 23px;
  679. height: 23px;
  680. }
  681. .surveyQuItemRightToolsUl li.questionUp .dwQuIcon{
  682. background-position:-471px -150px;
  683. }
  684. .surveyQuItemRightToolsUl li.questionDown .dwQuIcon{
  685. background-position:-437px -150px;
  686. }
  687. /** 题目内容区 **/
  688. .surveyQuItem .surveyQuItemContent{
  689. padding: 0px;
  690. border: none;
  691. min-height: 50px;
  692. width: 100%;
  693. }
  694. .surveyQuItemBody.hover .surveyQuItemContent{
  695. border-left: 1px solid #DDE1E7;
  696. }
  697. .surveyQuItemContent{
  698. padding: 2px 25px;
  699. /* padding-bottom: 20px;
  700. cursor: move; */
  701. margin-bottom: 15px;
  702. }
  703. .surveyQuItemContent .quCoTitle{
  704. font-size: 16px;
  705. color: #333333;
  706. font-family: "微软雅黑";
  707. line-height: 1.4em;
  708. overflow: auto;
  709. margin-bottom: 0px;
  710. }
  711. .quCoNum{
  712. }
  713. .quCoTitle .quCoNum{
  714. float: left;
  715. padding: 5px 0px ;
  716. }
  717. .quCoTitle .quCoTitleEdit{
  718. float: left;
  719. padding: 5px 3px ;
  720. cursor: text;
  721. table-layout:fixed;
  722. word-break: break-all;
  723. width: 90%;
  724. }
  725. .surveyQuItemContent .quCoItem{
  726. margin-top: 0px;
  727. margin-left: 10px;
  728. }
  729. .surveyQuItemContent .quCoItem ul{
  730. padding: 0px;
  731. margin: 0px;
  732. list-style: none;
  733. font-size: 14px;
  734. display: inline-block;
  735. width: 100%;
  736. }
  737. .surveyQuItemContent .quCoItem ul li{
  738. margin: 8px 5px;
  739. font-size: 14px;
  740. font-family: "微软雅黑";
  741. color: #333333;
  742. line-height: 1.4em;
  743. /* cursor: move; */
  744. overflow: hidden;
  745. display: list-item;
  746. }
  747. .surveyQuItemContent .quCoItem ul.transverse li{
  748. float: left;
  749. }
  750. .quInputCase,.quItemInputCase{
  751. display: none;
  752. }
  753. .surveyQuItemContent .quCoItem ul li label{
  754. vertical-align: middle;
  755. cursor: text;
  756. display: inline-block;
  757. /* max-width: 600px; */
  758. table-layout:fixed; word-break: break-all;
  759. }
  760. /**按列的形式显示选项,使用表格**/
  761. .surveyQuItemContent .quCoItem table.tableQuColItem{
  762. padding: 0px;
  763. margin: 0px;
  764. width: 100%;
  765. }
  766. .surveyQuItemContent .quCoItem table.tableQuColItem tr td{
  767. vertical-align: middle;
  768. padding:5px 0px;
  769. font-size: 14px;
  770. font-family: "微软雅黑";
  771. color: #333333;
  772. line-height: 1.4em;
  773. }
  774. .surveyQuItemContent .quCoItem table.tableQuColItem tr td label{
  775. /* padding:3px 0px; */
  776. vertical-align: middle;
  777. cursor: text;
  778. display: inline-block;
  779. max-width: 600px;
  780. table-layout:fixed; word-break: break-all;
  781. }
  782. .surveyQuItemContent .quCoBottomTools{
  783. visibility: hidden;
  784. padding-top: 3px;
  785. padding-bottom: 12px;
  786. padding-left: 10px;
  787. overflow: auto;
  788. }
  789. .surveyQuItemContent .quCoBottomTools ul{
  790. margin: 0px;
  791. padding: 0px;
  792. list-style: none;
  793. }
  794. .surveyQuItemContent .quCoBottomTools ul li{
  795. float: left;
  796. /* padding: 3px 8px; */
  797. padding:0px;
  798. margin: 0px auto;
  799. cursor: pointer;
  800. font-family: "微软雅黑";
  801. font-size: 12px;
  802. text-align: center;
  803. width: 40px;
  804. }
  805. .surveyQuItemContent .quCoBottomTools ul li .dwQuIcon{
  806. /* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
  807. width: 25px;
  808. height: 25px;
  809. margin: 0px auto;
  810. }
  811. li.addOption .dwQuIcon,li.addColumnOption .dwQuIcon,li.addRowOption .dwQuIcon{
  812. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  813. background-position: -620px -153px;
  814. }
  815. li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption .dwQuIcon{
  816. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  817. background-position: -658px -153px;
  818. }
  819. .surveyQuItemContent .quCoBottomTools ul li:hover{
  820. /* background: #D6DCE4; */
  821. }
  822. /** 移入时显示左右功能按钮 **/
  823. .surveyQuItemBody.hover .surveyQuItemLeftToolsUl,
  824. .surveyQuItemBody.hover .quCoBottomTools,
  825. .surveyQuItemBody.hover .quCoRightTools{
  826. visibility: visible;
  827. }
  828. .surveyQuItemBody.hover .surveyQuItemRightTools,.surveyQuItemBody.hover .quCoRightTools{
  829. display: inline;
  830. }
  831. .editMenuRoot {
  832. position: absolute;
  833. width:100px;
  834. right: 100px;
  835. }
  836. .editMenuRoot .editMenuBtn{
  837. width: 30px;
  838. height: 32px;
  839. background: #E0E6E9;
  840. border: 1px solid #98C5C3;
  841. margin-left: -1px;
  842. float: right;
  843. }
  844. .editMenuRoot .editMenuList{
  845. width: 120px;
  846. height: 100px;
  847. margin-top:30px;
  848. }
  849. .editMenuRoot .editMenuList ul{
  850. padding: 0px;
  851. margin: 0px;
  852. list-style: none;
  853. }
  854. .editMenuRoot .editMenuList ul li{
  855. font: 12px;
  856. background: #E0E6E9;
  857. padding: 5px;
  858. border: 1px solid #98C5C3;
  859. }
  860. /** 公共编辑 **/
  861. #dwCommonEditRoot{
  862. position: absolute;
  863. display: none;
  864. z-index: 102;
  865. }
  866. #dwCommonEditRoot .dwCommonEdit{
  867. border: 1px solid #98C5C3;
  868. background: #FDF9CD;
  869. position: absolute;
  870. }
  871. .dwCommonEdit .dwComEditMenuUl{
  872. position:absolute;
  873. background: white;
  874. border: 1px solid #98C5C3;
  875. padding: 0px;
  876. margin: 0px;
  877. display: none;
  878. }
  879. .dwCommonEdit .dwComEditMenuUl li{
  880. list-style: none;
  881. padding: 5px;
  882. margin: 0px;
  883. font-size: 12px;
  884. color: #333333;
  885. }
  886. .dwCommonEdit .dwComEditMenuUl li a{
  887. color: #333333;
  888. text-decoration: none;
  889. font-size: 12px;
  890. }
  891. .dwCommonEdit .dwComEditOptionUl{
  892. position:absolute;
  893. background: white;
  894. border: 1px solid #98C5C3;
  895. padding: 0px;
  896. margin: 0px;
  897. display: none;
  898. list-style: none;
  899. right: 0px;
  900. top:-28px;
  901. }
  902. .dwCommonEdit .dwComEditOptionUl li{
  903. padding: 0px;
  904. margin: 0px;
  905. font-size: 12px;
  906. color: #333333;
  907. float: left;
  908. cursor: pointer;
  909. }
  910. .dwComEditOptionUl li .dwQuIcon{
  911. width: 30px;
  912. height: 26px;
  913. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  914. }
  915. .dwComEditOptionUl li.dwOptionUp .dwQuIcon{
  916. background-position:-468px -150px;
  917. }
  918. .dwComEditOptionUl li.dwOptionDown .dwQuIcon{
  919. background-position:-433px -150px;
  920. }
  921. .dwComEditOptionUl li.dwOptionDel .dwQuIcon{
  922. background-position:-494px -150px;
  923. }
  924. .dwCommonEdit .dwComEditMenuBtn{
  925. position: absolute;
  926. right: -32px;
  927. top:-1px;
  928. border: 1px solid #98C5C3;
  929. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  930. cursor: pointer;
  931. background-color: #DBE5F1;
  932. }
  933. #dwComEditContent{
  934. outline-style: none;
  935. color: #333333;
  936. font-family: "微软雅黑";
  937. line-height: 1.4em;
  938. table-layout:fixed; word-break: break-all;
  939. }
  940. /** 编辑题目标题时样式 **/
  941. #dwCommonEditRoot.quEdit .dwCommonEdit{
  942. width:600px;
  943. padding: 0px;
  944. }
  945. #dwCommonEditRoot.quEdit .dwComEditMenuUl{
  946. margin-top:32px;
  947. right:-32px;
  948. }
  949. #dwCommonEditRoot.quEdit .dwComEditMenuBtn{
  950. width: 30px;
  951. height: 32px;
  952. background-position:-392px -150px;
  953. }
  954. #dwCommonEditRoot.quEdit #dwComEditContent{
  955. padding: 5px;
  956. font-size: 16px;
  957. }
  958. #dwCommonEditRoot.quEdit .dwComEditOptionUl{
  959. display: none;
  960. }
  961. /**编辑题目选项是样式**/
  962. #dwCommonEditRoot.quOptionEdit .dwCommonEdit{
  963. width: 200px;
  964. padding:0px 0px 0px 0px;
  965. }
  966. #dwCommonEditRoot.quOptionEdit .dwComEditMenuUl{
  967. margin-top:23px;
  968. right:-25px;
  969. }
  970. #dwCommonEditRoot.quOptionEdit .dwComEditOptionUl{
  971. }
  972. #dwCommonEditRoot.quOptionEdit .dwComEditMenuBtn{
  973. width: 23px;
  974. height: 23px;
  975. right: -25px;
  976. background-position:-392px -183px;
  977. }
  978. #dwCommonEditRoot.quOptionEdit #dwComEditContent{
  979. padding: 2px 0px;
  980. font-size: 14px;
  981. }
  982. #dwCommonEditRoot.quOptionEdit .dwComEditOptionUl{
  983. display: inline;
  984. }
  985. /**input menu菜单 **/
  986. #dwCommonInputMenuRoot{
  987. position: absolute;
  988. display: none;
  989. z-index: 102;
  990. }
  991. #dwCommonInputMenuRoot .dwCommonInputMenu{
  992. background: #FDF9CD;
  993. position: absolute;
  994. }
  995. .dwCommonInputMenu .dwComEditMenuUl{
  996. display: none;
  997. }
  998. .dwCommonInputMenu .dwComEditMenuBtn{
  999. position: absolute;
  1000. border: 1px solid #98C5C3;
  1001. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1002. cursor: pointer;
  1003. background-color: #DBE5F1;
  1004. }
  1005. .dwCommonInputMenu .dwComEditMenuBtn{
  1006. width: 23px;
  1007. height: 28px;
  1008. background-position:-392px -179px;
  1009. }
  1010. /** 弹出窗口代码 **/
  1011. #dwCommonDialog{
  1012. position: absolute;
  1013. z-index: 99;
  1014. top: 200px;
  1015. left: 200px;
  1016. background: #FAFAFA;
  1017. display: none;
  1018. }
  1019. #dwCommonDialog .dwCommonRefIcon{
  1020. position: absolute;
  1021. font-size: 30px!important;
  1022. z-index: 99;
  1023. width: 30px;
  1024. border-bottom: none!important;
  1025. left: -14px;
  1026. top: 7px;
  1027. }
  1028. .dwCommonRefIcon .dwCommonRefIcon1{
  1029. border-width: 7px;
  1030. border-style: dashed solid dashed dashed;
  1031. border-color: transparent #EFEFEF transparent transparent;
  1032. z-index: 3;
  1033. left: 1px;
  1034. font: 0px/9999px serif;
  1035. overflow: hidden;
  1036. position: absolute;
  1037. width: 0px;
  1038. height: 0px;
  1039. color: inherit;
  1040. }
  1041. .dwCommonRefIcon .dwCommonRefIcon2{
  1042. border-width: 7px;
  1043. border-style: dashed solid dashed dashed;
  1044. border-color: transparent #0D75AD transparent transparent;
  1045. font: 0px/9999px serif;
  1046. overflow: hidden;
  1047. position: absolute;
  1048. z-index: 1;
  1049. width: 0px;
  1050. height: 0px;
  1051. color: inherit;
  1052. }
  1053. #dwCommonDialog .dwCommonDialogBody{
  1054. border: 1px solid #62A3C6;
  1055. /* width: 500px;
  1056. height: 300px; */
  1057. box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  1058. }
  1059. .dwCommonDialogBody .dwCommonDialogTitle{
  1060. height: 28px;
  1061. line-height: 28px;
  1062. color: #808080;
  1063. font-size: 14px;
  1064. font-weight: bold;
  1065. padding: 0 8px;
  1066. background: #EFEFEF;
  1067. }
  1068. .dwCommonDialogBody .closeDialog{
  1069. float:right;
  1070. width: 28px;
  1071. height: 28px;
  1072. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1073. background-position:-494px -150px;
  1074. cursor: pointer;
  1075. }
  1076. .modelHtml,.dialogContentModel{
  1077. display: none;
  1078. }
  1079. .dwQuSetCon{
  1080. width: 450px;
  1081. padding: 0px 30px;
  1082. }
  1083. .dwQuSetCon ul{
  1084. list-style: none;
  1085. padding: 10px 0px;
  1086. padding-bottom:0px;
  1087. margin: 0px;
  1088. }
  1089. .dwQuSetCon ul li{
  1090. font-size: 14px;
  1091. color: #333333;
  1092. font-family: "微软雅黑";
  1093. padding: 2px 5px;
  1094. margin: 2px;
  1095. }
  1096. .dwQuSetCon ul li select,.dwQuSetCon ul li input{
  1097. padding: 5px;
  1098. color: #333333;
  1099. border: 1px solid #98C5C3;
  1100. }
  1101. .dwQuDialogBtnCon{
  1102. padding: 0px;
  1103. padding-bottom: 8px;
  1104. overflow: auto;
  1105. }
  1106. .quDialogBtn{
  1107. background: #4AB048;
  1108. color: white;
  1109. font-size: 16px;
  1110. padding: 8px 15px;
  1111. border: none;
  1112. outline: none;
  1113. cursor: pointer;
  1114. float: right;
  1115. }
  1116. .quDialogBtn:hover{
  1117. background: #0AA5A0;
  1118. }
  1119. /** 批量添加选项 **/
  1120. .dwQuAddMore{
  1121. padding: 0px 30px;
  1122. margin: 0px;
  1123. overflow: auto;
  1124. }
  1125. .dwQuAddMore textarea{
  1126. padding: 5px;
  1127. color: #333333;
  1128. border: 1px solid #98C5C3;
  1129. outline: none;
  1130. width:430px;
  1131. height: 150px;
  1132. margin-bottom: 10px;
  1133. }
  1134. .dwQuDialogCon{
  1135. display: none;
  1136. }
  1137. .dwQuAddMore .dwQuTextSpan{
  1138. font-size:12px;
  1139. color:#333;
  1140. padding:5px;
  1141. margin-top: 10px;
  1142. }
  1143. /**逻辑设置弹出窗口**/
  1144. .dwQuDialogLogic{
  1145. padding: 0px 30px;
  1146. margin: 0px;
  1147. overflow: auto;
  1148. }
  1149. .dwQuDialogLogicTitle{
  1150. font-size: 12px;
  1151. line-height: 1.4em;
  1152. color: #213E5E;
  1153. margin-top: 15px;
  1154. }
  1155. .dwQuDialogLogic table{
  1156. font-size: 14px;
  1157. color: #333;
  1158. font-family: "微软雅黑";
  1159. }
  1160. .dwQuDialogLogic table tr td{
  1161. padding: 0px 2px;
  1162. }
  1163. .dwQuDialogLogic select{
  1164. width: 160px;
  1165. height: 30px;
  1166. border: 1px #77a5b4 solid;
  1167. padding: 2px;
  1168. vertical-align: middle;
  1169. outline: none;
  1170. }
  1171. .dwQuDialogBotEvent{
  1172. padding: 2px;
  1173. }
  1174. .dwQuDialogAddLogic{
  1175. width: 30px;
  1176. height: 30px;
  1177. cursor: pointer;
  1178. }
  1179. .dwQuDialogAddLogic .dwQuIcon{
  1180. width: 25px;
  1181. height: 25px;
  1182. margin: 0px auto;
  1183. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1184. background-position: -620px -153px;
  1185. }
  1186. .dialogRemoveLogic{
  1187. width: 23px;
  1188. height: 23px;
  1189. margin: 0px auto;
  1190. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1191. background-position: -690px -152px;
  1192. cursor: pointer;
  1193. }
  1194. .dwQuDialogLoad{
  1195. width: 450px;
  1196. padding-top:80px;
  1197. padding-bottom:80px;
  1198. text-align: center;
  1199. }
  1200. .dwQuDialogLoad img{
  1201. }
  1202. .surveyQuItemBody.hover .quFillblankItem .dwComEditMenuBtn{
  1203. /* display: inline; */
  1204. }
  1205. .quCoItemUlLi.hover .quFillblankItem .dwComEditMenuBtn{
  1206. display: inline;
  1207. }
  1208. /* .quCoItemUlLi label{
  1209. background: url("http://y0.ifengimg.com/b038735baea2cb5e/2013/0626/d07.gif") 0px 0px no-repeat;
  1210. background-position: -10px -14px;
  1211. padding-left: 30px;
  1212. padding-top: 3px;
  1213. }
  1214. .quCoItemUlLi input{
  1215. display: none;
  1216. }
  1217. */
  1218. .quFillblankItem{
  1219. position: relative;
  1220. }
  1221. .quFillblankItem .dwComEditMenuBtn{
  1222. position: absolute;
  1223. border: 1px solid #98C5C3;
  1224. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1225. cursor: pointer;
  1226. background-color: #DBE5F1;
  1227. display: none;
  1228. width: 23px;
  1229. height: 28px;
  1230. background-position:-392px -179px;
  1231. margin-left: -2px;
  1232. }
  1233. /**评分题**/
  1234. .quCoItemTable{
  1235. color: #333333;
  1236. font-family: "微软雅黑";
  1237. font-size: 12px;
  1238. }
  1239. .quCoItemTableTd{
  1240. padding: 5px;
  1241. }
  1242. .scoreNumTable {
  1243. border: 1px solid #DDE1E7;
  1244. width: 300px;
  1245. margin-top: 2px;
  1246. background: url("../images/style-model/piont_lv.png");
  1247. background-repeat: repeat;
  1248. }
  1249. .scoreNumTable tr td{
  1250. text-align: center;
  1251. font-size: 12px;
  1252. padding: 0px;
  1253. border: solid 1px white;
  1254. cursor: pointer;
  1255. }
  1256. .quOptionEditTd .editAble{
  1257. width: 100%;
  1258. font-size: 14px;
  1259. }
  1260. /** 排序题 **/
  1261. .quOrderByLeft{
  1262. float: left;
  1263. width: 300px;
  1264. overflow: auto;
  1265. }
  1266. .quOrderByLeft ul li{
  1267. margin: 0px! important;
  1268. padding: 7px 5px;
  1269. }
  1270. .quOrderByLeft ul li label{
  1271. background: white;
  1272. padding:0px 5px;
  1273. cursor: pointer! important;
  1274. }
  1275. .quOrderByLeft .quCoOptionEdit{
  1276. width: 280px;
  1277. border: 1px solid #CCCCCC;
  1278. padding-left: 3px;
  1279. }
  1280. .quOrderByRight{
  1281. float: left;
  1282. overflow: auto;
  1283. }
  1284. .quOrderByTable{
  1285. border-collapse: collapse;
  1286. border-spacing: 0;
  1287. width: 360px;
  1288. }
  1289. .quOrderByTable tr td{
  1290. padding: 8px;
  1291. border: 1px solid #dbdbdb;
  1292. }
  1293. .quOrderByTable tr td.quOrderyTableTd{
  1294. background: #efefef;
  1295. color: #666666;
  1296. font-size: 14px;
  1297. line-height: 1.4;
  1298. text-align: center;
  1299. padding: 8px;
  1300. border: 1px solid #dbdbdb;
  1301. border-right:none;
  1302. width: 30px;
  1303. }
  1304. .quOrderTabConnect .quCoOptionEdit{
  1305. display: none;
  1306. }
  1307. .quOrderItemLabel{
  1308. background: white;
  1309. padding: 0px 5px;
  1310. border: 1px solid #BCBCBC;
  1311. cursor: pointer;
  1312. font-size: 12px;
  1313. vertical-align: middle;
  1314. display: inline-block;
  1315. table-layout: fixed;
  1316. word-break: break-all;
  1317. font-size: 14px;
  1318. font-family: "微软雅黑";
  1319. color: #333333;
  1320. line-height: 1.4em;
  1321. /* width: 280px; */
  1322. }
  1323. .qu-order-highlight{
  1324. display: none;
  1325. }
  1326. /**分页题*/
  1327. .pageQuContent{
  1328. text-align: right;
  1329. padding: 8px 15px;
  1330. font-family: "微软雅黑";
  1331. line-height: 1.4em;
  1332. color: #666666;
  1333. font-size: 14px;
  1334. /* border-top: 2px solid #BCBCBC; */
  1335. }
  1336. .pageBorderTop{
  1337. margin:0px 10px;
  1338. border-top: 3px solid transparent;
  1339. }
  1340. .pageBorderTop.nohover{
  1341. border-top: 3px solid #D6DCE4;
  1342. }
  1343. /**多项填空题**/
  1344. .mFillblankTable{
  1345. }
  1346. .mFillblankTable tr td{
  1347. padding: 5px 8px;
  1348. vertical-align: middle;
  1349. font-size: 14px;
  1350. font-family: "微软雅黑";
  1351. color: #333333;
  1352. line-height: 1.4em;
  1353. }
  1354. .mFillblankTable tr td .editAble{
  1355. width: 100%;
  1356. }
  1357. .mFillblankTable .mFillblankTableEditTd{
  1358. }
  1359. /**jquery ui dialog**/
  1360. .ui-icon-closethick {
  1361. background: transparent url("../images/toolbar.png") 0px 0px no-repeat! important;
  1362. background-position: -502px -155px! important;
  1363. }
  1364. #editDialogCenter{
  1365. width: 678px;
  1366. border-bottom: 1px solid #c8c9cc;
  1367. overflow: hidden;
  1368. margin: auto;
  1369. padding-top: 3px;
  1370. background-color: #fff;
  1371. text-align: left;
  1372. }
  1373. #dialogUeBottom{
  1374. padding: 5px 10px;
  1375. }
  1376. /**矩陈题**/
  1377. .quCoItemLeftChenTableDiv{
  1378. overflow: auto;
  1379. padding-top: 6px;
  1380. }
  1381. table.quCoChenTable{
  1382. padding: 0px;
  1383. margin: 0px;
  1384. width:90%;
  1385. border: 1px solid #dddddd;
  1386. border-collapse: separate;
  1387. border-left: 0;
  1388. border-spacing: 0;
  1389. }
  1390. table.quCoChenTable tr td{
  1391. vertical-align: middle;
  1392. padding:3px 0px;
  1393. font-size: 14px;
  1394. font-family: "微软雅黑";
  1395. color: #333333;
  1396. line-height: 1.4em;
  1397. text-align: center;
  1398. border-left: 1px solid #DDDDDD;
  1399. border-top: 1px solid #DDDDDD;
  1400. }
  1401. table.quCoChenTable tr td label{
  1402. padding:3px 0px;
  1403. vertical-align: middle;
  1404. cursor: text;
  1405. display: inline-block;
  1406. max-width: 600px;
  1407. table-layout:fixed; word-break: break-all;
  1408. width: 100%;
  1409. }
  1410. .surveyQuItemContent .quCoRightTools{
  1411. visibility: hidden;
  1412. overflow: auto;
  1413. float: right;
  1414. padding: 0px;
  1415. }
  1416. .surveyQuItemContent .quCoRightTools ul{
  1417. margin: 0px;
  1418. padding: 0px;
  1419. list-style: none;
  1420. margin-top: 12px;
  1421. }
  1422. .surveyQuItemContent .quCoRightTools ul li{
  1423. /* padding: 3px 8px; */
  1424. padding:0px;
  1425. margin: 8px auto;
  1426. cursor: pointer;
  1427. font-family: "微软雅黑";
  1428. font-size: 12px;
  1429. text-align: center;
  1430. }
  1431. .surveyQuItemContent .quCoRightTools ul li .dwQuIcon{
  1432. /* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
  1433. width: 25px;
  1434. height: 25px;
  1435. margin: 0px auto;
  1436. }
  1437. .surveyQuItemContent .quCoRightTools ul li.addMoreOption{
  1438. margin-left: 2px;
  1439. }
  1440. .dwTextStyleSet {
  1441. float: left;
  1442. margin-left: 20px;
  1443. }
  1444. .dwTextStyleSetItem {
  1445. display: none;
  1446. float: left;
  1447. margin-top: 5px;
  1448. position: relative;
  1449. }
  1450. .dwStyleSetComm{
  1451. display: inline-block;
  1452. float: left;
  1453. }
  1454. .dwStyleSetComm a{
  1455. display: inline-block;
  1456. float: left;
  1457. margin: 0 6px 5px 0;
  1458. border: 1px solid #a6a6a6;
  1459. border-bottom-color: #979797;
  1460. -moz-border-radius: 0px;
  1461. -webkit-border-radius: 0px;
  1462. border-radius: 0px;
  1463. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1464. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1465. box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1466. background: #e4e4e4;
  1467. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
  1468. background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
  1469. background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
  1470. background-image: -o-linear-gradient(top,#fff,#e4e4e4);
  1471. background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
  1472. background-image: linear-gradient(top,#fff,#e4e4e4);
  1473. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
  1474. }
  1475. .dwStyleFontFamilyText{
  1476. max-width: 60px;
  1477. overflow: hidden;
  1478. text-overflow: ellipsis;
  1479. white-space: nowrap;
  1480. line-height: 26px;
  1481. padding-left: 10px;
  1482. text-overflow: ellipsis;
  1483. overflow: hidden;
  1484. float: left;
  1485. cursor: default;
  1486. color: #474747;
  1487. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  1488. width: 60px;
  1489. background-position: 0px 0px;
  1490. background-attachment: fixed;
  1491. }
  1492. .dwStyleFontSizeText{
  1493. line-height: 26px;
  1494. padding-left: 10px;
  1495. text-overflow: ellipsis;
  1496. overflow: hidden;
  1497. float: left;
  1498. cursor: default;
  1499. color: #474747;
  1500. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  1501. width: 30px;
  1502. margin-bottom: -1px;
  1503. margin-top: 1px;
  1504. }
  1505. .dwStyleSelectOpen{
  1506. cursor: default;
  1507. display: inline-block;
  1508. font-size: 0;
  1509. height: 19px;
  1510. line-height: 17px;
  1511. margin: 1px 7px 1px;
  1512. width: 5px;
  1513. }
  1514. .dwStyleSelectOpenIcon{
  1515. margin: 11px 0 0;
  1516. float: left;
  1517. height: 0;
  1518. width: 0;
  1519. font-size: 0;
  1520. border-left: 3px solid transparent;
  1521. border-right: 3px solid transparent;
  1522. border-top: 3px solid #8D5858;
  1523. }
  1524. .dwStyleSetCommGroup{
  1525. float: left;
  1526. margin: 0 6px 5px 0;
  1527. border: 1px solid #a6a6a6;
  1528. border-bottom-color: #979797;
  1529. -moz-border-radius: 0px;
  1530. -webkit-border-radius: 0px;
  1531. border-radius: 0px;
  1532. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1533. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1534. box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1535. background: #e4e4e4;
  1536. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
  1537. background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
  1538. background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
  1539. background-image: -o-linear-gradient(top,#fff,#e4e4e4);
  1540. background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
  1541. background-image: linear-gradient(top,#fff,#e4e4e4);
  1542. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
  1543. }
  1544. .dwStyleSetCommGroupButton{
  1545. display: inline-block;
  1546. height: 18px;
  1547. padding: 4px 6px;
  1548. outline: 0;
  1549. cursor: default;
  1550. float: left;
  1551. border: 0;
  1552. }
  1553. .dwStyelSetButton_icon {
  1554. cursor: inherit;
  1555. margin-top: 1px;
  1556. width: 16px;
  1557. height: 16px;
  1558. float: left;
  1559. display: inline-block;
  1560. background: url('../images/icons16.png');
  1561. }
  1562. .dwButtonTextColor{
  1563. background-position: 0 -256px;
  1564. margin-right: .5em;
  1565. vertical-align: middle;
  1566. }
  1567. .dwButtonBold{
  1568. background-position: 0 -128px;
  1569. }
  1570. .dwButtonItalic{
  1571. background-position: -33px -128px;
  1572. }
  1573. .dwButtonUnderline{
  1574. background-position: -63px -128px;
  1575. }
  1576. .dwStyleSetCommGroup a:hover,.dwStyleSetComm a:hover{
  1577. background: #E9E9E9;
  1578. }
  1579. .dwButtonTextColorLine {
  1580. position: absolute;
  1581. height: 2px;
  1582. width: 17px;
  1583. top: 20px;
  1584. background: #000;
  1585. }
  1586. .dwStyleTextColorOpenIcon{
  1587. display: inline-block;
  1588. margin: 8px 0 0 1px;
  1589. width: 0;
  1590. height: 0;
  1591. cursor: default;
  1592. vertical-align: top;
  1593. border-left: 3px solid transparent;
  1594. border-right: 3px solid transparent;
  1595. border-top: 3px solid #474747;
  1596. }
  1597. .frmItem{
  1598. padding:12px 5px;
  1599. }
  1600. .frmItem a{
  1601. color: #5B9FD0;
  1602. text-decoration: none;
  1603. }
  1604. .frm_label{
  1605. text-align: left;
  1606. width: 65px;
  1607. cursor: default;
  1608. float: left;
  1609. margin-top: 12px;
  1610. font-size: 16px;
  1611. color: #777;
  1612. }
  1613. .frm_controls{
  1614. overflow: hidden;
  1615. font-size: 14px;
  1616. }
  1617. .frm_desc {
  1618. display: block;
  1619. color: #929292;
  1620. font-size: 14px;
  1621. margin-top: 3px;
  1622. display: none;
  1623. }
  1624. .auth-code {
  1625. display: inline-block;
  1626. border: 1px solid #9C94A9;
  1627. border-radius: 4px;
  1628. -webkit-border-radius: 4px;
  1629. -moz-border-radius: 4px;
  1630. background: white;
  1631. padding-left: 3px;
  1632. }
  1633. .auth-code input{
  1634. border: none;
  1635. color: #666;
  1636. font-size:16px;
  1637. padding: 8px! important;
  1638. outline:0;
  1639. vertical-align: middle;
  1640. }
  1641. .auth-code img, .auth-code a{
  1642. vertical-align: middle;
  1643. }
  1644. .auth-code img{
  1645. margin: 0px;
  1646. margin-left: 3px;
  1647. -moz-border-radius-topright: 4px;
  1648. -webkit-border-top-right-radius: 4px;
  1649. -khtml-border-top-right-radius: 4px;
  1650. border-top-right-radius: 4px;
  1651. -moz-border-radius-bottomright: 4px;
  1652. -webkit-border-bottom-right-radius: 4px;
  1653. -khtml-border-bottom-right-radius: 4px;
  1654. border-bottom-right-radius: 4px;
  1655. border-left: 1px solid #CCCCCC;
  1656. padding-left: 4px;
  1657. }
  1658. .auth-code a{
  1659. margin-left: 16px;
  1660. }
  1661. /**
  1662. 样式设置页面
  1663. **/
  1664. #dw_phone,#dwPhone{
  1665. background: url("../images/iphone.png") no-repeat;
  1666. width: 404px;
  1667. height: 701px;
  1668. margin: 0px auto;
  1669. margin-top:40px;
  1670. position: relative;
  1671. }
  1672. #dwPad{
  1673. background: url("../images/ipad.jpg") no-repeat;
  1674. background-size:cover;
  1675. width: 910px;
  1676. height: 630px;
  1677. margin: 0px auto;
  1678. margin-top:40px;
  1679. position: relative;
  1680. }
  1681. #dwPc{
  1682. /*background: url("../images/pc.jpeg") no-repeat;*/
  1683. background-size:cover;
  1684. width: 100%;
  1685. height: 630px;
  1686. margin: 0px auto;
  1687. margin-top:20px;
  1688. position: relative;
  1689. }
  1690. /** 重新定义单选与多选样式 **/
  1691. .dwQuOptionItemContent{
  1692. cursor: pointer!important;
  1693. font-size: 16px;
  1694. color: rgb(134, 128, 128);
  1695. display: inline;
  1696. }
  1697. .dwQuOptionItemContent label{
  1698. cursor: pointer!important;
  1699. }
  1700. /*.dwQuOptionItemContent input{
  1701. display: none;
  1702. }*/
  1703. .dwQuOptionItemContent input[type='radio'],.dwQuOptionItemContent input[type='checkbox']{
  1704. display: none;
  1705. }
  1706. .dwQuOptionItemContent .dwQuInputLabel{
  1707. padding: 0px! important;
  1708. }
  1709. /** 单选样式***/
  1710. .dwQuOptionItemContent .dwRedioStyle {
  1711. background: transparent url(../images/answer-icon-1.png) no-repeat center top;
  1712. vertical-align: middle;
  1713. height: 22px;
  1714. width: 22px;
  1715. background-position: -2px -6px;
  1716. }
  1717. .dwQuOptionItemContent .dwRedioStyle.checked{
  1718. background-position: -2px -31px;
  1719. }
  1720. /**多选样式**/
  1721. .dwQuOptionItemContent .dwCheckboxStyle {
  1722. background: transparent url(../images/answer-icon-1.png) no-repeat center top;
  1723. vertical-align: middle;
  1724. height: 22px;
  1725. width: 22px;
  1726. background-position: -2px -60px;
  1727. }
  1728. .dwQuOptionItemContent .dwCheckboxStyle.checked{
  1729. background-position: -2px -87px;
  1730. }
  1731. .dwQuOptionItemContent .quCoOptionPadding{
  1732. padding-top:1px;
  1733. }
  1734. .footer-copyright{
  1735. margin-top:20px;
  1736. width: 100%;
  1737. height: 30px;
  1738. text-align: center;
  1739. }