You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

zyjs.css 78 KiB

4 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389
  1. /***
  2. Login page
  3. ***/
  4. /* logo page */
  5. @charset "utf-8";
  6. body{
  7. color: #002860;
  8. font-size: 14px;
  9. }
  10. .modal-open {
  11. overflow-y: hidden;
  12. }
  13. .login {
  14. margin: 0 auto;
  15. margin-top: 200px;
  16. width: 800px;
  17. }
  18. .shang{height:126px; background-color:#0193df;}
  19. .da{ height:466px; }
  20. .qx{text-align:right; width:288px;}
  21. .qx a{ font-family:'Adobe Heiti Std'; color:#626262;cursor:pointer;}
  22. .qx a:hover{ text-decoration:underline;}
  23. .logo {
  24. }
  25. .study {
  26. background: url('../../images/OnlineRegistrate/logo.png') no-repeat 0px 30px;
  27. height: 126px;
  28. width: 996px;
  29. margin: 0 auto;
  30. }
  31. .log{
  32. color:#3e3e3e;
  33. font-size: 16px;
  34. font-family:YouYuan;
  35. font-weight:bold;
  36. margin-top:5px;
  37. width:340px;
  38. text-align:center;
  39. height:70px;
  40. line-height:80px;
  41. }
  42. .wz{ width:67px; height:35px; line-height:35px; text-align:right; font-family:'Adobe Heiti Std'; float:left; color:#6e6e6e;}
  43. .shouji{
  44. width: 320px;
  45. float:left;
  46. margin-left:4px;
  47. }
  48. .shouji a{
  49. float:left;
  50. }
  51. element.style {
  52. }
  53. .shouji a:first-child{
  54. margin-right:13px;
  55. }
  56. .zj {
  57. margin:0 auto;
  58. width:996px;
  59. }
  60. .jl{
  61. margin-bottom:10px;
  62. }
  63. .login .logo-panel{
  64. margin-top: 10px;
  65. }
  66. .login .dec-panel{
  67. font-size: 16px;
  68. margin-top: 50px;
  69. margin-bottom: 90px;
  70. line-height: 150%;
  71. }
  72. .login .dec-panel div{
  73. margin-bottom: 16px;
  74. }
  75. .login .download a:first-child{
  76. margin-right: 10px;
  77. }
  78. .guding{
  79. height:333px;
  80. width: 784px;
  81. background:url(../images/zj_bg_11.png);
  82. margin:0 auto;
  83. margin-top:80px;
  84. }
  85. .guding_right{width:355px;float:left;}
  86. .guding_left{ width:335px; float:left; margin:47px;}
  87. .login .form-panel .switch{
  88. width: 80px;
  89. height: 80px;
  90. display: block;
  91. position: absolute;
  92. right: -1px;
  93. top:-1px;
  94. background-image: url(images/login-switch.png);
  95. background-repeat: no-repeat;
  96. -webkit-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
  97. -moz-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
  98. transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
  99. }
  100. .switch-code-hide{
  101. background-position: -80px -80px;
  102. }
  103. .switch-code-show{
  104. background-position: 0px 0px;
  105. }
  106. .login .form-panel .title{
  107. font-size: 24px;
  108. font-weight: bolder;
  109. color: #003884;
  110. margin-bottom: 30px;
  111. }
  112. .login .form-panel .form-control {
  113. display: block;
  114. width: 100%;
  115. height: 40px;
  116. padding: 6px 12px;
  117. font-size: 14px;
  118. line-height: 20px;
  119. }
  120. .login .help-inline{
  121. font-size: 13px;
  122. padding-left: 10px;
  123. }
  124. .login .form-panel .input-icon{
  125. margin-bottom: 10px;
  126. }
  127. .login .form-panel .input-icon i{
  128. margin:8px 10px;
  129. }
  130. .login .form-panel .submit-panel{
  131. margin-top: 63px;
  132. }
  133. .login .form-panel .submit-panel .btn{
  134. padding: 10px;
  135. font-size: 16px;
  136. }
  137. .login .form-panel .account-panel{
  138. margin: 10px 0;
  139. }
  140. .login .form-panel .account-panel input[type='checkbox']{
  141. margin: 0;
  142. }
  143. .login #captcha-box{
  144. height: 0;
  145. overflow:hidden;
  146. -webkit-transform: translateZ(0);
  147. transform: translateZ(0);
  148. -webkit-transition: all 350ms linear;
  149. transition: all 350ms linear;
  150. }
  151. .login #captcha-img{cursor: pointer;}
  152. .login .form-panel .code-form{
  153. text-align: center;
  154. }
  155. .login .form-panel .code-form .qrCode{
  156. border: solid 6px #fff;
  157. width: 178px;
  158. }
  159. .login .form-panel .code-form .qrCode-title{
  160. font-size: 14px;
  161. line-height: 150%;
  162. margin: 10px 0;
  163. color: #003884;
  164. }
  165. .login .form-panel .code-form .refresh{
  166. background-color: #0079cc;
  167. border-radius: 50%;
  168. width: 40px;
  169. height: 40px;
  170. position: absolute;
  171. bottom: 20px;
  172. left: 50%;
  173. margin-left: -20px;
  174. text-align: center;
  175. line-height: 100%;
  176. }
  177. .icon-refresh{
  178. background-image: url('images/icon-refresh.png');
  179. width: 30px;
  180. height: 30px;
  181. right: 0;
  182. top: 5px;
  183. margin: 0;
  184. padding: 0;
  185. }
  186. .login input[type='checkbox']{
  187. position: relative;
  188. top: 2px;
  189. right: 2px;
  190. }
  191. .doing-container{
  192. margin-top: 100px;
  193. }
  194. .doing-container .left{
  195. padding-right: 0;
  196. }
  197. .doing-container .right{
  198. padding-left: 0;
  199. }
  200. .doing-container .title-panel{
  201. background: rgba(0,0,0,.3);
  202. border-right: solid 1px #ccc;
  203. padding: 20px 25px;
  204. }
  205. .doing-container .title-panel .dt{
  206. color: #F19500;
  207. margin-left: 15px;
  208. }
  209. .doing-container .content-panel{
  210. background: rgba(0,0,0,.1);
  211. padding: 10px 30px;
  212. color: #fff;
  213. font-size: 12px;
  214. }
  215. .doing-container .doing{
  216. background: url('images/doing.png') no-repeat;
  217. width: 40px;
  218. height: 40px;
  219. }
  220. @-webkit-keyframes rotation {
  221. from {
  222. -webkit-transform:rotate(0deg);
  223. -moz-transform:rotate(0deg);
  224. -ms-transform:rotate(0deg);
  225. -o-transform:rotate(0deg);
  226. transform:rotate(0deg)
  227. }
  228. to {
  229. -webkit-transform: rotate(360deg);
  230. -moz-transform: rotate(360deg);
  231. -ms-transform: rotate(360deg);
  232. -o-transform: rotate(360deg);
  233. transform: rotate(360deg)
  234. }
  235. }
  236. @-moz-keyframes rotation {
  237. from {
  238. -webkit-transform:rotate(0deg);
  239. -moz-transform:rotate(0deg);
  240. -ms-transform:rotate(0deg);
  241. -o-transform:rotate(0deg);
  242. transform:rotate(0deg)
  243. }
  244. to {
  245. -webkit-transform: rotate(360deg);
  246. -moz-transform: rotate(360deg);
  247. -ms-transform: rotate(360deg);
  248. -o-transform: rotate(360deg);
  249. transform: rotate(360deg)
  250. }
  251. }
  252. @-o-keyframes rotation {
  253. from {
  254. -webkit-transform:rotate(0deg);
  255. -moz-transform:rotate(0deg);
  256. -ms-transform:rotate(0deg);
  257. -o-transform:rotate(0deg);
  258. transform:rotate(0deg)
  259. }
  260. to {
  261. -webkit-transform: rotate(360deg);
  262. -moz-transform: rotate(360deg);
  263. -ms-transform: rotate(360deg);
  264. -o-transform: rotate(360deg);
  265. transform: rotate(360deg)
  266. }
  267. }
  268. .doing-container .doing {
  269. -moz-animation: rotation 5s linear infinite;
  270. -o-animation: rotation 5s linear infinite;
  271. -webkit-animation: rotation 5s linear infinite;
  272. animation: rotation 5s linear infinite
  273. }
  274. /* footer copyright */
  275. .copyright {
  276. height:95px;
  277. line-height:20px;
  278. text-align: center;
  279. width: 100%;
  280. color: #000;
  281. font-size: 13px;
  282. background-color:#fff;
  283. padding-top:30px;
  284. }
  285. /***
  286. Footer
  287. ***/
  288. .footer {
  289. background: #efefef;
  290. min-width: 942px;
  291. border-top: 1px solid #ddd;
  292. padding: 15px 0;
  293. width: 100%;
  294. }
  295. .footer .content {
  296. width: 940px;
  297. margin: 0 auto;
  298. color:#4e4e4e;
  299. text-align:center;
  300. }
  301. .footer .content:before,.footer .content:after{
  302. content: " ";
  303. display: table;
  304. }
  305. .footer .content:after{
  306. clear: both;
  307. }
  308. .footer .content .footer-links{
  309. }
  310. .footer .content .footer-links li{
  311. display: inline;
  312. margin-right: 20px;
  313. color:#4e4e4e;
  314. }
  315. .footer .content .footer-links li a{
  316. color:#4e4e4e;
  317. }
  318. .footer .content .footer-links li a:hover{
  319. color:#3784d3;
  320. }
  321. .footer .content .copyright{
  322. float: right;
  323. }
  324. .tip-browser{
  325. margin: 50px 0;
  326. }
  327. .tip-browser td{
  328. /*width: 190px;*/
  329. width: 275px;
  330. text-align: center;
  331. }
  332. @media (max-height: 1080px){
  333. .login{
  334. margin-top: 200px;
  335. }
  336. .doing-container{
  337. margin-top: 100px;
  338. }
  339. }
  340. @media (max-height: 1050px){
  341. .login{
  342. margin-top: 200px;
  343. }
  344. .doing-container{
  345. margin-top: 100px;
  346. }
  347. }
  348. @media (max-height: 900px){
  349. .login{
  350. margin-top: 100px;
  351. }
  352. .doing-container{
  353. margin-top: 80px;
  354. }
  355. }
  356. @media (max-height: 768px){
  357. .login{
  358. margin-top: 100px;
  359. }
  360. .doing-container{
  361. margin-top: 50px;
  362. }
  363. }
  364. @media (max-height: 700px){
  365. .login{
  366. margin-top: 50px;
  367. }
  368. .doing-container{
  369. margin-top: 30px;
  370. }
  371. }
  372. @media (max-height: 600px){
  373. .login{
  374. margin-top: 30px;
  375. }
  376. .doing-container{
  377. margin-top: 20px;
  378. }
  379. }
  380. @media (max-height: 550px){
  381. .login{
  382. margin-top: 10px;
  383. }
  384. .doing-container{
  385. margin-top: 10px;
  386. }
  387. }
  388. /*********************
  389. GENERAL UI COLORS
  390. *********************/
  391. /***
  392. Colors
  393. blue: #4b8df8
  394. light blue: #bfd5fa
  395. red: #e02222
  396. yellow: #ffb848
  397. green: #35aa47
  398. purple: #852b99
  399. dark: #555555;
  400. light grey: #fafafa;
  401. ***/
  402. /*********************
  403. GENERAL RESET & SETUP
  404. *********************/
  405. /***
  406. Reset and overrides
  407. ***/
  408. /* general body settings */
  409. /*
  410. Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
  411. properly apply the media queries in Bootstrap's CSS. To address this,
  412. you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
  413. */
  414. @-webkit-viewport {
  415. width: device-width;
  416. }
  417. @-moz-viewport {
  418. width: device-width;
  419. }
  420. @-ms-viewport {
  421. width: device-width;
  422. }
  423. @-o-viewport {
  424. width: device-width;
  425. }
  426. @viewport {
  427. width: device-width;
  428. }
  429. /* Internet Explorer 10 doesn't differentiate device width from viewport width,
  430. and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
  431. @-ms-viewport {
  432. width: auto !important;
  433. }
  434. h1,
  435. h2,
  436. h3,
  437. h4,
  438. h5,
  439. h6 {
  440. font-weight: 300 !important;
  441. margin-top: 0 !important;
  442. }
  443. h1.block,
  444. h2.block,
  445. h3.block,
  446. h4.block,
  447. h5.block,
  448. h6.block {
  449. padding-top: 10px;
  450. padding-bottom: 10px;
  451. }
  452. a {
  453. color: #3784d3;
  454. text-decoration: none;
  455. text-shadow: none !important;
  456. }
  457. a,a:focus, a:hover, a:active {
  458. outline: 0;
  459. text-decoration: none;
  460. }
  461. .text-indent0{
  462. text-indent: 0px;
  463. }
  464. .text-indent,.text-indent1{
  465. text-indent: 24px;
  466. }
  467. .text-indent2{
  468. text-indent: 48px;
  469. }
  470. .text-indent3{
  471. text-indent: 72px;
  472. }
  473. .text-indent4{
  474. text-indent: 96px;
  475. }
  476. .text-indent5{
  477. text-indent: 120px;
  478. }
  479. .text-indent6{
  480. text-indent: 144px;
  481. }
  482. .text-indent7{
  483. text-indent: 168px;
  484. }
  485. .text-indent8{
  486. text-indent: 192px;
  487. }
  488. .text-indent9{
  489. text-indent: 216px;
  490. }
  491. .text-overflow{
  492. white-space:nowrap;word-break:keep-all; overflow:hidden;text-overflow:ellipsis;
  493. }
  494. .img-logo{
  495. border-radius: 2px;
  496. }
  497. .img-logo.small{
  498. width: 30px;
  499. height: 30px;
  500. }
  501. .title{
  502. font-size: 14px;
  503. }
  504. .pos-tv{
  505. position: relative;
  506. top:2px;
  507. }
  508. .pos-rel{
  509. position: relative;
  510. }
  511. .cover {
  512. padding: 4px;
  513. background-color: #fff;
  514. border: 1px solid #ddd;
  515. border-radius: 2px;
  516. -webkit-transition: all .2s ease-in-out;
  517. transition: all .2s ease-in-out;
  518. }
  519. .current-bg,.first-bg,.tg-bg3{
  520. background: #e9f1fa !important;
  521. }
  522. .second-bg,.tg-bg2{
  523. background-color: #F2F4F5 !important;
  524. }
  525. .third-bg,.tg-bg1{
  526. background-color: #fff !important;
  527. }
  528. .star_panel{
  529. margin-bottom: 15px;
  530. }
  531. .star-title{
  532. position: relative;
  533. top: 3px;
  534. }
  535. .star-item{
  536. cursor: pointer;
  537. }
  538. li, ul, ol {
  539. list-style: none;
  540. list-style-image: none;
  541. margin: 0;
  542. padding: 0;
  543. }
  544. hr{
  545. margin: 0 -15px 10px -15px;
  546. }
  547. label{
  548. font-weight: normal;
  549. }
  550. .text-red,.text-red:hover{
  551. color: #e02222;
  552. }
  553. .text-green,.text-green:hover{
  554. color:#35aa47;
  555. }
  556. .text-blue,.text-blue:hover{
  557. color:#3784d3;
  558. }
  559. .text-yellow,.text-yellow:hover{
  560. color:#F19500;
  561. }
  562. .badge.danger{
  563. background-color: #e25655;
  564. }
  565. .badge.warning{
  566. background-color: #F19500;
  567. }
  568. .bt-d{
  569. border-top: dotted 1px #ddd !important;
  570. }
  571. .ele-center{
  572. margin: 0 auto;
  573. }
  574. .bootbox-close-button.close {
  575. float: right;
  576. }
  577. .bootbox-close-button .icon-delete{
  578. top: 0px;
  579. right: 0px;
  580. }
  581. .alert .close {
  582. float: right;
  583. font-size: 21px;
  584. font-weight: bold;
  585. line-height: 1;
  586. color: #000;
  587. text-shadow: 0 1px 0 #fff;
  588. opacity: .2;
  589. filter: alpha(opacity=20);
  590. display: inline-block;
  591. margin-top: 0px !important;
  592. margin-right: 0px;
  593. width: 9px;
  594. height: 9px;
  595. border: none !important;
  596. background-repeat: no-repeat !important;
  597. text-indent: -10000px;
  598. outline: none;
  599. background-image: url("images/remove-icon-small.png") !important;
  600. }
  601. .row {
  602. margin-right: -10px;
  603. margin-left: -10px;
  604. }
  605. [class^="col-"],
  606. [class*=" col-"]{
  607. padding-left: 15px;
  608. padding-right: 10px;
  609. }
  610. /***
  611. Icons
  612. ***/
  613. [class^="icon-"],
  614. [class*=" icon-"] {
  615. display: inline-block;
  616. position: relative;
  617. top:3px;
  618. right: 5px;
  619. }
  620. /***
  621. Make icons fixed width(latest version issue)
  622. ***/
  623. li [class^="icon-"],
  624. li [class*=" icon-"] {
  625. display: inline-block;
  626. text-align: center;
  627. }
  628. .myicon-move{
  629. position: relative;
  630. top:5px;
  631. display: inline-block;
  632. text-align: center;
  633. background-image: url('images/icon-move.png');
  634. background-repeat: no-repeat;
  635. background-position: 100% 100%;
  636. width: 20px;
  637. height: 20px;
  638. }
  639. [class^="icon-"],
  640. [class*=" icon-"] {
  641. background-image: url('images/icon-map.png');
  642. background-repeat: no-repeat;
  643. width: 20px;
  644. height: 20px;
  645. }
  646. .myicon-question{
  647. position: relative;
  648. top:5px;
  649. display: inline-block;
  650. text-align: center;
  651. background-image: url('images/icon-question.png');
  652. background-repeat: no-repeat;
  653. background-position: 100% 100%;
  654. width: 20px;
  655. height: 20px;
  656. }
  657. .myicon-yunketang{
  658. position: relative;
  659. top:2px;
  660. display: inline-block;
  661. text-align: center;
  662. background-image: url('images/icon-yunketang.png');
  663. background-repeat: no-repeat;
  664. background-position: 100% 100%;
  665. width: 30px;
  666. height: 30px;
  667. }
  668. .icon-hint,.icon-hint-finished,.icon-hint-none,.icon-hint-warning{
  669. background-image: none;
  670. background-color: #e02222;
  671. border-radius: 50%;
  672. width: 10px;
  673. height: 10px;
  674. right: 0;
  675. top:0;
  676. margin-left: 5px;
  677. }
  678. .icon-hint-none{
  679. background-color: #ddd;
  680. }
  681. .icon-hint-finished{
  682. background-color: #35aa47;
  683. }
  684. .icon-hint-warning{
  685. background-color: #f19500;
  686. }
  687. .icon-hint.title{
  688. margin-left: 0;
  689. margin-right: 5px;
  690. background-color: #f19500;
  691. }
  692. .icon-nospace,.list-group [class^="icon-"],.list-group [class*=" icon-"]{
  693. top:0px !important;
  694. right: -3px !important;
  695. }
  696. .list-group .icon-birthday{
  697. top: 5px !important;
  698. right: 5px !important;
  699. }
  700. .list-group .icon-hint,.list-group .icon-hint-finished{
  701. top:5px !important;
  702. }
  703. .list-group .icon-add-o{
  704. top:5px !important;
  705. right: 5px !important;
  706. }
  707. .icon-user{
  708. background-image:url(../images/log-in_06.png);
  709. height:15px;
  710. width:15px;
  711. left:6px;
  712. }
  713. .icon-lock{
  714. background-image:url(../images/log-in_11.png);
  715. height:16px;
  716. width:12px;
  717. left:6px;
  718. }
  719. .icon-add{
  720. background-position: 0 -20px;
  721. }
  722. .icon-add-o{
  723. background-position: -40px -60px;
  724. top:6px !important;
  725. }
  726. .icon-faq{
  727. background-position: -20px -20px;
  728. top:0px;
  729. }
  730. .icon-prepare{
  731. background-position: 0 2px;
  732. }
  733. .icon-ware{
  734. background-position: -20px 2px;
  735. }
  736. .icon-paper{
  737. background-position: -40px 2px;
  738. }
  739. .icon-log{
  740. background-position:-60px 2px;
  741. }
  742. .icon-work{
  743. background-position:-80px 2px;
  744. }
  745. .icon-notice{
  746. background-position:-100px 2px;
  747. }
  748. .icon-bulletin{
  749. background-position:-180px -120px;
  750. top:5px;
  751. }
  752. .icon-stop{
  753. background-position:-180px -140px;
  754. }
  755. .icon-photo{
  756. background-position:-120px -120px;
  757. top:5px;
  758. }
  759. .icon-attachment{
  760. background-position: -120px 2px;
  761. }
  762. .icon-comment{
  763. background-position: -140px 2px;
  764. }
  765. .icon-edit{
  766. background-position: -160px 2px;
  767. }
  768. .icon-delete{
  769. background-position: -60px -60px;
  770. top:6px;
  771. }
  772. .icon-use{
  773. background-position: -20px -39px;
  774. }
  775. .icon-djh-share{
  776. background-position: -120px -20px;
  777. }
  778. .icon-answer{
  779. background-position: -180px -60px;
  780. }
  781. .icon-home{
  782. background-position: -200px 0px;
  783. }
  784. .icon-home-o{
  785. background-position: -160px -60px;
  786. }
  787. .icon-classroom{
  788. background-position: -260px 0px;
  789. }
  790. .icon-teacher{
  791. background-position: -320px -30px;
  792. }
  793. .icon-resource{
  794. background-position: -320px 0px;
  795. }
  796. .icon-msg{
  797. background-position: -200px -30px;
  798. }
  799. .icon-ally{
  800. background-position: -200px -120px;
  801. }
  802. .icon-down{
  803. background-position: -140px -80px;
  804. top:6px;
  805. }
  806. .icon-up{
  807. background-position: -120px -80px;
  808. }
  809. .icon-down.pos,.icon-up.pos{
  810. top:6px;
  811. left: 3px;
  812. right: 0px;
  813. }
  814. .icon-left{
  815. background-position: 0px -80px;
  816. }
  817. .icon-right{
  818. background-position: -20px -80px;
  819. }
  820. .icon-angle-left{
  821. background-position: 0px -80px;
  822. right: 0px;
  823. }
  824. .icon-angle-right{
  825. background-position: -20px -80px;
  826. right: 0px;
  827. }
  828. .icon-back{
  829. background-position: -40px -19px;
  830. top:4px;
  831. }
  832. .icon-accept{
  833. background-position: -100px -60px;
  834. }
  835. .icon-deny{
  836. background-position: -80px -60px;
  837. }
  838. .icon-male{
  839. background-position: -120px -39px;
  840. }
  841. .icon-female{
  842. background-position: -100px -39px;
  843. }
  844. .icon-star{
  845. background-position: -80px -40px;
  846. top: 5px;
  847. }
  848. .icon-star-o{
  849. background-position: -60px -40px;
  850. top: 5px;
  851. }
  852. .icon-birthday{
  853. background-position: -40px -40px;
  854. }
  855. .icon-setting{
  856. background-position: 0 -120px;
  857. right: -2px;
  858. }
  859. .icon-group-assign{
  860. background-position: 0 -140px;
  861. top:3px !important;
  862. }
  863. .icon-group-setting{
  864. background-position: -20px -140px;
  865. top:3px !important;
  866. }
  867. .icon-op-up{
  868. background-position: -40px -140px;
  869. }
  870. .icon-op-down{
  871. background-position: -60px -140px;
  872. }
  873. .icon-step-1{
  874. background-position: 0 -100px;
  875. top:5px;
  876. }
  877. .icon-step-2{
  878. background-position:-20px -100px;
  879. top:5px;
  880. }
  881. .icon-step-3{
  882. background-position:-40px -100px;
  883. top:5px;
  884. }
  885. .icon-fold{
  886. background-position: -60px -100px;
  887. top: 5px;
  888. }
  889. .icon-fold-o{
  890. background-position: -80px -100px;
  891. top: 5px;
  892. }
  893. .icon-player{
  894. background-position: -200px -60px;
  895. width: 30px;
  896. height: 30px;
  897. top:5px;
  898. }
  899. .icon-player:hover{
  900. background-position: -200px -90px;
  901. }
  902. .icon-waiting{
  903. width: 30px;
  904. height: 30px;
  905. top:5px;
  906. background-position: -230px -60px;
  907. }
  908. .icon-waiting:hover{
  909. background-position: -230px -90px;
  910. }
  911. .icon-pause{
  912. width: 30px;
  913. height: 30px;
  914. top:5px;
  915. background-position: -260px -60px;
  916. }
  917. .icon-pause:hover{
  918. background-position: -260px -90px;
  919. }
  920. .icon-record{
  921. background-position:-140px -140px;
  922. top:5px;
  923. }
  924. .icon-player-mini{
  925. background-position: -160px -140px;
  926. top:6px;
  927. }
  928. .icon-pause-mini{
  929. background-position: -100px -140px;
  930. top:6px;
  931. }
  932. .icon-waiting-mini{
  933. background-position: -120px -140px;
  934. top:6px;
  935. }
  936. .icon-prev,.icon-next{
  937. top: 5px;
  938. left: 0px;
  939. right: 0px;
  940. }
  941. .icon-prev{
  942. background-position:-120px -100px;
  943. }
  944. .icon-next{
  945. background-position:-140px -100px;
  946. }
  947. .icon-complete{
  948. background-position: -160px -100px;
  949. top: 5px;
  950. right: 0;
  951. }
  952. .icon-complete-o{
  953. background-position: -180px -100px;
  954. top: 5px;
  955. right: 0;
  956. }
  957. .icon-video{
  958. background-position: -160px -140px;
  959. }
  960. .icon-code{
  961. background-position: -80px -140px;
  962. top:3px !important;
  963. }
  964. .icon-assign{
  965. background-position: -290px -60px;
  966. width: 30px;
  967. height: 60px;
  968. position: absolute;
  969. top:50%;
  970. left: 50%;
  971. margin-top: -30px;
  972. margin-left: -15px;
  973. }
  974. /**emoji**/
  975. [class^="emoji-"],
  976. [class*=" emoji-"] {
  977. background-image: url('images/emoji-sp.png');background-repeat: no-repeat;width: 16px;height: 16px;
  978. display: inline-block;
  979. position: relative;
  980. top: 2px;
  981. }
  982. .emoji-39{ background-position: 0 0;}
  983. .emoji-40{ background-position: -17px 0;}
  984. .emoji-41{ background-position: -34px 0;}
  985. .emoji-42{ background-position: -51px 0;}
  986. .emoji-43{ background-position: -68px 0;}
  987. .emoji-44{ background-position: -85px 0;}
  988. .emoji-45{ background-position: -102px 0;}
  989. .emoji-46{ background-position: -119px 0;}
  990. .emoji-47{ background-position: -136px 0;}
  991. .emoji-48{ background-position: -153px 0;}
  992. .emoji-49{ background-position: -170px 0;}
  993. .emoji-50{ background-position: -187px 0;}
  994. .emoji-51{ background-position: -204px 0;}
  995. .emoji-52{ background-position: -221px 0;}
  996. .emoji-53{ background-position: -238px 0;}
  997. .emoji-54{ background-position: -255px 0;}
  998. .emoji-55{ background-position: -272px 0;}
  999. .emoji-56{ background-position: -289px 0;}
  1000. .emoji-57{ background-position: -306px 0;}
  1001. .emoji-58{ background-position: -323px 0;}
  1002. .emoji-59{ background-position: -340px 0;}
  1003. .emoji-60{ background-position: -357px 0;}
  1004. .emoji-61{ background-position: -374px 0;}
  1005. .emoji-62{ background-position: -391px 0;}
  1006. .emoji-63{ background-position: -408px 0;}
  1007. .emoji-64{ background-position: -425px 0;}
  1008. .emoji-65{ background-position: -442px 0;}
  1009. .emoji-66{ background-position: -459px 0;}
  1010. .emoji-67{ background-position: -476px 0;}
  1011. .emoji-68{ background-position: -493px 0;}
  1012. .emoji-69{ background-position: -510px 0;}
  1013. .emoji-70{ background-position: -527px 0;}
  1014. .emoji-71{ background-position: -544px 0;}
  1015. .emoji-72{ background-position: -561px 0;}
  1016. .emoji-73{ background-position: -578px 0;}
  1017. .emoji-74{ background-position: -595px 0;}
  1018. .emoji-75{ background-position: -612px 0;}
  1019. .emoji-76{ background-position: -629px 0;}
  1020. .emoji-77{ background-position: -646px 0;}
  1021. .emoji-78{ background-position: -663px 0;}
  1022. .emoji-79{ background-position: -680px 0;}
  1023. .emoji-80{ background-position: -697px 0;}
  1024. .emoji-81{ background-position: -714px 0;}
  1025. .emoji-82{ background-position: -731px 0;}
  1026. .emoji-83{ background-position: -748px 0;}
  1027. .emoji-84{ background-position: -765px 0;}
  1028. .emoji-85{ background-position: -782px 0;}
  1029. .emoji-86{ background-position: -799px 0;}
  1030. .emoji-87{ background-position: -816px 0;}
  1031. .emoji-88{ background-position: -833px 0;}
  1032. .emoji-89{ background-position: -850px 0;}
  1033. .emoji-0{ background-position: 0 -17px;}
  1034. .emoji-1{ background-position: -17px -17px;}
  1035. .emoji-10{ background-position: -34px -17px;}
  1036. .emoji-11{ background-position: -51px -17px;}
  1037. .emoji-12{ background-position: -68px -17px;}
  1038. .emoji-13{ background-position: -85px -17px;}
  1039. .emoji-14{ background-position: -102px -17px;}
  1040. .emoji-15{ background-position: -119px -17px;}
  1041. .emoji-16{ background-position: -136px -17px;}
  1042. .emoji-17{ background-position: -153px -17px;}
  1043. .emoji-18{ background-position: -170px -17px;}
  1044. .emoji-19{ background-position: -187px -17px;}
  1045. .emoji-2{ background-position: -204px -17px;}
  1046. .emoji-20{ background-position: -221px -17px;}
  1047. .emoji-21{ background-position: -238px -17px;}
  1048. .emoji-22{ background-position: -255px -17px;}
  1049. .emoji-23{ background-position: -272px -17px;}
  1050. .emoji-24{ background-position: -289px -17px;}
  1051. .emoji-25{ background-position: -306px -17px;}
  1052. .emoji-26{ background-position: -323px -17px;}
  1053. .emoji-27{ background-position: -340px -17px;}
  1054. .emoji-28{ background-position: -357px -17px;}
  1055. .emoji-29{ background-position: -374px -17px;}
  1056. .emoji-3{ background-position: -391px -17px;}
  1057. .emoji-30{ background-position: -408px -17px;}
  1058. .emoji-31{ background-position: -425px -17px;}
  1059. .emoji-32{ background-position: -442px -17px;}
  1060. .emoji-33{ background-position: -459px -17px;}
  1061. .emoji-34{ background-position: -476px -17px;}
  1062. .emoji-35{ background-position: -493px -17px;}
  1063. .emoji-36{ background-position: -510px -17px;}
  1064. .emoji-37{ background-position: -527px -17px;}
  1065. .emoji-38{ background-position: -544px -17px;}
  1066. .emoji-4{ background-position: -561px -17px;}
  1067. .emoji-5{ background-position: -578px -17px;}
  1068. .emoji-6{ background-position: -595px -17px;}
  1069. .emoji-7{ background-position: -612px -17px;}
  1070. .emoji-8{ background-position: -629px -17px;}
  1071. .emoji-9{ background-position: -646px -17px;}
  1072. /**emoji**/
  1073. [class^="emoji2-"], [class*=" emoji2-"] { background: url('images/emoji-sp2.png') top left no-repeat;width: 16px;height: 16px; display: inline-block; position: relative; vertical-align: top; }
  1074. .emoji2-e04a{background-position:-0px -12096px;}.emoji2-e049{background-position:-0px -12112px;}.emoji2-e04b{background-position:-0px -12160px;}.emoji2-e048{background-position:-0px -12640px;}.emoji2-e13d{background-position:-0px -12560px;}.emoji2-e443{background-position:-0px -880px;}.emoji2-e43c{background-position:-0px -912px;}.emoji2-e44b{background-position:-0px -928px;}.emoji2-e04d{background-position:-0px -944px;}.emoji2-e449{background-position:-0px -960px;}.emoji2-e146{background-position:-0px -976px;}.emoji2-e44a{background-position:-0px -992px;}.emoji2-e44c{background-position:-0px -1008px;}.emoji2-e04ae049{background-position:-0px -12656px;}.emoji2-e44b{background-position:-0px -1024px;}.emoji2-e43e{background-position:-0px -1040px;}.emoji2-e44b{background-position:-0px -1072px;}.emoji2-e04c{background-position:-0px -1200px;}.emoji2-e04c{background-position:-0px -1184px;}.emoji2-e04c{background-position:-0px -1280px;}.emoji2-e04c{background-position:-0px -1312px;}.emoji2-e335{background-position:-0px -1376px;}.emoji2-e024{background-position:-0px -8848px;}.emoji2-e025{background-position:-0px -8864px;}.emoji2-e026{background-position:-0px -8880px;}.emoji2-e027{background-position:-0px -8896px;}.emoji2-e028{background-position:-0px -8912px;}.emoji2-e029{background-position:-0px -8928px;}.emoji2-e02a{background-position:-0px -8944px;}.emoji2-e02b{background-position:-0px -8960px;}.emoji2-e02c{background-position:-0px -8976px;}.emoji2-e02d{background-position:-0px -8992px;}.emoji2-e02e{background-position:-0px -9008px;}.emoji2-e02f{background-position:-0px -9024px;}.emoji2-e02d{background-position:-0px -11920px;}.emoji2-e23f{background-position:-0px -12224px;}.emoji2-e240{background-position:-0px -12240px;}.emoji2-e241{background-position:-0px -12256px;}.emoji2-e242{background-position:-0px -12272px;}.emoji2-e243{background-position:-0px -12288px;}.emoji2-e244{background-position:-0px -12304px;}.emoji2-e245{background-position:-0px -12320px;}.emoji2-e246{background-position:-0px -12336px;}.emoji2-e247{background-position:-0px -12352px;}.emoji2-e248{background-position:-0px -12368px;}.emoji2-e249{background-position:-0px -12384px;}.emoji2-e24a{background-position:-0px -12400px;}.emoji2-e24b{background-position:-0px -12672px;}.emoji2-e110{background-position:-0px -1632px;}.emoji2-e304{background-position:-0px -1488px;}.emoji2-e110{background-position:-0px -1408px;}.emoji2-e118{background-position:-0px -1648px;}.emoji2-e030{background-position:-0px -1504px;}.emoji2-e032{background-position:-0px -1520px;}.emoji2-e119{background-position:-0px -1664px;}.emoji2-e447{background-position:-0px -1680px;}.emoji2-e303{background-position:-0px -1536px;}.emoji2-e305{background-position:-0px -1552px;}.emoji2-e307{background-position:-0px -1456px;}.emoji2-e308{background-position:-0px -1472px;}.emoji2-e444{background-position:-0px -1600px;}.emoji2-e305{background-position:-0px -1568px;}.emoji2-e110{background-position:-0px -1616px;}.emoji2-e345{background-position:-0px -1856px;}.emoji2-e346{background-position:-0px -1792px;}.emoji2-e347{background-position:-0px -1936px;}.emoji2-e348{background-position:-0px -1776px;}.emoji2-e349{background-position:-0px -1712px;}.emoji2-e34a{background-position:-0px -1728px;}.emoji2-e345{background-position:-0px -1872px;}.emoji2-e419{background-position:-0px -4880px;}.emoji2-e41b{background-position:-0px -4896px;}.emoji2-e41a{background-position:-0px -4912px;}.emoji2-e41c{background-position:-0px -4928px;}.emoji2-e409{background-position:-0px -4944px;}.emoji2-e31c{background-position:-0px -5952px;}.emoji2-e31d{background-position:-0px -5968px;}.emoji2-e31e{background-position:-0px -5984px;}.emoji2-e31f{background-position:-0px -6000px;}.emoji2-e320{background-position:-0px -6016px;}.emoji2-e001{background-position:-0px -5472px;}.emoji2-e002{background-position:-0px -5488px;}.emoji2-e004{background-position:-0px -5504px;}.emoji2-e005{background-position:-0px -5520px;}.emoji2-e428{background-position:-0px -5552px;}.emoji2-e152{background-position:-0px -5600px;}.emoji2-e429{background-position:-0px -5616px;}.emoji2-e515{background-position:-0px -5648px;}.emoji2-e516{background-position:-0px -5664px;}.emoji2-e517{background-position:-0px -5680px;}.emoji2-e518{background-position:-0px -5696px;}.emoji2-e519{background-position:-0px -5712px;}.emoji2-e51a{background-position:-0px -5728px;}.emoji2-e51b{background-position:-0px -5744px;}.emoji2-e51c{background-position:-0px -5760px;}.emoji2-e11b{background-position:-0px -5808px;}.emoji2-e04e{background-position:-0px -5824px;}.emoji2-e10c{background-position:-0px -5840px;}.emoji2-e12b{background-position:-0px -5856px;}.emoji2-e11a{background-position:-0px -5872px;}.emoji2-e11c{background-position:-0px -5888px;}.emoji2-e253{background-position:-0px -5904px;}.emoji2-e51e{background-position:-0px -5920px;}.emoji2-e51f{background-position:-0px -5936px;}.emoji2-e52d{background-position:-0px -4080px;}.emoji2-e134{background-position:-0px -4096px;}.emoji2-e52e{background-position:-0px -4192px;}.emoji2-e52f{background-position:-0px -4240px;}.emoji2-e530{background-position:-0px -4560px;}.emoji2-e526{background-position:-0px -4256px;}.emoji2-e527{background-position:-0px -4512px;}.emoji2-e528{background-position:-0px -4160px;}.emoji2-e529{background-position:-0px -4144px;}.emoji2-e10a{background-position:-0px -4272px;}.emoji2-e441{background-position:-0px -4288px;}.emoji2-e525{background-position:-0px -4304px;}.emoji2-e522{background-position:-0px -4384px;}.emoji2-e019{background-position:-0px -4400px;}.emoji2-e523{background-position:-0px -4448px;}.emoji2-e523{background-position:-0px -4464px;}.emoji2-e521{background-position:-0px -4480px;}.emoji2-e523{background-position:-0px -4432px;}.emoji2-e055{background-position:-0px -4496px;}.emoji2-e052{background-position:-0px -4528px;}.emoji2-e019{background-position:-0px -4368px;}.emoji2-e520{background-position:-0px -4576px;}.emoji2-e053{background-position:-0px -4592px;}.emoji2-e050{background-position:-0px -4624px;}.emoji2-e04f{background-position:-0px -4656px;}.emoji2-e054{background-position:-0px -4688px;}.emoji2-e01a{background-position:-0px -4704px;}.emoji2-e109{background-position:-0px -4720px;}.emoji2-e052{background-position:-0px -4736px;}.emoji2-e10b{background-position:-0px -4752px;}.emoji2-e051{background-position:-0px -4816px;}.emoji2-e524{background-position:-0px -4784px;}.emoji2-e52a{background-position:-0px -4800px;}.emoji2-e52b{background-position:-0px -4608px;}.emoji2-e52c{background-position:-0px -4640px;}.emoji2-e531{background-position:-0px -4768px;}.emoji2-e536{background-position:-0px -4864px;}.emoji2-e10b{background-position:-0px -4848px;}.emoji2-e059{background-position:-0px -9824px;}.emoji2-e403{background-position:-0px -9968px;}.emoji2-e410{background-position:-0px -10112px;}.emoji2-e058{background-position:-0px -9792px;}.emoji2-e406{background-position:-0px -10160px;}.emoji2-e40f{background-position:-0px -10080px;}.emoji2-e40e{background-position:-0px -9600px;}.emoji2-e106{background-position:-0px -9520px;}.emoji2-e404{background-position:-0px -9888px;}.emoji2-e105{background-position:-0px -9760px;}.emoji2-e409{background-position:-0px -9776px;}.emoji2-e056{background-position:-0px -9488px;}.emoji2-e418{background-position:-0px -9696px;}.emoji2-e417{background-position:-0px -9728px;}.emoji2-e40c{background-position:-0px -10192px;}.emoji2-e40d{background-position:-0px -10128px;}.emoji2-e057{background-position:-0px -9360px;}.emoji2-e415e331{background-position:-0px -9392px;}.emoji2-e40a{background-position:-0px -9408px;}.emoji2-e404{background-position:-0px -9328px;}.emoji2-e412{background-position:-0px -9344px;}.emoji2-e056{background-position:-0px -9472px;}.emoji2-e414{background-position:-0px -12208px;}.emoji2-e415{background-position:-0px -9376px;}.emoji2-e413{background-position:-0px -9856px;}.emoji2-e411{background-position:-0px -10032px;}.emoji2-e40b{background-position:-0px -9952px;}.emoji2-e406{background-position:-0px -9872px;}.emoji2-e416{background-position:-0px -9840px;}.emoji2-e40a{background-position:-0px -9504px;}.emoji2-e407{background-position:-0px -9664px;}.emoji2-e403{background-position:-0px -9632px;}.emoji2-e107{background-position:-0px -10096px;}.emoji2-e408{background-position:-0px -9984px;}.emoji2-e402{background-position:-0px -9552px;}.emoji2-e108{background-position:-0px -9616px;}.emoji2-e401{background-position:-0px -9904px;}.emoji2-e406{background-position:-0px -10000px;}.emoji2-e405{background-position:-0px -9456px;}.emoji2-e057{background-position:-0px -10240px;}.emoji2-e404{background-position:-0px -10208px;}.emoji2-e412{background-position:-0px -10224px;}.emoji2-e418{background-position:-0px -10288px;}.emoji2-e106{background-position:-0px -10256px;}.emoji2-e413{background-position:-0px -10320px;}.emoji2-e416{background-position:-0px -10304px;}.emoji2-e404{background-position:-0px -10272px;}.emoji2-e403{background-position:-0px -10336px;}.emoji2-e423{background-position:-0px -10352px;}.emoji2-e424{background-position:-0px -10368px;}.emoji2-e426{background-position:-0px -10384px;}.emoji2-e012{background-position:-0px -10448px;}.emoji2-e427{background-position:-0px -10464px;}.emoji2-e403{background-position:-0px -10480px;}.emoji2-e416{background-position:-0px -10496px;}.emoji2-e41d{background-position:-0px -10512px;}.emoji2-e036{background-position:-0px -3600px;}.emoji2-e036{background-position:-0px -3616px;}.emoji2-e038{background-position:-0px -3632px;}.emoji2-e153{background-position:-0px -3648px;}.emoji2-e155{background-position:-0px -3680px;}.emoji2-e14d{background-position:-0px -3696px;}.emoji2-e154{background-position:-0px -3712px;}.emoji2-e158{background-position:-0px -3728px;}.emoji2-e501{background-position:-0px -3744px;}.emoji2-e156{background-position:-0px -3760px;}.emoji2-e157{background-position:-0px -3776px;}.emoji2-e037{background-position:-0px -12704px;}.emoji2-e121{background-position:-0px -12720px;}.emoji2-e504{background-position:-0px -3792px;}.emoji2-e505{background-position:-0px -3840px;}.emoji2-e506{background-position:-0px -3856px;}.emoji2-e508{background-position:-0px -3808px;}.emoji2-e202{background-position:-0px -12528px;}.emoji2-e30b{background-position:-0px -3824px;}.emoji2-e03b{background-position:-0px -9232px;}.emoji2-e509{background-position:-0px -9248px;}.emoji2-e51d{background-position:-0px -9264px;}.emoji2-e007{background-position:-0px -5344px;}.emoji2-e007{background-position:-0px -5360px;}.emoji2-e13e{background-position:-0px -5376px;}.emoji2-e31a{background-position:-0px -5392px;}.emoji2-e31b{background-position:-0px -5408px;}.emoji2-e536{background-position:-0px -5424px;}.emoji2-e006{background-position:-0px -5200px;}.emoji2-e10e{background-position:-0px -5136px;}.emoji2-e302{background-position:-0px -5184px;}.emoji2-e318{background-position:-0px -5152px;}.emoji2-e319{background-position:-0px -5232px;}.emoji2-e321{background-position:-0px -5248px;}.emoji2-e322{background-position:-0px -5264px;}.emoji2-e006{background-position:-0px -5280px;}.emoji2-e323{background-position:-0px -5312px;}.emoji2-e12f{background-position:-0px -6656px;}.emoji2-e149{background-position:-0px -6672px;}.emoji2-e14a{background-position:-0px -6800px;}.emoji2-e12f{background-position:-0px -6688px;}.emoji2-e12f{background-position:-0px -6736px;}.emoji2-e513{background-position:-0px -480px;}.emoji2-e50e{background-position:-0px -496px;}.emoji2-e511{background-position:-0px -512px;}.emoji2-e50d{background-position:-0px -528px;}.emoji2-e510{background-position:-0px -544px;}.emoji2-e50f{background-position:-0px -560px;}.emoji2-e50b{background-position:-0px -576px;}.emoji2-e514{background-position:-0px -592px;}.emoji2-e512{background-position:-0px -608px;}.emoji2-e50c{background-position:-0px -624px;}.emoji2-e11d{background-position:-0px -8448px;}.emoji2-e116{background-position:-0px -8496px;}.emoji2-e113{background-position:-0px -8544px;}.emoji2-e23e{background-position:-0px -8592px;}.emoji2-e23e{background-position:-0px -8608px;}.emoji2-e209{background-position:-0px -8624px;}.emoji2-e031{background-position:-0px -8640px;}.emoji2-e13b{background-position:-0px -6032px;}.emoji2-e30f{background-position:-0px -6048px;}.emoji2-e532{background-position:-0px -240px;}.emoji2-e533{background-position:-0px -256px;}.emoji2-e534{background-position:-0px -304px;}.emoji2-e535{background-position:-0px -272px;}.emoji2-e314{background-position:-0px -2608px;}.emoji2-e112{background-position:-0px -2624px;}.emoji2-e34b{background-position:-0px -2640px;}.emoji2-e033{background-position:-0px -2672px;}.emoji2-e448{background-position:-0px -2688px;}.emoji2-e143{background-position:-0px -2800px;}.emoji2-e117{background-position:-0px -2704px;}.emoji2-e310{background-position:-0px -2736px;}.emoji2-e312{background-position:-0px -2752px;}.emoji2-e436{background-position:-0px -2816px;}.emoji2-e438{background-position:-0px -2832px;}.emoji2-e439{background-position:-0px -2912px;}.emoji2-e43a{background-position:-0px -2896px;}.emoji2-e43b{background-position:-0px -2848px;}.emoji2-e440{background-position:-0px -2720px;}.emoji2-e442{background-position:-0px -2864px;}.emoji2-e445{background-position:-0px -2656px;}.emoji2-e446{background-position:-0px -2880px;}.emoji2-e009{background-position:-0px -12128px;}.emoji2-e009{background-position:-0px -7392px;}.emoji2-e00a{background-position:-0px -7696px;}.emoji2-e104{background-position:-0px -7712px;}.emoji2-e301{background-position:-0px -7376px;}.emoji2-e00b{background-position:-0px -7424px;}.emoji2-e103{background-position:-0px -12848px;}.emoji2-e103{background-position:-0px -7552px;}.emoji2-e103{background-position:-0px -7568px;}.emoji2-e101{background-position:-0px -7584px;}.emoji2-e101{background-position:-0px -7600px;}.emoji2-e102{background-position:-0px -7648px;}.emoji2-e142{background-position:-0px -7456px;}.emoji2-e317{background-position:-0px -7472px;}.emoji2-e14b{background-position:-0px -7440px;}.emoji2-e112{background-position:-0px -7520px;}.emoji2-e103{background-position:-0px -7536px;}.emoji2-e11f{background-position:-0px -6816px;}.emoji2-e00c{background-position:-0px -6832px;}.emoji2-e301{background-position:-0px -12912px;}.emoji2-e11e{background-position:-0px -6848px;}.emoji2-e316{background-position:-0px -6864px;}.emoji2-e316{background-position:-0px -6880px;}.emoji2-e126{background-position:-0px -6896px;}.emoji2-e127{background-position:-0px -6912px;}.emoji2-e313{background-position:-0px -12800px;}.emoji2-e301{background-position:-0px -6960px;}.emoji2-e301{background-position:-0px -6976px;}.emoji2-e148{background-position:-0px -7216px;}.emoji2-e148{background-position:-0px -7264px;}.emoji2-e148{background-position:-0px -7232px;}.emoji2-e148{background-position:-0px -7248px;}.emoji2-e148{background-position:-0px -7280px;}.emoji2-e148{background-position:-0px -7296px;}.emoji2-e148{background-position:-0px -7312px;}.emoji2-e148{background-position:-0px -7328px;}.emoji2-e301{background-position:-0px -7088px;}.emoji2-e14a{background-position:-0px -7072px;}.emoji2-e14a{background-position:-0px -7040px;}.emoji2-e148{background-position:-0px -7024px;}.emoji2-e148{background-position:-0px -7200px;}.emoji2-e301{background-position:-0px -7184px;}.emoji2-e016{background-position:-0px -12624px;}.emoji2-e014{background-position:-0px -12736px;}.emoji2-e015{background-position:-0px -3408px;}.emoji2-e018{background-position:-0px -12608px;}.emoji2-e013{background-position:-0px -3424px;}.emoji2-e42a{background-position:-0px -3440px;}.emoji2-e132{background-position:-0px -3456px;}.emoji2-e115{background-position:-0px -3488px;}.emoji2-e017{background-position:-0px -3504px;}.emoji2-e131{background-position:-0px -3520px;}.emoji2-e42b{background-position:-0px -3552px;}.emoji2-e42d{background-position:-0px -3584px;}.emoji2-e01e{background-position:-0px -10576px;}.emoji2-e434{background-position:-0px -10640px;}.emoji2-e434{background-position:-0px -11952px;}.emoji2-e435{background-position:-0px -10592px;}.emoji2-e01f{background-position:-0px -10608px;}.emoji2-e01b{background-position:-0px -10880px;}.emoji2-e42e{background-position:-0px -10912px;}.emoji2-e159{background-position:-0px -10704px;}.emoji2-e150{background-position:-0px -10752px;}.emoji2-e202{background-position:-0px -11056px;}.emoji2-e01d{background-position:-0px -12832px;}.emoji2-e01c{background-position:-0px -12752px;}.emoji2-e039{background-position:-0px -10672px;}.emoji2-e10d{background-position:-0px -10528px;}.emoji2-e135{background-position:-0px -11088px;}.emoji2-e15a{background-position:-0px -10848px;}.emoji2-e42f{background-position:-0px -10928px;}.emoji2-e430{background-position:-0px -10800px;}.emoji2-e431{background-position:-0px -10784px;}.emoji2-e432{background-position:-0px -10816px;}.emoji2-e03a{background-position:-0px -12784px;}.emoji2-e14f{background-position:-0px -288px;}.emoji2-e14e{background-position:-0px -11104px;}.emoji2-e137{background-position:-0px -11136px;}.emoji2-e432{background-position:-0px -11152px;}.emoji2-e123{background-position:-0px -12480px;}.emoji2-e122{background-position:-0px -12768px;}.emoji2-e124{background-position:-0px -2944px;}.emoji2-e433{background-position:-0px -2960px;}.emoji2-e019{background-position:-0px -2976px;}.emoji2-e03c{background-position:-0px -2992px;}.emoji2-e03d{background-position:-0px -3008px;}.emoji2-e507{background-position:-0px -3024px;}.emoji2-e30a{background-position:-0px -3040px;}.emoji2-e502{background-position:-0px -3056px;}.emoji2-e503{background-position:-0px -3072px;}.emoji2-e125{background-position:-0px -3104px;}.emoji2-e324{background-position:-0px -3120px;}.emoji2-e503{background-position:-0px -3136px;}.emoji2-e12d{background-position:-0px -208px;}.emoji2-e130{background-position:-0px -3168px;}.emoji2-e133{background-position:-0px -3184px;}.emoji2-e42c{background-position:-0px -3200px;}.emoji2-e03e{background-position:-0px -3264px;}.emoji2-e326{background-position:-0px -3280px;}.emoji2-e040{background-position:-0px -3296px;}.emoji2-e041{background-position:-0px -3312px;}.emoji2-e042{background-position:-0px -3344px;}.emoji2-e326{background-position:-0px -3376px;}.emoji2-e12c{background-position:-0px -13424px;}.emoji2-e008{background-position:-0px -7792px;}.emoji2-e03d{background-position:-0px -7808px;}.emoji2-e12a{background-position:-0px -7824px;}.emoji2-e128{background-position:-0px -7840px;}.emoji2-e129{background-position:-0px -7856px;}.emoji2-e003{background-position:-0px -6064px;}.emoji2-e103e328{background-position:-0px -6080px;}.emoji2-e034{background-position:-0px -6096px;}.emoji2-e035{background-position:-0px -6112px;}.emoji2-e111{background-position:-0px -6128px;}.emoji2-e306{background-position:-0px -6144px;}.emoji2-e425{background-position:-0px -6160px;}.emoji2-e43d{background-position:-0px -6176px;}.emoji2-e207{background-position:-0px -8336px;}.emoji2-e24e{background-position:-0px -176px;}.emoji2-e24f{background-position:-0px -192px;}.emoji2-e537{background-position:-0px -11664px;}.emoji2-e210{background-position:-0px -0px;}.emoji2-e21c{background-position:-0px -32px;}.emoji2-e21d{background-position:-0px -48px;}.emoji2-e21e{background-position:-0px -64px;}.emoji2-e21f{background-position:-0px -80px;}.emoji2-e220{background-position:-0px -96px;}.emoji2-e221{background-position:-0px -112px;}.emoji2-e222{background-position:-0px -128px;}.emoji2-e223{background-position:-0px -144px;}.emoji2-e224{background-position:-0px -160px;}.emoji2-e225{background-position:-0px -16px;}.emoji2-e20b{background-position:-0px -7776px;}.emoji2-e250{background-position:-0px -7728px;}.emoji2-e251{background-position:-0px -7744px;}.emoji2-e120{background-position:-0px -1952px;}.emoji2-e342{background-position:-0px -2032px;}.emoji2-e046{background-position:-0px -2400px;}.emoji2-e340{background-position:-0px -2080px;}.emoji2-e339{background-position:-0px -2112px;}.emoji2-e147{background-position:-0px -2448px;}.emoji2-e33a{background-position:-0px -2240px;}.emoji2-e33b{background-position:-0px -2128px;}.emoji2-e33c{background-position:-0px -2160px;}.emoji2-e33d{background-position:-0px -2016px;}.emoji2-e33e{background-position:-0px -2048px;}.emoji2-e33f{background-position:-0px -2096px;}.emoji2-e341{background-position:-0px -2064px;}.emoji2-e343{background-position:-0px -2176px;}.emoji2-e344{background-position:-0px -2192px;}.emoji2-e34c{background-position:-0px -2416px;}.emoji2-e34d{background-position:-0px -2432px;}.emoji2-e43f{background-position:-0px -2256px;}.emoji2-e043{background-position:-0px -2464px;}.emoji2-e045{background-position:-0px -12176px;}.emoji2-e044{background-position:-0px -2528px;}.emoji2-e047{background-position:-0px -2560px;}.emoji2-e338{background-position:-0px -2480px;}.emoji2-e30b{background-position:-0px -2496px;}.emoji2-e044{background-position:-0px -2512px;}.emoji2-e30c{background-position:-0px -2576px;}.emoji2-e044{background-position:-0px -2544px;}.emoji2-e236{background-position:-0px -11744px;}.emoji2-e238{background-position:-0px -11760px;}.emoji2-e237{background-position:-0px -11728px;}.emoji2-e239{background-position:-0px -11776px;}.emoji2-e236{background-position:-0px -13264px;}.emoji2-e238{background-position:-0px -13280px;}.emoji2-e232{background-position:-0px -13312px;}.emoji2-e233{background-position:-0px -13328px;}.emoji2-e234{background-position:-0px -13216px;}.emoji2-e235{background-position:-0px -13296px;}.emoji2-e23a{background-position:-0px -12000px;}.emoji2-e23b{background-position:-0px -12016px;}.emoji2-e23c{background-position:-0px -11856px;}.emoji2-e23d{background-position:-0px -11872px;}.emoji2-e332{background-position:-0px -13392px;}.emoji2-e333{background-position:-0px -13056px;}.emoji2-e333{background-position:-0px -13072px;}.emoji2-e021{background-position:-0px -13136px;}.emoji2-e020{background-position:-0px -13088px;}.emoji2-e336{background-position:-0px -13104px;}.emoji2-e337{background-position:-0px -13120px;}.emoji2-e211{background-position:-0px -13248px;}.emoji2-e022{background-position:-0px -13152px;}.emoji2-e327{background-position:-0px -6192px;}.emoji2-e023{background-position:-0px -6208px;}.emoji2-e327{background-position:-0px -6224px;}.emoji2-e327{background-position:-0px -6240px;}.emoji2-e328{background-position:-0px -6256px;}.emoji2-e329{background-position:-0px -6272px;}.emoji2-e32a{background-position:-0px -6288px;}.emoji2-e32b{background-position:-0px -6304px;}.emoji2-e32c{background-position:-0px -6320px;}.emoji2-e32d{background-position:-0px -6336px;}.emoji2-e437{background-position:-0px -6352px;}.emoji2-e327{background-position:-0px -6368px;}.emoji2-e204{background-position:-0px -6384px;}.emoji2-e20c{background-position:-0px -12448px;}.emoji2-e20e{background-position:-0px -12416px;}.emoji2-e20d{background-position:-0px -12464px;}.emoji2-e20f{background-position:-0px -12432px;}.emoji2-e30e{background-position:-0px -11216px;}.emoji2-e208{background-position:-0px -11232px;}.emoji2-e20a{background-position:-0px -12512px;}.emoji2-e252{background-position:-0px -12544px;}.emoji2-e137{background-position:-0px -12688px;}.emoji2-e136{background-position:-0px -11312px;}.emoji2-e201{background-position:-0px -11376px;}.emoji2-e138{background-position:-0px -11424px;}.emoji2-e139{background-position:-0px -11440px;}.emoji2-e13f{background-position:-0px -11536px;}.emoji2-e151{background-position:-0px -11456px;}.emoji2-e140{background-position:-0px -11488px;}.emoji2-e309{background-position:-0px -11504px;}.emoji2-e13a{background-position:-0px -11472px;}.emoji2-e214{background-position:-0px -336px;}.emoji2-e229{background-position:-0px -368px;}.emoji2-e212{background-position:-0px -384px;}.emoji2-e24d{background-position:-0px -416px;}.emoji2-e213{background-position:-0px -448px;}.emoji2-e12e{background-position:-0px -464px;}.emoji2-e203{background-position:-0px -640px;}.emoji2-e228{background-position:-0px -656px;}.emoji2-e22b{background-position:-0px -720px;}.emoji2-e22a{background-position:-0px -752px;}.emoji2-e215{background-position:-0px -768px;}.emoji2-e216{background-position:-0px -672px;}.emoji2-e217{background-position:-0px -784px;}.emoji2-e218{background-position:-0px -800px;}.emoji2-e227{background-position:-0px -816px;}.emoji2-e22c{background-position:-0px -688px;}.emoji2-e22d{background-position:-0px -832px;}.emoji2-e315{background-position:-0px -13456px;}.emoji2-e30d{background-position:-0px -13440px;}.emoji2-e226{background-position:-0px -848px;}.emoji2-e333{background-position:-0px -12960px;}.emoji2-e10f{background-position:-0px -6416px;}.emoji2-e334{background-position:-0px -6432px;}.emoji2-e311{background-position:-0px -6448px;}.emoji2-e13c{background-position:-0px -6464px;}.emoji2-e331{background-position:-0px -6496px;}.emoji2-e331{background-position:-0px -6512px;}.emoji2-e330{background-position:-0px -6528px;}.emoji2-e05a{background-position:-0px -6544px;}.emoji2-e14c{background-position:-0px -6560px;}.emoji2-e407{background-position:-0px -6576px;}.emoji2-e32e{background-position:-0px -12976px;}.emoji2-e205{background-position:-0px -13008px;}.emoji2-e206{background-position:-0px -12992px;}.emoji2-e219{background-position:-0px -12576px;}.emoji2-e219{background-position:-0px -12592px;}.emoji2-e219{background-position:-0px -8688px;}.emoji2-e21a{background-position:-0px -8704px;}.emoji2-e21a{background-position:-0px -8656px;}.emoji2-e21b{background-position:-0px -8672px;}.emoji2-e32f{background-position:-0px -13376px;}.emoji2-e21b{background-position:-0px -13360px;}.emoji2-e21a{background-position:-0px -13344px;}.emoji2-e21b{background-position:-0px -11984px;}.emoji2-e21a{background-position:-0px -11968px;}.emoji2-e21b{background-position:-0px -12064px;}.emoji2-e21a{background-position:-0px -12080px;}.emoji2-e21b{background-position:-0px -12032px;}.emoji2-e21a{background-position:-0px -12048px;}.emoji2-e21b{background-position:-0px -8720px;}.emoji2-e21b{background-position:-0px -8736px;}.emoji2-e21b{background-position:-0px -8752px;}.emoji2-e21b{background-position:-0px -8768px;}.emoji2-e32e{background-position:-0px -13040px;}.emoji2-e141{background-position:-0px -8016px;}.emoji2-e114{background-position:-0px -8064px;}.emoji2-e114{background-position:-0px -8080px;}.emoji2-e144{background-position:-0px -8144px;}.emoji2-e145{background-position:-0px -8160px;}.emoji2-e144{background-position:-0px -8096px;}.emoji2-e144{background-position:-0px -8112px;}.emoji2-e03f{background-position:-0px -8128px;}.emoji2-e325{background-position:-0px -8176px;}.emoji2-e235{background-position:-0px -8256px;}.emoji2-e24c{background-position:-0px -8320px;}.emoji2-e010{background-position:-0px -12864px;}.emoji2-e012{background-position:-0px -12880px;}.emoji2-e011{background-position:-0px -12896px;}.emoji2-e00d{background-position:-0px -5024px;}.emoji2-e00e{background-position:-0px -5072px;}.emoji2-e00f{background-position:-0px -12192px;}.emoji2-e22e{background-position:-0px -4960px;}.emoji2-e22f{background-position:-0px -4976px;}.emoji2-e230{background-position:-0px -4992px;}.emoji2-e231{background-position:-0px -5008px;}.emoji2-e41e{background-position:-0px -5040px;}.emoji2-e41f{background-position:-0px -5104px;}.emoji2-e420{background-position:-0px -5056px;}.emoji2-e421{background-position:-0px -5088px;}.emoji2-e422{background-position:-0px -5120px;}
  1075. /***
  1076. Tools
  1077. ***/
  1078. .display-none,
  1079. .display-hide {
  1080. display: none;
  1081. }
  1082. .no-space {
  1083. margin: 0px !important;
  1084. padding: 0px !important;
  1085. }
  1086. .no-margin{
  1087. margin: 0px !important;
  1088. }
  1089. .no-padding{
  1090. padding: 0 !important;
  1091. }
  1092. .margin-bottom-0 {
  1093. margin-bottom: 0px !important;
  1094. }
  1095. .margin-bottom-10 {
  1096. margin-bottom: 10px !important;
  1097. }
  1098. .margin-bottom-15 {
  1099. margin-bottom: 15px !important;
  1100. }
  1101. .margin-bottom-20 {
  1102. margin-bottom: 20px !important;
  1103. }
  1104. .margin-bottom-25 {
  1105. margin-bottom: 25px !important;
  1106. }
  1107. .margin-top-5 {
  1108. margin-top: 5px !important;
  1109. }
  1110. .margin-top-10 {
  1111. margin-top: 10px !important;
  1112. }
  1113. .margin-top-15 {
  1114. margin-top: 15px !important;
  1115. }
  1116. .margin-top-20 {
  1117. margin-top: 20px !important;
  1118. }
  1119. .margin-top-30 {
  1120. margin-top: 30px !important;
  1121. }
  1122. .margin-left-10 {
  1123. margin-left: 10px !important;
  1124. }
  1125. .margin-left-15 {
  1126. margin-left: 15px !important;
  1127. }
  1128. .margin-left-20 {
  1129. margin-left: 20px !important;
  1130. }
  1131. .margin-left-30 {
  1132. margin-left: 30px !important;
  1133. }
  1134. .margin-right-10 {
  1135. margin-right: 10px !important;
  1136. }
  1137. .margin-right-15 {
  1138. margin-right: 15px !important;
  1139. }
  1140. .margin-right-20 {
  1141. margin-right: 20px !important;
  1142. }
  1143. .bold {
  1144. font-weight:600 !important;
  1145. }
  1146. .inline {
  1147. display: inline;
  1148. }
  1149. /***
  1150. ie8 & ie9 modes
  1151. ***/
  1152. .visible-ie8 {
  1153. display: none;
  1154. }
  1155. .ie8 .visible-ie8 {
  1156. display: inherit !important;
  1157. }
  1158. .visible-ie9 {
  1159. display: none;
  1160. }
  1161. .ie9 .visible-ie9 {
  1162. display: inherit !important;
  1163. }
  1164. .hidden-ie8 {
  1165. display: inherit;
  1166. }
  1167. .ie8 .hidden-ie8 {
  1168. display: none !important;
  1169. }
  1170. .hidden-ie9 {
  1171. display: inherit;
  1172. }
  1173. .ie9 .hidden-ie9 {
  1174. display: none !important;
  1175. }
  1176. .alert{
  1177. margin-bottom: 15px;
  1178. }
  1179. /********************
  1180. GENERAL UI ELEMENTS
  1181. *********************/
  1182. /* input with right aligned and colored icons */
  1183. /* input with left aligned icons */
  1184. .input-auto{
  1185. display: inline !important;
  1186. width: auto !important;
  1187. min-width: 100px !important;
  1188. }
  1189. .input-small{
  1190. display: inline !important;
  1191. width: 80px !important;
  1192. padding: 3px 6px;
  1193. }
  1194. .input-icon {
  1195. position: relative;
  1196. }
  1197. .input-icon i {
  1198. display: block;
  1199. position: absolute;
  1200. margin: 6px;
  1201. }
  1202. .input-icon input {
  1203. padding-left: 40px !important;
  1204. }
  1205. .input-icon textarea{
  1206. resize: none;
  1207. }
  1208. .badge {
  1209. font-size: 11px !important;
  1210. font-weight: 300;
  1211. text-align: center;
  1212. height: 18px;
  1213. padding: 3px 6px 3px 6px;
  1214. -webkit-border-radius: 12px !important;
  1215. -moz-border-radius: 12px !important;
  1216. border-radius: 12px !important;
  1217. text-shadow: none !important;
  1218. text-align: center;
  1219. vertical-align: middle;
  1220. color: #fff !important;
  1221. }
  1222. .badge-success{
  1223. background-color: #3cc051 !important;
  1224. }
  1225. .badge-danger{
  1226. background-color: #ed4e2a !important;
  1227. }
  1228. .dropdown-menu li > a {
  1229. padding: 6px 0 6px 13px;
  1230. margin: 0px;
  1231. color: #3784d3;;
  1232. text-align: left;
  1233. text-decoration: none;
  1234. display: block;
  1235. clear: both;
  1236. font-weight: normal;
  1237. white-space: nowrap;
  1238. }
  1239. .dropdown-menu li > a:hover{
  1240. color: #225e9b !important;
  1241. }
  1242. .header ul > li > .dropdown-menu:before {
  1243. position: absolute;
  1244. top: -7px;
  1245. right: 18px;
  1246. display: inline-block !important;
  1247. border-right: 7px solid transparent;
  1248. border-bottom: 7px solid #ccc;
  1249. border-left: 7px solid transparent;
  1250. border-bottom-color: rgba(0, 0, 0, 0.2);
  1251. content: '';
  1252. }
  1253. .header ul > li > .dropdown-menu:after {
  1254. position: absolute;
  1255. top: -6px;
  1256. right: 18px;
  1257. display: inline-block !important;
  1258. border-right: 6px solid transparent;
  1259. border-bottom: 6px solid #fff;
  1260. border-left: 6px solid transparent;
  1261. content: '';
  1262. }
  1263. .header ul li>.dropdown-menu{
  1264. margin-top: 0px;
  1265. min-width: 150px;
  1266. right: -2px;
  1267. left: auto;
  1268. }
  1269. /***
  1270. progress
  1271. ***/
  1272. .progress{
  1273. height: 10px;
  1274. margin-bottom: 15px;
  1275. }
  1276. /***
  1277. section
  1278. ***/
  1279. .section {
  1280. background-color: #fff;
  1281. border-radius: 2px;
  1282. box-shadow: 0 1px 5px 0 rgba(56,61,72,0.21);
  1283. margin-bottom: 15px;
  1284. }
  1285. .section.join{
  1286. border-bottom-right-radius: 0px;
  1287. border-bottom-left-radius: 0px;
  1288. margin-bottom: 0px;
  1289. }
  1290. .section.list hr{
  1291. margin-top: 10px;
  1292. }
  1293. .section .section-header{
  1294. padding: 15px;
  1295. border-bottom: solid 1px #ddd;
  1296. }
  1297. .section .section-header:before,.section .section-header:after,
  1298. .section .section-footer:before,.section .section-footer:after,
  1299. .section .section-topper:before,.section .section-footer:after{
  1300. content: " ";
  1301. display: table;
  1302. }
  1303. .section .section-header:after,
  1304. .section .section-footer:after,
  1305. .section .section-topper:after{
  1306. clear: both;
  1307. }
  1308. .section .operate-panel{
  1309. float: right;
  1310. text-align: right;
  1311. }
  1312. .section .title-panel{
  1313. float: left;
  1314. font-size: 14px;
  1315. }
  1316. .section .section-header .title-panel{
  1317. margin-top: 5px;
  1318. }
  1319. .section .header-muted{
  1320. margin-top: 8px;
  1321. }
  1322. .section .section-body{
  1323. padding: 15px;
  1324. }
  1325. .section .section-body .inner-bg{
  1326. margin: -15px;
  1327. padding: 5px 15px 8px 15px;
  1328. background: #F2F4F5;
  1329. margin-bottom: 15px;
  1330. }
  1331. .section .table >tbody>tr:first-child >td{
  1332. border-top: none;
  1333. }
  1334. .section .section-body .item-panel{
  1335. margin-bottom: 10px;
  1336. }
  1337. .section .section-body .item-panel:last-child{
  1338. margin-bottom: 0px;
  1339. }
  1340. .section .section-footer{
  1341. background: #f2f4f5;
  1342. border-top: solid 1px #ddd;
  1343. border-bottom-left-radius: 2px;
  1344. border-bottom-right-radius: 2px;
  1345. padding: 10px 15px;
  1346. }
  1347. .section .section-topper{
  1348. background: #f2f4f5;
  1349. border-radius: 0;
  1350. padding: 10px 15px;
  1351. }
  1352. .section .section-header .operate-panel.pos,
  1353. .section .section-footer .operate-panel.pos,
  1354. .section .section-topper .operate-panel.pos{
  1355. position: relative;
  1356. /*top:5px;*/
  1357. top:7px;
  1358. }
  1359. .section .section-body .tip-panel{
  1360. border-bottom: solid 1px #ddd;
  1361. margin: 50px -15px 15px -15px;
  1362. padding: 0 15px 15px 15px;
  1363. }
  1364. .section .section-body .tip-panel:first-child{
  1365. margin-top: 0px;
  1366. }
  1367. .section .section-body .tip-panel strong{
  1368. font-size: 14px;
  1369. }
  1370. /***
  1371. detail
  1372. ***/
  1373. .detail {
  1374. background-color: #fff;
  1375. border-radius: 2px;
  1376. box-shadow: 0 1px 5px 0 rgba(56,61,72,0.21);
  1377. margin-bottom: 15px;
  1378. }
  1379. .detail .detail-header{
  1380. padding-left: 65px;
  1381. border-bottom: solid 1px #ddd;
  1382. position: relative;
  1383. }
  1384. .detail .detail-header .author{
  1385. border-top-left-radius: 2px;
  1386. width: 55px;
  1387. height: 55px;
  1388. position: absolute;
  1389. left: 0;
  1390. top: 0;
  1391. }
  1392. .detail .detail-header .second{
  1393. margin-top: 7px;
  1394. font-size: 12px;
  1395. }
  1396. .detail .detail-header:before,.detail .detail-header:after{
  1397. content: " ";
  1398. display: table;
  1399. }
  1400. .detail .detail-header:after{
  1401. clear: both;
  1402. }
  1403. .detail .operate-panel{
  1404. float: right;
  1405. text-align: right;
  1406. padding: 10px 15px;
  1407. }
  1408. .detail .title-panel{
  1409. float: left;
  1410. font-size: 14px;
  1411. }
  1412. .detail .detail-header .title-panel{
  1413. padding-top: 6px;
  1414. height: 55px;
  1415. }
  1416. .detail .detail-header .title-panel.only{
  1417. padding: 0px;
  1418. line-height: 55px;
  1419. }
  1420. .detail .detail-body{
  1421. padding: 15px;
  1422. padding-left: 65px;
  1423. }
  1424. .detail .detail-body .attachment{
  1425. margin: 5px 0;
  1426. }
  1427. .detail .detail-body.muti{
  1428. padding-left: 15px;
  1429. }
  1430. .detail .detail-body.muti:before,.detail .detail-body.muti:after{
  1431. content: " ";
  1432. display: table;
  1433. }
  1434. .detail .detail-body.muti:after{
  1435. clear: both;
  1436. }
  1437. .detail .detail-body.muti .author{
  1438. float: left;
  1439. width: 40px;
  1440. height: 40px;
  1441. }
  1442. .detail .detail-body.muti .content{
  1443. float: left;
  1444. width: 620px;
  1445. margin-left: 10px;
  1446. }
  1447. /***
  1448. comment
  1449. ***/
  1450. .comment{
  1451. background: #f2f4f5;
  1452. border-top: solid 1px #ddd;
  1453. border-bottom-left-radius: 2px;
  1454. border-bottom-right-radius: 2px;
  1455. }
  1456. .comment>.dec-panel{
  1457. padding:10px 65px;
  1458. }
  1459. .comment>.send-panel,.comment>.research-panel{
  1460. padding: 15px;
  1461. border-top: solid 1px #ddd;
  1462. width: 100%;
  1463. }
  1464. .comment>.send-panel:before,
  1465. .comment>.send-panel:after,
  1466. .comment>.research-panel:before,
  1467. .comment>.research-panel:after{
  1468. content: " ";
  1469. display: table;
  1470. }
  1471. .comment>.send-panel:after,
  1472. .comment>.research-panel:after{
  1473. clear: both;
  1474. }
  1475. .comment>.send-panel>.author,
  1476. .comment>.research-panel>.author{
  1477. float: left;
  1478. width: 40px;
  1479. height: 40px;
  1480. }
  1481. .comment>.send-panel>.send-container,
  1482. .comment>.research-panel>.send-container{
  1483. float: left;
  1484. width: 620px;
  1485. margin-left: 10px;
  1486. }
  1487. .comment>.comment-body{
  1488. }
  1489. .comment>.comment-body>.item{
  1490. border-top: solid 1px #ddd;
  1491. padding: 15px;
  1492. padding-bottom: 0px;
  1493. }
  1494. .comment>.comment-body>.item:before,.comment>.comment-body>.item:after{
  1495. content: " ";
  1496. display: table;
  1497. }
  1498. .comment>.comment-body>.item:after{
  1499. clear: both;
  1500. }
  1501. .comment>.comment-body>.item>.author{
  1502. float: left;
  1503. width: 40px;
  1504. height: 40px;
  1505. }
  1506. .comment>.comment-body>.item>.content{
  1507. float: left;
  1508. width: 620px;
  1509. margin-left: 10px;
  1510. }
  1511. .comment .reply-item-content{
  1512. width: 575px;
  1513. margin-left: 10px;
  1514. }
  1515. .comment>.comment-body>.item>.content>.reply-list>.reply-item:before,
  1516. .comment>.comment-body>.item>.content>.reply-list>.reply-item:after{
  1517. content: " ";
  1518. display: table;
  1519. }
  1520. .comment>.comment-body>.item>.content .reply-list>.reply-item:after{
  1521. clear: both;
  1522. }
  1523. .comment>.comment-body>.item>.content>.reply-list{
  1524. margin-top: 10px;
  1525. }
  1526. .comment>.comment-body>.item>.content>.reply-list>.reply-item{
  1527. border-top: solid 1px #ddd;
  1528. padding-top:10px;
  1529. padding-left: 5px;
  1530. }
  1531. .result-body{
  1532. border-top: solid 1px #ddd;
  1533. margin: 0 15px;
  1534. padding: 15px 0;
  1535. }
  1536. .result-body:before,.result-body:after{
  1537. content: " ";
  1538. display: table;
  1539. }
  1540. .result-body:after{
  1541. clear: both;
  1542. }
  1543. .result-body>.author{
  1544. float: left;
  1545. width: 40px;
  1546. height: 40px;
  1547. }
  1548. .result-body>.content{
  1549. float: left;
  1550. width: 620px;
  1551. margin-left: 10px;
  1552. }
  1553. .result-body .attachment{
  1554. margin-right: 10px;
  1555. margin-bottom: 5px;
  1556. }
  1557. /***
  1558. timeline
  1559. ***/
  1560. .tl-new{
  1561. background: #e9f1fa !important;
  1562. text-align: center;
  1563. padding: 10px 0;
  1564. border-bottom-left-radius: 2px;
  1565. border-bottom-right-radius: 2px;
  1566. }
  1567. .tl-container .tl-content .section:first-child{
  1568. border-top-right-radius: 0px;
  1569. border-top-left-radius: 0px;
  1570. }
  1571. .tl-container .tl-mode .tl-con{
  1572. padding: 15px;
  1573. }
  1574. .tl-container .tl-mode .tl-con:before,
  1575. .tl-container .tl-mode .tl-con:after,
  1576. .tl-container .tl-mode .tl-ope:before,
  1577. .tl-container .tl-mode .tl-ope:after{
  1578. content: " ";
  1579. display: table;
  1580. }
  1581. .tl-container .tl-mode .tl-con:after,
  1582. .tl-container .tl-mode .tl-ope:after{
  1583. clear: both;
  1584. }
  1585. .tl-container .tl-mode .tl-dec{
  1586. /*margin-right:5px;*/
  1587. }
  1588. .tl-container .tl-mode .tl-files{
  1589. margin-top: 10px;
  1590. }
  1591. .tl-container .tl-mode .tl-pics div{
  1592. margin-top: 15px;
  1593. }
  1594. .tl-container .tl-mode .tl-files .attachment{
  1595. margin-right: 10px;
  1596. margin-bottom: 5px;
  1597. }
  1598. .tl-container .tl-mode .tl-con .tl-avatar{
  1599. float:left;
  1600. width: 40px;
  1601. height: 40px;
  1602. }
  1603. .tl-container .tl-mode .tl-con .tl-detail{
  1604. float: left;
  1605. margin-left: 10px;
  1606. width: 620px;
  1607. }
  1608. .tl-container .tl-mode .tl-ope{
  1609. background-color: #F2F4F5 !important;
  1610. padding: 10px 15px 10px 65px;
  1611. width: 100%;
  1612. }
  1613. .tl-container .tl-mode .tl-ope .tl-op{
  1614. float: left;
  1615. }
  1616. .tl-container .tl-mode .tl-ope .tl-time{
  1617. margin-top: 5px;
  1618. float: right;
  1619. }
  1620. .tl-container .tl-mode .tl-result{
  1621. margin-top: 5px;
  1622. }
  1623. .tl-container .tl-comment{
  1624. display: none;
  1625. }
  1626. .tl-container .tl-more{
  1627. display: none;
  1628. background: #f2f4f5;
  1629. border-top: solid 1px #ddd;
  1630. padding: 10px 0 10px 65px;
  1631. border-bottom-left-radius: 2px;
  1632. border-bottom-right-radius: 2px;
  1633. }
  1634. .tl-container .tl-comment .comment>.send-panel,.comment>.research-panel{
  1635. border:none;
  1636. }
  1637. .tl-container .tl-content .tl-comment .homework_mark_container,
  1638. .tl-container .tl-content .tl-comment .student_mark_container{
  1639. padding: 15px 15px 15px 65px;
  1640. }
  1641. /***
  1642. paper
  1643. ***/
  1644. .paper-panel{
  1645. display: none;
  1646. margin-bottom: 20px;
  1647. text-align: right;
  1648. }
  1649. .avatar{
  1650. padding: 15px;
  1651. }
  1652. .avatar .info{
  1653. margin-left: 15px;
  1654. }
  1655. /***
  1656. form
  1657. ***/
  1658. .control-label{
  1659. font-weight: normal;
  1660. }
  1661. .control-label .required {
  1662. color: #e02222;
  1663. font-size: 12px;
  1664. padding-left: 2px;
  1665. }
  1666. .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  1667. cursor:pointer;
  1668. background-color: #fafafa;
  1669. }
  1670. /***
  1671. modal
  1672. ***/
  1673. .modal-open{
  1674. overflow-y: scroll;
  1675. }
  1676. .modal{
  1677. overflow-y: auto;
  1678. }
  1679. .modal .modal-header .icon-delete{
  1680. right:0px;
  1681. }
  1682. .modal-dialog {
  1683. margin: 90px auto 15px auto;
  1684. }
  1685. .modal-dialog .modal-header .icon-delete{
  1686. top:0px;
  1687. }
  1688. .modal-form{
  1689. padding: 15px;
  1690. }
  1691. .modal .modal-form{
  1692. padding: 0px !important;
  1693. }
  1694. .modal .modal-body{
  1695. padding: 15px;
  1696. }
  1697. .modal .modal-content{
  1698. background-clip: border-box;
  1699. border-radius: 2px;
  1700. }
  1701. .modal-form>.row{
  1702. margin-bottom: 15px;
  1703. }
  1704. .modal .modal-body .table{
  1705. margin-bottom: 0px;
  1706. }
  1707. .modal .modal-body .table >tbody>tr:first-child >td{
  1708. border-top: none;
  1709. }
  1710. .modal .modal-inner-footer{
  1711. margin: -15px;
  1712. padding: 15px;
  1713. background: #F2F4F5;
  1714. }
  1715. .modal .modal-operate{
  1716. padding-top: 6px;
  1717. }
  1718. .modal .sel-item{
  1719. width: 282px !important;
  1720. }
  1721. .modal.large .modal-dialog{
  1722. width: 940px;
  1723. }
  1724. .modal.large .modal-body{
  1725. padding: 0px !important;
  1726. }
  1727. .modal.large .large-footer,
  1728. .modal.large .large-body{
  1729. padding: 15px;
  1730. }
  1731. .modal.large{
  1732. overflow-y: hidden;
  1733. }
  1734. .modal.large .modal-content{
  1735. border: none !important;
  1736. }
  1737. .modal.large .modal-dialog{
  1738. margin-top: 47px;
  1739. }
  1740. .modal.superior{
  1741. z-index: 1045;
  1742. }
  1743. /***
  1744. button
  1745. ***/
  1746. .btn{
  1747. padding: 6px 40px;
  1748. }
  1749. .btn.medium{
  1750. padding: 6px 20px;
  1751. }
  1752. .btn.small{
  1753. padding: 6px 12px;
  1754. }
  1755. .btn.link{
  1756. color: #3784d3;
  1757. }
  1758. /***
  1759. list-group
  1760. ***/
  1761. a.list-group-item {
  1762. color: #3784d3;
  1763. cursor: pointer;
  1764. }
  1765. div.list-group-item.title {
  1766. z-index: 2;
  1767. font-size: 14px;
  1768. font-weight: 400;
  1769. color: #fff;
  1770. background-color: #757f93;
  1771. border-color: #757f93;
  1772. }
  1773. div.list-group-item.schedule-panel{
  1774. font-size: 12px !important;
  1775. font-weight: normal;
  1776. margin: 0px !important;
  1777. padding:5px 0 !important;
  1778. }
  1779. div.list-group-item.title a{
  1780. color: #F19500;
  1781. }
  1782. a.list-group-item.title{
  1783. cursor: pointer !important;
  1784. color: #fff !important;
  1785. background-color: #757f93 !important;
  1786. border-color: #757f93 !important;
  1787. }
  1788. a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  1789. background-color: #DBDCDC;
  1790. border-color: #DBDCDC;
  1791. color: #3784d3;
  1792. }
  1793. a.list-group-item.active .badge{
  1794. background-color: #ed4e2a !important;
  1795. }
  1796. /***
  1797. Tab
  1798. ***/
  1799. .tab{
  1800. }
  1801. .tab .nav{
  1802. background: #f3f5f6;
  1803. }
  1804. .tab .tab-content{
  1805. padding: 15px;
  1806. }
  1807. .tab .nav-tabs>li>a,
  1808. .tab .nav-tabs>li>a:hover,
  1809. .tab .nav-tabs>li>a:focus{
  1810. border-radius: 0px !important;
  1811. border: solid 1px #ddd;
  1812. border-top: none !important;
  1813. border-right: none !important;
  1814. }
  1815. .tab .nav-tabs>li:first-child>a,
  1816. .tab .nav-tabs>li:first-child>a:hover,
  1817. .tab .nav-tabs>li:first-child>a:focus{
  1818. border-top-left-radius: 2px !important;
  1819. border-left: none;
  1820. }
  1821. .tab .nav-tabs>li:last-child>a{
  1822. border-top-right-radius: 2px !important;
  1823. }
  1824. .tab .nav-tabs > li.active > a, .tab .nav-tabs > li.active > a:hover, .tab .nav-tabs > li.active > a:focus {
  1825. background-color: #fff;
  1826. border-bottom: 1px solid #fff;
  1827. }
  1828. /***
  1829. Table
  1830. ***/
  1831. .table .item-old{
  1832. background-color: #F2F4F5 !important;
  1833. }
  1834. .table .item-current,.table .item-current:hover td{
  1835. background-color: #e9f1fa !important;
  1836. }
  1837. /***
  1838. Custom tabs
  1839. ***/
  1840. .tabbable-custom {
  1841. margin-bottom: 15px;
  1842. padding: 0px;
  1843. overflow: hidden;
  1844. }
  1845. .tabbable-custom > .nav-tabs {
  1846. border: none;
  1847. margin: 0px;
  1848. }
  1849. .tabbable-custom > .tab-content {
  1850. background-color: #fff;
  1851. border: 1px solid #ddd;
  1852. -webkit-border-radius: 0;
  1853. -moz-border-radius: 0;
  1854. border-radius: 0;
  1855. padding: 10px;
  1856. }
  1857. .tabbable-custom.nav-justified .tab-content {
  1858. margin-top: -1px;
  1859. }
  1860. .tabbable-custom .nav-tabs > li {
  1861. margin-right: 2px;
  1862. border-top: 2px solid transparent;
  1863. }
  1864. .tabbable-custom .nav-tabs > li > a {
  1865. margin-right: 0;
  1866. background-color: #fff;
  1867. }
  1868. .tabbable-custom .nav-tabs > li > a:hover {
  1869. background: none;
  1870. border-color:transparent;
  1871. }
  1872. .tabbable-custom .nav-tabs > li.active {
  1873. border-top: 3px solid #3784d3;
  1874. margin-top: 0;
  1875. position: relative;
  1876. }
  1877. .tabbable-custom .nav-tabs > li.active > a {
  1878. border-bottom-color: #fff;
  1879. background-color: #fff;
  1880. border-top: none;
  1881. font-weight: 400;
  1882. }
  1883. .tabbable-custom .nav-tabs > li.active > a:hover {
  1884. border-top: none;
  1885. background: #fff;
  1886. border-color: #d4d4d4 #d4d4d4 transparent;
  1887. }
  1888. .tabbable-custom .nav-tabs > li {
  1889. margin-right: 2px;
  1890. border-top: 2px solid transparent;
  1891. }
  1892. /***
  1893. sidebar-menu
  1894. ***/
  1895. .sidebar-menu {
  1896. list-style: none;
  1897. margin: 0;
  1898. padding: 0;
  1899. }
  1900. .sidebar-menu .title{
  1901. font-size: 12px;
  1902. }
  1903. ul.sidebar-menu > li >a.title{
  1904. font-size: 14px;
  1905. color: #fff !important;
  1906. background-color: #757f93 !important;
  1907. border-color: #757f93 !important;
  1908. border-top-right-radius: 2px;
  1909. border-top-left-radius: 2px;
  1910. padding: 10px 15px;
  1911. cursor: default;
  1912. }
  1913. .sidebar-menu > li {
  1914. display: block;
  1915. margin: 0;
  1916. padding: 0;
  1917. border: 0px;
  1918. }
  1919. .sidebar-menu > li > a {
  1920. display: block;
  1921. position: relative;
  1922. margin: 0;
  1923. border: 0px;
  1924. padding: 10px 15px;
  1925. text-decoration: none;
  1926. border-top: 1px solid #ddd !important;
  1927. }
  1928. .sidebar-menu > li > a,
  1929. .sidebar-menu > li:hover > a{
  1930. border: none;
  1931. text-shadow:none;
  1932. background: #f5f5f5;
  1933. }
  1934. .sidebar-menu > li.active > a,
  1935. .sidebar-menu > li.active:hover > a{
  1936. background: #DBDCDC;
  1937. }
  1938. .sidebar-menu > li:last-child > a,
  1939. .sidebar-menu > li.last > a {
  1940. border-bottom-color: transparent !important;
  1941. border-bottom: 1px solid transparent !important;
  1942. }
  1943. .sidebar-menu > li > a > .arrow {
  1944. float: right;
  1945. display: inline;
  1946. background-image: url(images/icon-map.png);
  1947. background-position: -20px -80px;
  1948. background-repeat: no-repeat;
  1949. width: 20px;
  1950. height: 20px;
  1951. margin-right: -5px;
  1952. }
  1953. .sidebar-menu > li > a > .arrow.open {
  1954. background-position: -60px -80px;
  1955. }
  1956. .sidebar-menu .sub-menu {
  1957. padding: 0;
  1958. }
  1959. .sidebar-menu > li > ul.sub-menu {
  1960. display: none;
  1961. list-style: none;
  1962. clear: both;
  1963. background: #f1f1f1;
  1964. }
  1965. .sidebar-menu > li.open > ul.sub-menu {
  1966. display: block;
  1967. }
  1968. .sidebar-menu > li > ul.sub-menu > li {
  1969. background: none;
  1970. margin: 0px;
  1971. padding: 0px;
  1972. border-top: solid 1px #ddd;
  1973. }
  1974. .sidebar-menu > li > ul.sub-menu > li >a,
  1975. .sidebar-menu > li > ul.sub-menu > li:hover >a{
  1976. background: #f5f5f5;
  1977. }
  1978. .sidebar-menu > li > ul.sub-menu > li.active >a,
  1979. .sidebar-menu > li > ul.sub-menu > li.active:hover >a{
  1980. background: #DBDCDC;
  1981. }
  1982. .sidebar-menu > li > ul.sub-menu > li > a {
  1983. display: block;
  1984. margin: 0px;
  1985. padding: 10px 0px;
  1986. padding-left: 30px !important;
  1987. text-decoration: none;
  1988. background: none;
  1989. }
  1990. .tip-backdrop {
  1991. position: absolute;
  1992. top: 0;
  1993. right: 0;
  1994. bottom: 0;
  1995. left: 0;
  1996. z-index: 1000;
  1997. background-color: #000000;
  1998. min-height: 300px;
  1999. }
  2000. .tip-backdrop.fade {
  2001. opacity: 0;
  2002. filter: alpha(opacity=0);
  2003. }
  2004. .tip-backdrop.in {
  2005. opacity: 0.5;
  2006. filter: alpha(opacity=50);
  2007. }
  2008. .tip {
  2009. display: block;
  2010. position: absolute;
  2011. top: 0;
  2012. right: 0;
  2013. bottom: 0;
  2014. left: 0;
  2015. z-index: 1010;
  2016. }
  2017. .tip-dialog {
  2018. position: relative;
  2019. width: 600px;
  2020. margin: 70px auto;
  2021. z-index: 1050;
  2022. }
  2023. .tip-content{
  2024. position: relative;
  2025. background-color: #ffffff;
  2026. border: 1px solid rgba(0, 0, 0, 0.2);
  2027. outline: none;
  2028. background-clip: border-box;
  2029. border-radius: 2px;
  2030. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  2031. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  2032. }
  2033. .tip-header{
  2034. padding: 15px;
  2035. border-bottom: 1px solid #e5e5e5;
  2036. min-height: 35px;
  2037. }
  2038. .tip-header .tip-icon{
  2039. width: 30px;
  2040. height: 30px;
  2041. position: relative;
  2042. top:10px;
  2043. }
  2044. /**����**/
  2045. .boot{
  2046. border: solid 3px #3784d3;
  2047. background: #fff;
  2048. position: absolute;
  2049. z-index: 9;
  2050. left: -100000px;
  2051. min-width: 200px;
  2052. }
  2053. .boot .triangle-border {
  2054. position:absolute;
  2055. right:30px;
  2056. overflow:hidden;
  2057. width:0;
  2058. height:0;
  2059. border-width:12px;
  2060. border-style:dashed dashed solid dashed;
  2061. }
  2062. .boot .tb-border {
  2063. top:-25px;
  2064. border-color:transparent transparent #3784d3 transparent;
  2065. }
  2066. .boot .tb-background {
  2067. top:-20px;
  2068. border-color:transparent transparent #fff transparent;
  2069. }
  2070. .boot .boot-header{
  2071. border-bottom: solid 1px #E5E5E5;
  2072. padding: 10px;
  2073. position: relative;
  2074. font-size: 14px;
  2075. font-weight: bolder;
  2076. }
  2077. .boot .boot-header .boot-close{
  2078. display: block;
  2079. position: absolute;
  2080. top: 4px;
  2081. right: 0px;
  2082. }
  2083. .boot .boot-content{
  2084. padding: 10px;
  2085. }
  2086. .loading-message{
  2087. text-align: center;
  2088. }
  2089. .message-icon{
  2090. width:40px;
  2091. height: 40px;
  2092. }
  2093. .message{
  2094. display: inline-block;
  2095. font-size: 20px;
  2096. position: relative;
  2097. left: 15px;
  2098. top:3px;
  2099. margin-right: 25px;
  2100. }
  2101. /**�Լ���ʽ**/
  2102. /**רҵ����**/
  2103. .wybm2_sbfzi{ color:#65b0e6; font-family:"����"; font-size:14px; padding-left:8px; height:30px; line-height:30px;}
  2104. .wybm2_tp {
  2105. background: url('../../images/OnlineRegistrate/zyjs.png');
  2106. height: 74px;
  2107. width: 859px;
  2108. margin: 0px auto;
  2109. margin-top: 20px;
  2110. }
  2111. .wybm2_tpzi{ padding-top:50px;}
  2112. .wybm2_tpzi ul{ width:859px; margin:0px auto;}
  2113. .wybm2_tpzi li{ list-style:none;font-family:"����"; float:left; font-size:14px;}
  2114. .wybm2_tpzi li a{color:#0193df; display:block; text-decoration:none; }
  2115. .wybm2_xzzy{width:270px;}
  2116. .wybm2_txxx{ width:280px;}
  2117. .wybm2_jf{ width:251px;}
  2118. .tbzk{border-bottom:1px solid #e7e7e7; }
  2119. .tbk{ height:50px; }
  2120. .tb{ width:53px; height:40px; float:left; }
  2121. .zszy{ width:256px; height:40px; float:left; font-family:"����"; font-weight:900; color: #666; font-size:20px; line-height:50px; margin-left:5px; }
  2122. /*.tbk1{ width:200px; height:30px; margin-top:20px; }*/
  2123. .left{ width:4px; height:17px; float:left; background-color:#0193df; margin-top:2px; margin-left:9px;}
  2124. .wz{ width:70px; height:30px; float:left; font-family:"����"; font-weight:bold; color: #8c8c8c; font-size:14px; line-height:23px; }
  2125. .zzk{ width:50%; float:left; margin:0px;}
  2126. .zsk{ width:100%; min-height:200px; padding-left:100px;}
  2127. .xm{ width:100%; height:15px; font-family:"����"; font-size:14px; color:#0193df; padding-left:25px; }
  2128. .zi1{width:100%; min-height:200px; float:left; }
  2129. .zi1 ul{ width:100%; min-height:200px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2130. .zi1 ul li{ float:left; list-style:none; height:31px; width:100%;line-height:31px; padding:0 3px; }
  2131. .zi1 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2132. .zi1 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2133. .zxk{ width:363px; height:260px; margin-top: 20px ; margin-left:100px; }
  2134. .zi2{width:363px; height:150px; float:left; }
  2135. .zi2 ul{ width:360px; height:150px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2136. .zi2 ul li{ float:left; list-style:none; height:31px; width:300px;line-height:31px; padding:0 3px; }
  2137. .zi2 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2138. .zi2 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2139. .ysk{ width:363px; height:300px; margin: auto; }
  2140. .zi3{width:363px; height:300px; float:left; }
  2141. .zi3 ul{ width:360px; height:300px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2142. .zi3 ul li{ float:left; list-style:none; height:31px; width:300px;line-height:31px; padding:0 3px; }
  2143. .zi3 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2144. .zi3 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2145. .yzk{ width:363px; height:152px; margin: 20px auto; }
  2146. .zi4{width:363px; height:150px; float:left; }
  2147. .zi4 ul{ width:360px; height:150px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2148. .zi4 ul li{ float:left; list-style:none; height:31px; width:300px;line-height:31px; padding:0 3px; }
  2149. .zi4 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2150. .zi4 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2151. .zxk1{ width:363px; height:260px; margin: 20px auto ; }
  2152. .zi5{width:363px; height:150px; float:left; }
  2153. .zi5 ul{ width:360px; height:150px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2154. .zi5 ul li{ float:left; list-style:none; height:31px; width:300px;line-height:31px; padding:0 3px; }
  2155. .zi5 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2156. .zi5 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2157. .zsk1{ width:363px; height:200px; margin-left:100px;}
  2158. .zi11{width:363px; height:260px; float:left; }
  2159. .zi11 ul{ width:360px; height:260px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2160. .zi11 ul li{ float:left; list-style:none; height:31px; width:350px;line-height:31px; padding:0 3px; }
  2161. .zi11 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2162. .zi11 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2163. .ysk1{ width:363px; height:100px; margin: auto; }
  2164. .zi22{width:363px; height:100px; float:left; }
  2165. .zi22 ul{ width:360px; height:260px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2166. .zi22 ul li{ float:left; list-style:none; height:31px; width:350px;line-height:31px; padding:0 3px; }
  2167. .zi22 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2168. .zi22 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2169. .yzk1{ width:363px; height:152px; margin: auto; }
  2170. .zi33{width:363px; height:100px; float:left; margin-top:9px; }
  2171. .zi33 ul{ width:360px; height:100px; margin:0px; padding:5px; float:left;margin-top:5px;}
  2172. .zi33 ul li{ float:left; list-style:none; height:31px; width:300px;line-height:31px; padding:0 3px; }
  2173. .zi33 ul li a{ text-decoration:none; color:#000; margin:0px; padding:0px;height:31px; display:block; font-size:12px; font-family:"����"; float:left; margin-left:10px; background:url(../images/xd_18.png) no-repeat 5px 12px; padding-left:15px;}
  2174. .zi33 ul li a:hover{color:#f36e02;background:url(../images/xd_15.png) no-repeat 5px 12px; padding-left:15px;}
  2175. /**�����ɹ�**/
  2176. .wybm1_sbfzi{ color:#65b0e6; font-family:"����"; font-size:14px; padding-left:8px; height:30px; line-height:30px;}
  2177. .wybm1_tp {
  2178. background: url('../../images/OnlineRegistrate/gt.png');
  2179. height: 74px;
  2180. width: 859px;
  2181. margin: 0px auto;
  2182. margin-top: 20px;
  2183. }
  2184. .wybm1_tpzi{ padding-top:50px;}
  2185. .wybm1_tpzi ul{ width:859px; margin:0px auto;}
  2186. .wybm1_tpzi li{ list-style:none;font-family:"����"; float:left; font-size:14px;}
  2187. .wybm1_tpzi li a{color:#0193df; display:block; text-decoration:none; }
  2188. .wybm1_xzzy{width:270px;}
  2189. .wybm1_txxx{ width:268px;}
  2190. .wybm1_jf{ width:280px;}
  2191. .tb1{ width:778px; height:306px; margin: 20px auto; background-image:url('../../images/OnlineRegistrate/bj1.png') ; }
  2192. .bmwz{ width:778px; height:15px; text-align:center; color:#f24040; font-size:12px; font-family:"����"; font-weight:bold; line-height:300px; padding-top:50px; }
  2193. .bmwz1{ width:778px; height:15px; text-align:center; color:#bfbaba; font-size:12px; font-family:"����"; font-weight:bold; line-height:300px; padding-top:40px; }
  2194. /**�ɷ�**/
  2195. /*.tbk1{ width:200px; height:66px; margin-top:20px; }*/
  2196. .tb2{ width:991px; min-height:553px; height:auto; margin: 20px auto;background-color:#fff; border:solid 1px #ddd; }
  2197. .jctb {width:100%; height: 50px; line-height:50px; background: #0193df; font-size: 18px; text-align: center; color: #ffffff; float:left;}
  2198. .bmwz2{ width:778px; height:15px; text-align:center; color:#2f2f2f; font-size:20px; font-family:"����"; font-weight:bold; line-height:20px; padding-top:50px; }
  2199. .tbk1{
  2200. width:100%;
  2201. height:60px;
  2202. padding:20px 0;
  2203. }
  2204. .tbk1Box{
  2205. width:100%;
  2206. min-height:10px;
  2207. overflow:auto;
  2208. }