mobiscroll.custom.css 47 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487
  1. .dw {
  2. position: absolute;
  3. top: 5%;
  4. left: 0;
  5. z-index: 1001;
  6. color: #000;
  7. font-family: arial, verdana, sans-serif;
  8. font-size: 12px;
  9. text-shadow: none;
  10. box-sizing: border-box;
  11. -webkit-box-sizing: border-box;
  12. -moz-box-sizing: border-box;
  13. -webkit-user-select: none;
  14. -moz-user-select: none;
  15. -ms-user-select: none;
  16. -ms-touch-action: none;
  17. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  18. -webkit-backface-visibility: hidden
  19. }
  20. .dwi {
  21. position: static;
  22. display: inline-block
  23. }
  24. .dwwr {
  25. font-size: 1rem;
  26. min-width: 170px;
  27. zoom: 1;
  28. padding: 0 10px;
  29. text-align: center
  30. }
  31. .dw-persp,
  32. .dwo {
  33. width: 100%;
  34. height: 100%;
  35. position: absolute;
  36. top: 0;
  37. left: 0;
  38. z-index: 1001
  39. }
  40. .dwo {
  41. background: #000;
  42. opacity: .7;
  43. filter: Alpha(Opacity=70)
  44. }
  45. .dw-bubble .dw {
  46. margin: 20px 0
  47. }
  48. .dw-bubble .dw-arrw {
  49. position: absolute;
  50. left: 0;
  51. width: 100%
  52. }
  53. .dw-bubble-top .dw-arrw {
  54. bottom: -36px
  55. }
  56. .dw-bubble-bottom .dw-arrw {
  57. top: -36px
  58. }
  59. .dw-bubble .dw-arrw-i {
  60. margin: 0 30px;
  61. position: relative;
  62. height: 36px
  63. }
  64. .dw-bubble .dw-arr {
  65. display: block
  66. }
  67. .dw-arr {
  68. display: none;
  69. position: absolute;
  70. left: 0;
  71. width: 0;
  72. height: 0;
  73. border-width: 18px 18px;
  74. border-style: solid;
  75. margin-left: -18px
  76. }
  77. .dw-bubble-bottom .dw-arr {
  78. top: 0;
  79. border-color: transparent transparent #fff transparent
  80. }
  81. .dw-bubble-top .dw-arr {
  82. bottom: 0;
  83. border-color: #fff transparent transparent transparent
  84. }
  85. .dwc {
  86. padding: 30px 2px 5px 2px;
  87. display: inline-block
  88. }
  89. .dwl {
  90. text-align: center;
  91. line-height: 30px;
  92. height: 30px;
  93. white-space: nowrap;
  94. position: absolute;
  95. top: -30px;
  96. width: 100%
  97. }
  98. .dwv {
  99. padding: 10px 0;
  100. border-bottom: 1px solid #000
  101. }
  102. .dw-hidden {
  103. width: 0;
  104. height: 0;
  105. margin: 0;
  106. padding: 0;
  107. border: 0;
  108. overflow: hidden
  109. }
  110. .dwrc {
  111. -webkit-border-radius: 3px;
  112. border-radius: 3px
  113. }
  114. .dwwc {
  115. margin: 0;
  116. padding: 0 2px;
  117. position: relative;
  118. background: #000;
  119. zoom: 1
  120. }
  121. .dwwl {
  122. margin: 4px 2px;
  123. padding: 0 2px;
  124. position: relative;
  125. z-index: 5
  126. }
  127. .dwww {
  128. position: relative;
  129. padding: 1px
  130. }
  131. .dww {
  132. overflow: hidden;
  133. position: relative;
  134. z-index: 2
  135. }
  136. .dw-moz .dww {
  137. opacity: .99
  138. }
  139. .dwsc .dwwl {
  140. background: #888;
  141. background: linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
  142. background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.50, #888), color-stop(0.65, #333), to(#000));
  143. background: -webkit-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
  144. background: -moz-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%)
  145. }
  146. .dwsc .dww {
  147. color: #fff;
  148. background: #444;
  149. background: linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
  150. background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000));
  151. background: -webkit-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
  152. background: -moz-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%)
  153. }
  154. .dw-bf {
  155. -webkit-perspective: 1000;
  156. -webkit-backface-visibility: hidden
  157. }
  158. .dw-ul {
  159. position: relative;
  160. z-index: 2
  161. }
  162. .dw-li {
  163. padding: 0 5px;
  164. display: block;
  165. text-align: center;
  166. line-height: 40px;
  167. font-size: 26px;
  168. white-space: nowrap;
  169. text-shadow: 0 1px 1px #000;
  170. vertical-align: bottom;
  171. opacity: .3;
  172. filter: Alpha(Opacity=30)
  173. }
  174. .dw-li.dw-hl {
  175. background: #fff;
  176. background: rgba(255, 255, 255, .3)
  177. }
  178. .dw-li.dw-v {
  179. opacity: 1;
  180. filter: Alpha(Opacity=100)
  181. }
  182. .dw-li.dw-h {
  183. visibility: hidden
  184. }
  185. .dw-i {
  186. position: relative;
  187. height: 100%
  188. }
  189. .dwwb {
  190. position: absolute;
  191. z-index: 4;
  192. left: 0;
  193. cursor: pointer;
  194. width: 100%;
  195. height: 40px;
  196. text-align: center;
  197. opacity: 1;
  198. transition: opacity .2s linear;
  199. -webkit-transition: opacity .2s linear
  200. }
  201. .dwa .dwwb {
  202. opacity: 0
  203. }
  204. .dwwbp {
  205. top: 0;
  206. -webkit-border-radius: 3px 3px 0 0;
  207. border-radius: 3px 3px 0 0;
  208. font-size: 40px
  209. }
  210. .dwwbm {
  211. bottom: 0;
  212. -webkit-border-radius: 0 0 3px 3px;
  213. border-radius: 0 0 3px 3px;
  214. font-size: 32px;
  215. font-weight: bold
  216. }
  217. .dwpm .dwwc {
  218. background: transparent
  219. }
  220. .dwpm .dwwl {
  221. padding: 0
  222. }
  223. .dwpm .dw-li {
  224. text-shadow: none
  225. }
  226. .dwpm .dwwol {
  227. display: none
  228. }
  229. .dwwo {
  230. position: absolute;
  231. z-index: 3;
  232. top: 0;
  233. left: 0;
  234. width: 100%;
  235. height: 100%;
  236. background: linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
  237. background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(#000));
  238. background: -webkit-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
  239. background: -moz-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
  240. pointer-events: none
  241. }
  242. .dwwol {
  243. position: absolute;
  244. z-index: 1;
  245. top: 50%;
  246. left: 0;
  247. width: 100%;
  248. height: 0;
  249. margin-top: -1px;
  250. border-top: 1px solid #333;
  251. border-bottom: 1px solid #555;
  252. pointer-events: none
  253. }
  254. .dwbg .dwb {
  255. cursor: pointer;
  256. overflow: hidden;
  257. display: block;
  258. height: 40px;
  259. line-height: 40px;
  260. padding: 0 15px;
  261. margin: 0 2px;
  262. font-size: 14px;
  263. font-weight: bold;
  264. text-decoration: none;
  265. text-shadow: 0 -1px 1px #000;
  266. border-radius: 5px;
  267. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  268. color: #fff;
  269. background: #000;
  270. background: linear-gradient(#6e6e6e 50%, #000 50%);
  271. background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #6e6e6e));
  272. background: -webkit-linear-gradient(#6e6e6e 50%, #000 50%);
  273. background: -moz-linear-gradient(#6e6e6e 50%, #000 50%);
  274. white-space: nowrap;
  275. text-overflow: ellipsis;
  276. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  277. -webkit-border-radius: 5px;
  278. -webkit-backface-visibility: hidden
  279. }
  280. .dwbc {
  281. padding: 5px 0;
  282. text-align: center
  283. }
  284. .dwbw {
  285. display: inline-block;
  286. width: 50%;
  287. position: relative;
  288. z-index: 5
  289. }
  290. .dwbc-p .dwbw {
  291. width: 33.33%
  292. }
  293. .dwhl {
  294. padding-top: 10px
  295. }
  296. .dwhl .dwl {
  297. display: none
  298. }
  299. .dwms .dwwms .dw-li {
  300. padding: 0 40px;
  301. position: relative
  302. }
  303. .dwms .dw-msel:after {
  304. width: 40px;
  305. text-align: center;
  306. position: absolute;
  307. top: 0;
  308. left: 0;
  309. content: '✔'
  310. }
  311. .dwbg {
  312. background: #fff;
  313. border-radius: 3px;
  314. -webkit-border-radius: 3px
  315. }
  316. .dwbg .dwpm .dwwl {
  317. border: 1px solid #aaa
  318. }
  319. .dwbg .dwpm .dww {
  320. color: #000;
  321. background: #fff;
  322. -webkit-border-radius: 3px
  323. }
  324. .dwbg .dwwb {
  325. background: #ccc;
  326. color: #888;
  327. text-shadow: 0 -1px 1px #333;
  328. box-shadow: 0 0 5px #333;
  329. -webkit-box-shadow: 0 0 5px #333
  330. }
  331. .dwbg .dwwbp {
  332. background: linear-gradient(#f7f7f7, #bdbdbd);
  333. background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
  334. background: -webkit-linear-gradient(#f7f7f7, #bdbdbd);
  335. background: -moz-linear-gradient(#f7f7f7, #bdbdbd)
  336. }
  337. .dwbg .dwwbm {
  338. background: linear-gradient(#bdbdbd, #f7f7f7);
  339. background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
  340. background: -webkit-linear-gradient(#bdbdbd, #f7f7f7);
  341. background: -moz-linear-gradient(#bdbdbd, #f7f7f7)
  342. }
  343. .dwbg .dwbc {
  344. font-size: 0
  345. }
  346. .dwbg .dwb-a {
  347. background: #3c7500;
  348. background: linear-gradient(#94c840 50%, #3c7500 50%);
  349. background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3c7500), color-stop(0.5, #94c840));
  350. background: -webkit-linear-gradient(#94c840 50%, #3c7500 50%);
  351. background: -moz-linear-gradient(#94c840 50%, #3c7500 50%)
  352. }
  353. .dwbg .dwwl .dwb-a {
  354. background: #3c7500;
  355. background: linear-gradient(#94c840, #3c7500);
  356. background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
  357. background: -webkit-linear-gradient(#94c840, #3c7500);
  358. background: -moz-linear-gradient(#94c840, #3c7500)
  359. }
  360. .dw-trans .dw-persp {
  361. overflow: hidden;
  362. perspective: 1000px;
  363. -webkit-perspective: 1000px;
  364. -moz-perspective: 1000px
  365. }
  366. .dw-trans .dwwb,
  367. .dw-trans .dwwo {
  368. -webkit-backface-visibility: hidden
  369. }
  370. .dw-in,
  371. .dw-out {
  372. animation-duration: 350ms;
  373. -webkit-animation-duration: 350ms;
  374. -moz-animation-duration: 350ms
  375. }
  376. .dw-in {
  377. animation-timing-function: ease-out;
  378. -webkit-animation-timing-function: ease-out;
  379. -moz-animation-timing-function: ease-out
  380. }
  381. .dw-out {
  382. animation-timing-function: ease-in;
  383. -webkit-animation-timing-function: ease-in;
  384. -moz-animation-timing-function: ease-in
  385. }
  386. .dw-flip,
  387. .dw-swing,
  388. .dw-slidehorizontal,
  389. .dw-slidevertical,
  390. .dw-slidedown,
  391. .dw-slideup,
  392. .dw-fade {
  393. backface-visibility: hidden;
  394. transform: translateX(0);
  395. -webkit-backface-visibility: hidden;
  396. -webkit-transform: translateX(0);
  397. -moz-backface-visibility: hidden;
  398. -moz-transform: translateX(0)
  399. }
  400. .dw-swing,
  401. .dw-slidehorizontal,
  402. .dw-slidevertical,
  403. .dw-slidedown,
  404. .dw-slideup,
  405. .dw-fade {
  406. transform-origin: 0 0;
  407. -webkit-transform-origin: 0 0;
  408. -moz-transform-origin: 0 0
  409. }
  410. .dw-flip,
  411. .dw-pop {
  412. transform-origin: 50% 50%;
  413. -webkit-transform-origin: 50% 50%;
  414. -moz-transform-origin: 50% 50%
  415. }
  416. .dw-pop.dw-in {
  417. opacity: 1;
  418. transform: scale(1);
  419. animation-name: dw-p-in;
  420. -webkit-animation-name: dw-p-in;
  421. -webkit-transform: scale(1);
  422. -moz-animation-name: dw-p-in;
  423. -moz-transform: scale(1)
  424. }
  425. .dw-pop.dw-out {
  426. opacity: 0;
  427. animation-name: dw-p-out;
  428. -webkit-animation-name: dw-p-out;
  429. -moz-animation-name: dw-p-out
  430. }
  431. .dw-flip.dw-in {
  432. opacity: 1;
  433. transform: scale(1);
  434. animation-name: dw-fl-in;
  435. -webkit-animation-name: dw-fl-in;
  436. -webkit-transform: scale(1);
  437. -moz-animation-name: dw-fl-in;
  438. -moz-transform: scale(1)
  439. }
  440. .dw-flip.dw-out {
  441. opacity: 0;
  442. animation-name: dw-fl-out;
  443. -webkit-animation-name: dw-fl-out;
  444. -moz-animation-name: dw-fl-out
  445. }
  446. .dw-swing.dw-in {
  447. opacity: 1;
  448. transform: scale(1);
  449. animation-name: dw-sw-in;
  450. -webkit-animation-name: dw-sw-in;
  451. -webkit-transform: scale(1);
  452. -moz-animation-name: dw-sw-in;
  453. -moz-transform: scale(1)
  454. }
  455. .dw-swing.dw-out {
  456. opacity: 0;
  457. animation-name: dw-sw-out;
  458. -webkit-animation-name: dw-sw-out;
  459. -moz-animation-name: dw-sw-out
  460. }
  461. .dw-slidehorizontal.dw-in {
  462. opacity: 1;
  463. transform: scale(1);
  464. animation-name: dw-sh-in;
  465. -webkit-animation-name: dw-sh-in;
  466. -webkit-transform: scale(1);
  467. -moz-animation-name: dw-sh-in;
  468. -moz-transform: scale(1)
  469. }
  470. .dw-slidehorizontal.dw-out {
  471. opacity: 0;
  472. animation-name: dw-sh-out;
  473. -webkit-animation-name: dw-sh-out;
  474. -moz-animation-name: dw-sh-out
  475. }
  476. .dw-slidevertical.dw-in {
  477. opacity: 1;
  478. animation-name: dw-dw-sv-in;
  479. transform: scale(1);
  480. -webkit-animation-name: dw-dw-sv-in;
  481. -webkit-transform: scale(1);
  482. -moz-animation-name: dw-dw-sv-in;
  483. -moz-transform: scale(1)
  484. }
  485. .dw-slidevertical.dw-out {
  486. opacity: 0;
  487. animation-name: dw-sv-out;
  488. -webkit-animation-name: dw-sv-out;
  489. -moz-animation-name: dw-sv-out
  490. }
  491. .dw-slidedown.dw-in {
  492. animation-name: dw-sd-in;
  493. transform: scale(1);
  494. -webkit-animation-name: dw-sd-in;
  495. -webkit-transform: scale(1);
  496. -moz-animation-name: dw-sd-in;
  497. -moz-transform: scale(1)
  498. }
  499. .dw-slidedown.dw-out {
  500. animation-name: dw-sd-out;
  501. -webkit-animation-name: dw-sd-out;
  502. -webkit-transform: translateY(-100%);
  503. -moz-animation-name: dw-sd-out;
  504. -moz-transform: translateY(-100%)
  505. }
  506. .dw-slideup.dw-in {
  507. transform: scale(1);
  508. animation-name: dw-su-in;
  509. -webkit-animation-name: dw-su-in;
  510. -webkit-transform: scale(1);
  511. -moz-animation-name: dw-su-in;
  512. -moz-transform: scale(1)
  513. }
  514. .dw-slideup.dw-out {
  515. animation-name: dw-su-out;
  516. -webkit-animation-name: dw-su-out;
  517. -webkit-transform: translateY(100%);
  518. -moz-animation-name: dw-su-out;
  519. -moz-transform: translateY(100%)
  520. }
  521. .dw-fade.dw-in {
  522. opacity: 1;
  523. animation-name: dw-f-in;
  524. -webkit-animation-name: dw-f-in;
  525. -moz-animation-name: dw-f-in
  526. }
  527. .dw-fade.dw-out {
  528. opacity: 0;
  529. animation-name: dw-f-out;
  530. -webkit-animation-name: dw-f-out;
  531. -moz-animation-name: dw-f-out
  532. }
  533. @keyframes dw-f-in {
  534. from {
  535. opacity: 0
  536. }
  537. to {
  538. opacity: 1
  539. }
  540. }
  541. @-webkit-keyframes dw-f-in {
  542. from {
  543. opacity: 0
  544. }
  545. to {
  546. opacity: 1
  547. }
  548. }
  549. @-moz-keyframes dw-f-in {
  550. from {
  551. opacity: 0
  552. }
  553. to {
  554. opacity: 1
  555. }
  556. }
  557. @keyframes dw-f-out {
  558. from {
  559. opacity: 1
  560. }
  561. to {
  562. opacity: 0
  563. }
  564. }
  565. @-webkit-keyframes dw-f-out {
  566. from {
  567. opacity: 1
  568. }
  569. to {
  570. opacity: 0
  571. }
  572. }
  573. @-moz-keyframes dw-f-out {
  574. from {
  575. opacity: 1
  576. }
  577. to {
  578. opacity: 0
  579. }
  580. }
  581. @keyframes dw-p-in {
  582. from {
  583. opacity: 0;
  584. transform: scale(0.8)
  585. }
  586. to {
  587. opacity: 1;
  588. transform: scale(1)
  589. }
  590. }
  591. @-webkit-keyframes dw-p-in {
  592. from {
  593. opacity: 0;
  594. -webkit-transform: scale(0.8)
  595. }
  596. to {
  597. opacity: 1;
  598. -webkit-transform: scale(1)
  599. }
  600. }
  601. @-moz-keyframes dw-p-in {
  602. from {
  603. opacity: 0;
  604. -moz-transform: scale(0.8)
  605. }
  606. to {
  607. opacity: 1;
  608. -moz-transform: scale(1)
  609. }
  610. }
  611. @keyframes dw-p-out {
  612. from {
  613. opacity: 1;
  614. transform: scale(1)
  615. }
  616. to {
  617. opacity: 0;
  618. transform: scale(0.8)
  619. }
  620. }
  621. @-webkit-keyframes dw-p-out {
  622. from {
  623. opacity: 1;
  624. -webkit-transform: scale(1)
  625. }
  626. to {
  627. opacity: 0;
  628. -webkit-transform: scale(0.8)
  629. }
  630. }
  631. @-moz-keyframes dw-p-out {
  632. from {
  633. opacity: 1;
  634. -moz-transform: scale(1)
  635. }
  636. to {
  637. opacity: 0;
  638. -moz-transform: scale(0.8)
  639. }
  640. }
  641. @keyframes dw-fl-in {
  642. from {
  643. opacity: 0;
  644. transform: rotateY(90deg)
  645. }
  646. to {
  647. opacity: 1;
  648. transform: rotateY(0)
  649. }
  650. }
  651. @-webkit-keyframes dw-fl-in {
  652. from {
  653. opacity: 0;
  654. -webkit-transform: rotateY(90deg)
  655. }
  656. to {
  657. opacity: 1;
  658. -webkit-transform: rotateY(0)
  659. }
  660. }
  661. @-moz-keyframes dw-fl-in {
  662. from {
  663. opacity: 0;
  664. -moz-transform: rotateY(90deg)
  665. }
  666. to {
  667. opacity: 1;
  668. -moz-transform: rotateY(0)
  669. }
  670. }
  671. @keyframes dw-fl-out {
  672. from {
  673. opacity: 1;
  674. transform: rotateY(0deg)
  675. }
  676. to {
  677. opacity: 0;
  678. transform: rotateY(-90deg)
  679. }
  680. }
  681. @-webkit-keyframes dw-fl-out {
  682. from {
  683. opacity: 1;
  684. -webkit-transform: rotateY(0deg)
  685. }
  686. to {
  687. opacity: 0;
  688. -webkit-transform: rotateY(-90deg)
  689. }
  690. }
  691. @-moz-keyframes dw-fl-out {
  692. from {
  693. opacity: 1;
  694. -moz-transform: rotateY(0deg)
  695. }
  696. to {
  697. opacity: 0;
  698. -moz-transform: rotateY(-90deg)
  699. }
  700. }
  701. @keyframes dw-sw-in {
  702. from {
  703. opacity: 0;
  704. transform: rotateY(-90deg)
  705. }
  706. to {
  707. opacity: 1;
  708. transform: rotateY(0deg)
  709. }
  710. }
  711. @-webkit-keyframes dw-sw-in {
  712. from {
  713. opacity: 0;
  714. -webkit-transform: rotateY(-90deg)
  715. }
  716. to {
  717. opacity: 1;
  718. -webkit-transform: rotateY(0deg)
  719. }
  720. }
  721. @-moz-keyframes dw-sw-in {
  722. from {
  723. opacity: 0;
  724. -moz-transform: rotateY(-90deg)
  725. }
  726. to {
  727. opacity: 1;
  728. -moz-transform: rotateY(0deg)
  729. }
  730. }
  731. @keyframes dw-sw-out {
  732. from {
  733. opacity: 1;
  734. transform: rotateY(0deg)
  735. }
  736. to {
  737. opacity: 0;
  738. transform: rotateY(-90deg)
  739. }
  740. }
  741. @-webkit-keyframes dw-sw-out {
  742. from {
  743. opacity: 1;
  744. -webkit-transform: rotateY(0deg)
  745. }
  746. to {
  747. opacity: 0;
  748. -webkit-transform: rotateY(-90deg)
  749. }
  750. }
  751. @-moz-keyframes dw-sw-out {
  752. from {
  753. opacity: 1;
  754. -moz-transform: rotateY(0deg)
  755. }
  756. to {
  757. opacity: 0;
  758. -moz-transform: rotateY(-90deg)
  759. }
  760. }
  761. @keyframes dw-sh-in {
  762. from {
  763. opacity: 0;
  764. transform: translateX(-100%)
  765. }
  766. to {
  767. opacity: 1;
  768. transform: translateX(0)
  769. }
  770. }
  771. @-webkit-keyframes dw-sh-in {
  772. from {
  773. opacity: 0;
  774. -webkit-transform: translateX(-100%)
  775. }
  776. to {
  777. opacity: 1;
  778. -webkit-transform: translateX(0)
  779. }
  780. }
  781. @-moz-keyframes dw-sh-in {
  782. from {
  783. opacity: 0;
  784. -moz-transform: translateX(-100%)
  785. }
  786. to {
  787. opacity: 1;
  788. -moz-transform: translateX(0)
  789. }
  790. }
  791. @keyframes dw-sh-out {
  792. from {
  793. opacity: 1;
  794. transform: translateX(0)
  795. }
  796. to {
  797. opacity: 0;
  798. transform: translateX(100%)
  799. }
  800. }
  801. @-webkit-keyframes dw-sh-out {
  802. from {
  803. opacity: 1;
  804. -webkit-transform: translateX(0)
  805. }
  806. to {
  807. opacity: 0;
  808. -webkit-transform: translateX(100%)
  809. }
  810. }
  811. @-moz-keyframes dw-sh-out {
  812. from {
  813. opacity: 1;
  814. -moz-transform: translateX(0)
  815. }
  816. to {
  817. opacity: 0;
  818. -moz-transform: translateX(100%)
  819. }
  820. }
  821. @keyframes dw-dw-sv-in {
  822. from {
  823. opacity: 0;
  824. transform: translateY(-100%)
  825. }
  826. to {
  827. opacity: 1;
  828. transform: translateY(0)
  829. }
  830. }
  831. @-webkit-keyframes dw-dw-sv-in {
  832. from {
  833. opacity: 0;
  834. -webkit-transform: translateY(-100%)
  835. }
  836. to {
  837. opacity: 1;
  838. -webkit-transform: translateY(0)
  839. }
  840. }
  841. @-moz-keyframes dw-dw-sv-in {
  842. from {
  843. opacity: 0;
  844. -moz-transform: translateY(-100%)
  845. }
  846. to {
  847. opacity: 1;
  848. -moz-transform: translateY(0)
  849. }
  850. }
  851. @keyframes dw-sv-out {
  852. from {
  853. opacity: 1;
  854. transform: translateY(0)
  855. }
  856. to {
  857. opacity: 0;
  858. transform: translateY(100%)
  859. }
  860. }
  861. @-webkit-keyframes dw-sv-out {
  862. from {
  863. opacity: 1;
  864. -webkit-transform: translateY(0)
  865. }
  866. to {
  867. opacity: 0;
  868. -webkit-transform: translateY(100%)
  869. }
  870. }
  871. @-moz-keyframes dw-sv-out {
  872. from {
  873. opacity: 1;
  874. -moz-transform: translateY(0)
  875. }
  876. to {
  877. opacity: 0;
  878. -moz-transform: translateY(100%)
  879. }
  880. }
  881. @keyframes dw-sd-in {
  882. from {
  883. transform: translateY(-100%)
  884. }
  885. to {
  886. transform: translateY(0)
  887. }
  888. }
  889. @-webkit-keyframes dw-sd-in {
  890. from {
  891. opacity: 1;
  892. -webkit-transform: translateY(-100%)
  893. }
  894. to {
  895. opacity: 1;
  896. -webkit-transform: translateY(0)
  897. }
  898. }
  899. @-moz-keyframes dw-sd-in {
  900. from {
  901. -moz-transform: translateY(-100%)
  902. }
  903. to {
  904. -moz-transform: translateY(0)
  905. }
  906. }
  907. @keyframes dw-sd-out {
  908. from {
  909. transform: translateY(0)
  910. }
  911. to {
  912. transform: translateY(-100%)
  913. }
  914. }
  915. @-webkit-keyframes dw-sd-out {
  916. from {
  917. opacity: 1;
  918. -webkit-transform: translateY(0)
  919. }
  920. to {
  921. opacity: 1;
  922. -webkit-transform: translateY(-100%)
  923. }
  924. }
  925. @-moz-keyframes dw-sd-out {
  926. from {
  927. -moz-transform: translateY(0)
  928. }
  929. to {
  930. -moz-transform: translateY(-100%)
  931. }
  932. }
  933. @keyframes dw-su-in {
  934. from {
  935. transform: translateY(100%)
  936. }
  937. to {
  938. transform: translateY(0)
  939. }
  940. }
  941. @-webkit-keyframes dw-su-in {
  942. from {
  943. opacity: 1;
  944. -webkit-transform: translateY(100%)
  945. }
  946. to {
  947. opacity: 1;
  948. -webkit-transform: translateY(0)
  949. }
  950. }
  951. @-moz-keyframes dw-su-in {
  952. from {
  953. -moz-transform: translateY(100%)
  954. }
  955. to {
  956. -moz-transform: translateY(0)
  957. }
  958. }
  959. @keyframes dw-su-out {
  960. from {
  961. transform: translateY(0)
  962. }
  963. to {
  964. transform: translateY(100%)
  965. }
  966. }
  967. @-webkit-keyframes dw-su-out {
  968. from {
  969. opacity: 1;
  970. -webkit-transform: translateY(0)
  971. }
  972. to {
  973. opacity: 1;
  974. -webkit-transform: translateY(100%)
  975. }
  976. }
  977. @-moz-keyframes dw-su-out {
  978. from {
  979. -moz-transform: translateY(0)
  980. }
  981. to {
  982. -moz-transform: translateY(100%)
  983. }
  984. }
  985. .android .dw {
  986. padding: 0;
  987. background: #000;
  988. border: 2px solid #555;
  989. color: #fff
  990. }
  991. .android .dwv {
  992. padding: 10px;
  993. border-bottom: 1px solid #333
  994. }
  995. .android .dwwr {
  996. padding: 0
  997. }
  998. .android .dww {
  999. top: 0
  1000. }
  1001. .android .dwwc {
  1002. background: #000
  1003. }
  1004. .android .dw .dwpm .dww,
  1005. .android .dw .dwpm .dwwl {
  1006. border: 0;
  1007. background: #fff
  1008. }
  1009. .android .dw .dwpm .dww {
  1010. margin: 0
  1011. }
  1012. .android .dwpm .dww .dw-li {
  1013. color: #000;
  1014. text-shadow: none
  1015. }
  1016. .android .dwbc {
  1017. padding: 5px 1px;
  1018. background: #9c9c9c
  1019. }
  1020. .android .dw .dwb {
  1021. margin: 0 5px;
  1022. background: #ccc;
  1023. background: linear-gradient(#eee, #ccc);
  1024. background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee));
  1025. background: -moz-linear-gradient(#eee, #ccc);
  1026. background: -o-linear-gradient(#eee, #ccc);
  1027. color: #000;
  1028. font-weight: normal;
  1029. text-shadow: none;
  1030. border-radius: 0;
  1031. -moz-border-radius: 0;
  1032. -webkit-border-radius: 0
  1033. }
  1034. .android .dw .dwb-a,
  1035. .android .dw .dwwl .dwb-a {
  1036. background: #ffb25a;
  1037. background: linear-gradient(#ffb25a, #ef6100);
  1038. background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a));
  1039. background: -moz-linear-gradient(#ffb25a, #ef6100);
  1040. background: -o-linear-gradient(#ffb25a, #ef6100)
  1041. }
  1042. .android .dw-bubble-bottom .dw-arr {
  1043. border-color: transparent transparent #000 transparent
  1044. }
  1045. .android .dw-bubble-top .dw-arr {
  1046. border-color: #9c9c9c transparent transparent transparent
  1047. }
  1048. .android.dw-top .dw,
  1049. .android.dw-bottom .dw {
  1050. border-right: 0;
  1051. border-left: 0
  1052. }
  1053. .android.dw-top .dw {
  1054. border-top: 0
  1055. }
  1056. .android.dw-bottom .dw {
  1057. border-bottom: 0
  1058. }
  1059. .android-ics .dw {
  1060. padding: 0;
  1061. color: #31b6e7;
  1062. background: #292829
  1063. }
  1064. .android-ics .dw .dwwc,
  1065. .android-ics .dw .dwwl,
  1066. .android-ics .dw .dww,
  1067. .android-ics .dw .dwb,
  1068. .android-ics .dw .dwpm .dww {
  1069. background: 0
  1070. }
  1071. .android-ics .dwwr {
  1072. padding: 0
  1073. }
  1074. .android-ics .dwc {
  1075. padding: 30px 10px 1px 10px
  1076. }
  1077. .android-ics .dwhl {
  1078. padding: 1px 10px
  1079. }
  1080. .android-ics .dwv {
  1081. height: 36px;
  1082. line-height: 36px;
  1083. padding: 0;
  1084. border-bottom: 2px solid #31b6e7;
  1085. font-size: 18px
  1086. }
  1087. .android-ics .dwwl {
  1088. margin: 0 2px
  1089. }
  1090. .android-ics .dww,
  1091. .android-ics .dw .dwpm .dwwl,
  1092. .android-ics .dw .dwpm .dww {
  1093. border: 0
  1094. }
  1095. .android-ics .dww .dw-li {
  1096. color: #fff;
  1097. font-size: 18px;
  1098. text-shadow: none
  1099. }
  1100. .android-ics .dww .dw-li.dw-hl {
  1101. background: #31b6e7;
  1102. background: rgba(49, 182, 231, .5)
  1103. }
  1104. .android-ics .dwwo {
  1105. background: linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  1106. background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828));
  1107. background: -moz-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  1108. background: -o-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%)
  1109. }
  1110. .android-ics .dw .dwwb {
  1111. background: #292829;
  1112. box-shadow: none;
  1113. -webkit-box-shadow: none
  1114. }
  1115. .android-ics .dwwb span {
  1116. display: none
  1117. }
  1118. .android-ics .dwwb:after {
  1119. position: absolute;
  1120. top: 50%;
  1121. left: 50%;
  1122. margin-top: -8px;
  1123. margin-left: -8px;
  1124. color: #7e7e7e;
  1125. width: 0;
  1126. height: 0;
  1127. border-width: 8px;
  1128. border-style: solid;
  1129. content: ''
  1130. }
  1131. .android-ics .dwwbm {
  1132. top: 0;
  1133. bottom: auto
  1134. }
  1135. .android-ics .dwwbp {
  1136. bottom: 0;
  1137. top: auto
  1138. }
  1139. .android-ics .dwwbm:after {
  1140. border-color: transparent transparent #7e7e7e transparent
  1141. }
  1142. .android-ics .dwwbp:after {
  1143. border-color: #7e7e7e transparent transparent transparent
  1144. }
  1145. .android-ics .dw .dwwl .dwb-a {
  1146. background: #292829
  1147. }
  1148. .android-ics .dwwbm.dwb-a:after {
  1149. border-color: transparent transparent #319abd transparent
  1150. }
  1151. .android-ics .dwwbp.dwb-a:after {
  1152. border-color: #319abd transparent transparent transparent
  1153. }
  1154. .android-ics .dw .dwwol {
  1155. width: 60%;
  1156. left: 20%;
  1157. height: 36px;
  1158. border-top: 2px solid #31b6e7;
  1159. border-bottom: 2px solid #31b6e7;
  1160. margin-top: -20px;
  1161. display: block
  1162. }
  1163. .android-ics .dwbc {
  1164. border-top: 1px solid #424542;
  1165. padding: 0
  1166. }
  1167. .android-ics .dw .dwb {
  1168. height: 36px;
  1169. line-height: 36px;
  1170. padding: 0;
  1171. margin: 0;
  1172. font-weight: normal;
  1173. text-shadow: none;
  1174. box-shadow: none;
  1175. border-radius: 0;
  1176. -webkit-border-radius: 0;
  1177. -webkit-box-shadow: none
  1178. }
  1179. .android-ics .dw .dwb-a {
  1180. background: #29799c
  1181. }
  1182. .android-ics .dwb-s .dwb,
  1183. .android-ics .dwb-n .dwb {
  1184. border-right: 1px solid #424542
  1185. }
  1186. .android-ics.dw-bottom .dw,
  1187. .android-ics.dw-top .dw {
  1188. border-radius: 0;
  1189. -webkit-border-radius: 0
  1190. }
  1191. .android-ics .dwwms .dwwol {
  1192. display: none
  1193. }
  1194. .android-ics .dwwms .dw-li {
  1195. padding-left: 5px;
  1196. padding-right: 36px
  1197. }
  1198. .android-ics .dwwms .dw-li:after {
  1199. content: '';
  1200. position: absolute;
  1201. top: 50%;
  1202. left: auto;
  1203. right: 10px;
  1204. width: 14px;
  1205. height: 14px;
  1206. margin-top: -9px;
  1207. color: #31b6e7;
  1208. line-height: 14px;
  1209. border: 1px solid #424542;
  1210. text-shadow: 0 0 5px #29799c
  1211. }
  1212. .android-ics .dwwms .dw-msel:after {
  1213. content: '✔'
  1214. }
  1215. .android-ics.light .dw {
  1216. background: #f5f5f5
  1217. }
  1218. .android-ics.light .dww .dw-li {
  1219. color: #000
  1220. }
  1221. .android-ics.light .dwwo {
  1222. background: linear-gradient(#f5f5f5 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%);
  1223. background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(#f5f5f5));
  1224. background: -moz-linear-gradient(#f5f5f5 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%);
  1225. background: -o-linear-gradient(#f5f5f5 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%)
  1226. }
  1227. .android-ics.light .dw .dwwb {
  1228. background: #f5f5f5;
  1229. color: #f5f5f5
  1230. }
  1231. .android-ics.light .dwbc {
  1232. border-top: 1px solid #dbdbdb
  1233. }
  1234. .android-ics.light .dwb {
  1235. color: #000
  1236. }
  1237. .android-ics.light .dwb-a {
  1238. color: #fff
  1239. }
  1240. .android-ics.light .dwb-s .dwb,
  1241. .android-ics.light .dwb-n .dwb {
  1242. border-right: 1px solid #dbdbdb
  1243. }
  1244. .android-ics .dw-bubble-bottom .dw-arr {
  1245. border-color: transparent transparent #292829 transparent
  1246. }
  1247. .android-ics .dw-bubble-top .dw-arr {
  1248. border-color: #292829 transparent transparent transparent
  1249. }
  1250. .android-ics.light .dw-bubble-bottom .dw-arr {
  1251. border-color: transparent transparent #f5f5f5 transparent
  1252. }
  1253. .android-ics.light .dw-bubble-top .dw-arr {
  1254. border-color: #f5f5f5 transparent transparent transparent
  1255. }
  1256. .android-ics.light .dwwms .dw-li:after {
  1257. text-shadow: 0 0 5px #31b6e7
  1258. }
  1259. .ios .dw {
  1260. min-width: 134px;
  1261. padding: 0;
  1262. border: 1px solid #2d3034;
  1263. background: 0;
  1264. color: #fff;
  1265. border-radius: 0;
  1266. -webkit-border-radius: 0
  1267. }
  1268. .ios .dwo {
  1269. background: 0
  1270. }
  1271. .ios .dwwr {
  1272. position: relative;
  1273. margin-top: 40px;
  1274. background: #50515d;
  1275. background: linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
  1276. background: -webkit-gradient(linear, left top, left bottom, from(#9f9fa6), color-stop(0.5, #484a55), color-stop(0.5, #272836), to(#282a39));
  1277. background: -webkit-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
  1278. background: -moz-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39)
  1279. }
  1280. .ios .dwi .dwwr {
  1281. margin-top: 0
  1282. }
  1283. .ios .dwv {
  1284. width: 0;
  1285. height: 0;
  1286. margin: 0;
  1287. padding: 0;
  1288. border: 0;
  1289. overflow: hidden
  1290. }
  1291. .ios .dwc {
  1292. padding: 30px 2px;
  1293. margin: 0
  1294. }
  1295. .ios .dwhl {
  1296. padding: 10px 2px
  1297. }
  1298. .ios .dwwc {
  1299. background: transparent
  1300. }
  1301. .ios .dwwl {
  1302. margin: 4px 0;
  1303. border-left: 1px solid #000;
  1304. border-right: 1px solid #000;
  1305. background: #cbcce0;
  1306. background: linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  1307. background: -webkit-gradient(linear, left bottom, left top, from(#2c2c38), color-stop(0.35, #cbcce0), color-stop(0.65, #cbcce0), to(#2c2c38));
  1308. background: -webkit-linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  1309. background: -moz-linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
  1310. box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  1311. -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3)
  1312. }
  1313. .ios td:first-child .dwwl {
  1314. border-top-left-radius: 3px;
  1315. border-bottom-left-radius: 3px;
  1316. -webkit-border-top-left-radius: 3px;
  1317. -webkit-border-bottom-left-radius: 3px
  1318. }
  1319. .ios td:last-child .dwwl {
  1320. border-top-right-radius: 3px;
  1321. border-bottom-right-radius: 3px;
  1322. -webkit-border-top-right-radius: 3px;
  1323. -webkit-border-bottom-right-radius: 3px
  1324. }
  1325. .ios .dwsc .dwwl {
  1326. border-radius: 0;
  1327. -webkit-border-radius: 0
  1328. }
  1329. .ios .dwsc .dww {
  1330. background: #fff;
  1331. background: linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
  1332. background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.10, #999), color-stop(0.30, #fff), color-stop(0.70, #fff), color-stop(0.90, #999), to(#333));
  1333. background: -webkit-linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
  1334. background: -moz-linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
  1335. border-radius: 0;
  1336. -webkit-border-radius: 0
  1337. }
  1338. .ios .dw .dwpm .dww {
  1339. background: linear-gradient(#333, #fff 48%, #fff 52%, #333);
  1340. background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.48, #fff), color-stop(0.52, #fff), to(#333));
  1341. background: -webkit-linear-gradient(#333 0, #fff 48%, #fff 52%, #333 100%);
  1342. background: -moz-linear-gradient(#333 0, #fff 48%, #fff 52%, #333 100%)
  1343. }
  1344. .ios .dw .dwpm .dwwl {
  1345. margin: 4px 2px;
  1346. border: 1px solid #000
  1347. }
  1348. .ios .dw .dwpm .dww {
  1349. margin: 0;
  1350. border: 0
  1351. }
  1352. .ios .dww .dw-li {
  1353. color: #000;
  1354. font-size: 20px;
  1355. font-weight: bold;
  1356. text-align: right;
  1357. text-shadow: none
  1358. }
  1359. .ios .dww .dw-li.dw-hl {
  1360. background: linear-gradient(#0288f3, #005de6);
  1361. background: -webkit-gradient(linear, left bottom, left top, from(#0288f3), to(#005de6));
  1362. background: -webkit-linear-gradient(#0288f3, #005de6);
  1363. background: -moz-linear-gradient(#0288f3, #005de6);
  1364. color: #fff
  1365. }
  1366. .ios .dwwo {
  1367. background: linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%);
  1368. background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(0.1, rgba(153, 153, 153, 0)), color-stop(0.9, rgba(153, 153, 153, 0)), to(#333));
  1369. background: -webkit-linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%);
  1370. background: -moz-linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%)
  1371. }
  1372. .ios .dwwol {
  1373. height: 28px;
  1374. padding: 1px;
  1375. margin-top: -16px;
  1376. border-color: #7b8699;
  1377. background: #6f75b0;
  1378. background: linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
  1379. background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgba(111, 117, 176, 0.5)), color-stop(0.5, rgba(151, 157, 197, 0.5)));
  1380. background: -webkit-linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
  1381. background: -moz-linear-gradient(rgba(151, 157, 197, 0.5) 50%, rgba(111, 117, 176, 0.5) 50%);
  1382. z-index: 10;
  1383. left: -1px;
  1384. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1385. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  1386. filter: alpha(opacity=50)
  1387. }
  1388. .ios .dww .dwwol {
  1389. display: none
  1390. }
  1391. .ios .dw .dwbc {
  1392. position: absolute;
  1393. top: -40px;
  1394. left: 0;
  1395. width: 100%;
  1396. height: 28px;
  1397. padding: 5px 0;
  1398. background: #454545;
  1399. background: linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
  1400. background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 0.7)), color-stop(0.5, rgba(37, 37, 37, 0.7)), color-stop(0.5, rgba(16, 16, 16, 0.7)), to(rgba(0, 0, 0, 0.7)));
  1401. background: -webkit-linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
  1402. background: -moz-linear-gradient(rgba(69, 69, 69, 0.7), rgba(37, 37, 37, 0.7) 50%, rgba(16, 16, 16, 0.7) 50%, rgba(0, 0, 0, 0.7));
  1403. border-bottom: 1px solid #888;
  1404. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  1405. border-top: 1px solid #888;
  1406. border-top: 1px solid rgba(255, 255, 255, 0.5)
  1407. }
  1408. .ios .dw .dwb {
  1409. margin: 0 5px;
  1410. padding: 0 10px;
  1411. display: inline-block;
  1412. font-size: 12px;
  1413. height: 26px;
  1414. line-height: 26px;
  1415. border: 1px solid #1f1f1f;
  1416. background: #1a1a1a;
  1417. background: linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
  1418. background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), color-stop(0.5, #1a1a1a), color-stop(0.5, #000));
  1419. background: -webkit-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
  1420. background: -moz-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
  1421. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  1422. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
  1423. }
  1424. .ios .dwb-s .dwb {
  1425. border: 1px solid #194aab;
  1426. background: #194aab;
  1427. background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
  1428. background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(0.5, #3162c4), color-stop(0.5, #194aab));
  1429. background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
  1430. background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%)
  1431. }
  1432. .ios .dwb-a {
  1433. opacity: .8;
  1434. filter: alpha(opacity=80)
  1435. }
  1436. .ios .dw .dwwb {
  1437. color: #fff;
  1438. border: 0;
  1439. background: #3f4e68;
  1440. background: linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
  1441. background: -webkit-gradient(linear, left bottom, left top, from(#3f4e68), color-stop(0.5, #75859f), color-stop(0.5, #808ea6), to(#c7d1e2));
  1442. background: -webkit-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
  1443. background: -moz-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%)
  1444. }
  1445. .ios .dw .dwwl .dwb-a {
  1446. background: #252c36;
  1447. background: linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
  1448. background: -webkit-gradient(linear, left bottom, left top, from(#252c36), color-stop(0.5, #171e28), color-stop(0.5, #272e38), to(#6b6e75));
  1449. background: -webkit-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
  1450. background: -moz-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%)
  1451. }
  1452. .ios .dwb-s,
  1453. .ios .dwb-n {
  1454. width: auto;
  1455. float: right;
  1456. text-align: right
  1457. }
  1458. .ios .dwb-c {
  1459. width: auto;
  1460. float: left;
  1461. text-align: left
  1462. }
  1463. .ios.dw-bubble .dw {
  1464. padding: 6px;
  1465. background: #afafaf;
  1466. background: linear-gradient(#afafaf, #1b2530 30%);
  1467. background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), color-stop(0.3, #1b2530));
  1468. background: -webkit-linear-gradient(#afafaf, #1b2530 30%);
  1469. background: -moz-linear-gradient(#afafaf, #1b2530 30%);
  1470. box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
  1471. border-radius: 5px;
  1472. -webkit-border-radius: 5px;
  1473. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7)
  1474. }
  1475. .ios .dw-bubble-bottom .dw-arr {
  1476. border-color: transparent transparent #2d3034 transparent
  1477. }
  1478. .ios .dw-bubble-bottom .dw-arr:after {
  1479. content: '';
  1480. position: absolute;
  1481. top: -16px;
  1482. left: -17px;
  1483. border: 17px solid #afafaf;
  1484. border-color: transparent transparent #afafaf transparent
  1485. }
  1486. .ios .dw-bubble-top .dw-arr {
  1487. border-color: #1b2530 transparent transparent transparent
  1488. }
  1489. .ios .dwwms .dwwol {
  1490. display: none
  1491. }
  1492. .ios .dwwms .dw-li {
  1493. padding: 0 5px 0 30px;
  1494. text-align: left
  1495. }
  1496. .ios .dw-msel:after {
  1497. width: 30px
  1498. }
  1499. .ios .dww .dw-msel {
  1500. color: #215085
  1501. }
  1502. .jqm .dwo {
  1503. background: 0
  1504. }
  1505. .jqm .dw {
  1506. padding: 6px;
  1507. z-index: 1003
  1508. }
  1509. .jqm .dwv {
  1510. position: static;
  1511. width: auto;
  1512. padding: .7em 15px .7em 15px;
  1513. border: 0
  1514. }
  1515. .jqm .dwwr {
  1516. border: 0;
  1517. padding: 0
  1518. }
  1519. .jqm .dwpm .dwwo {
  1520. background: 0
  1521. }
  1522. .jqm .dwc {
  1523. padding: 30px 5px 5px 5px
  1524. }
  1525. .jqm .dwhl {
  1526. padding: 5px
  1527. }
  1528. .jqm .dwwb {
  1529. margin: 0;
  1530. border: 0
  1531. }
  1532. .jqm .dwwb span {
  1533. padding: 0
  1534. }
  1535. .jqm .dwwbp .ui-btn-inner {
  1536. font-size: 40px;
  1537. border-radius: 3px 3px 0 0;
  1538. -webkit-border-radius: 3px 3px 0 0;
  1539. -moz-border-radius: 3px 3px 0 0
  1540. }
  1541. .jqm .dwwbm .ui-btn-inner {
  1542. font-size: 32px;
  1543. border-radius: 0 0 3px 3px;
  1544. -webkit-border-radius: 0 0 3px 3px;
  1545. -moz-border-radius: 0 0 3px 3px
  1546. }
  1547. .jqm .dwwbp span {
  1548. font-weight: normal
  1549. }
  1550. .jqm .dwbc {
  1551. padding: 0
  1552. }
  1553. .jqm .dwbc .ui-btn {
  1554. margin: .5em 5px
  1555. }
  1556. .jqm .dwbc .ui-btn-inner {
  1557. font-size: 12px
  1558. }
  1559. .jqm .dwpm .dwl {
  1560. border: 0;
  1561. background: 0
  1562. }
  1563. .jqm .dw-bubble-bottom .dw-arr {
  1564. border-color: transparent transparent #444 transparent
  1565. }
  1566. .jqm .dw-bubble-top .dw-arr {
  1567. border-color: #222 transparent transparent transparent
  1568. }
  1569. .jqm.dw-bottom .dw,
  1570. .jqm.dw-top .dw {
  1571. padding: 0;
  1572. border-radius: 0;
  1573. -webkit-border-radius: 0;
  1574. -moz-border-radius: 0
  1575. }
  1576. .jqm.dw-top .dw {
  1577. border-right: 0;
  1578. border-top: 0;
  1579. border-left: 0
  1580. }
  1581. .jqm.dw-bottom .dw {
  1582. border-bottom: 0;
  1583. border-right: 0;
  1584. border-left: 0
  1585. }
  1586. .sense-ui .dw {
  1587. padding: 0;
  1588. background: #333;
  1589. border: 2px solid #fff;
  1590. color: #fff
  1591. }
  1592. .sense-ui .dwwr {
  1593. padding: 0
  1594. }
  1595. .sense-ui .dwv {
  1596. padding: 5px 10px;
  1597. border-bottom: 1px solid #666;
  1598. text-align: left
  1599. }
  1600. .sense-ui .dwwc {
  1601. background: #333
  1602. }
  1603. .sense-ui .dw .dwpm .dwwl,
  1604. .sense-ui .dw .dwpm .dww {
  1605. background: #fff;
  1606. border: 0;
  1607. padding: 0
  1608. }
  1609. .sense-ui .dwbc {
  1610. padding: 5px 1px;
  1611. background: #000;
  1612. background: linear-gradient(#666 50%, #000 50%);
  1613. background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #666));
  1614. background: -moz-linear-gradient(#666 50%, #000 50%);
  1615. background: -o-linear-gradient(#666 50%, #000 50%)
  1616. }
  1617. .sense-ui .dw .dwb {
  1618. margin: 0 5px;
  1619. border: 1px solid #333;
  1620. background: #222;
  1621. background: linear-gradient(#444, #000);
  1622. background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444));
  1623. background: -moz-linear-gradient(#444, #000);
  1624. background: -o-linear-gradient(#444, #000);
  1625. box-shadow: inset 0 0 5px #000
  1626. }
  1627. .sense-ui .dw .dwb-a {
  1628. background: #3c7500;
  1629. background: linear-gradient(#94c840, #3c7500);
  1630. background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
  1631. background: -moz-linear-gradient(#94c840, #3c7500);
  1632. background: -o-linear-gradient(#94c840, #3c7500)
  1633. }
  1634. .sense-ui.dw-top .dw {
  1635. border: 0;
  1636. border-radius: 0;
  1637. -webkit-border-radius: 0
  1638. }
  1639. .sense-ui.dw-bottom .dw {
  1640. border: 0;
  1641. border-top: 1px solid #666;
  1642. border-radius: 0;
  1643. -webkit-border-radius: 0
  1644. }
  1645. .wp .dw {
  1646. background: #1f1f1f;
  1647. border-radius: 0;
  1648. -webkit-border-radius: 0
  1649. }
  1650. .wp .dwwr {
  1651. padding: 10px
  1652. }
  1653. .wp .dwv {
  1654. width: 0;
  1655. height: 0;
  1656. margin: 0;
  1657. padding: 0;
  1658. border: 0;
  1659. overflow: hidden
  1660. }
  1661. .wp .dwc {
  1662. padding: 30px 0 0 0;
  1663. vertical-align: middle
  1664. }
  1665. .wp .dwhl {
  1666. padding: 0
  1667. }
  1668. .wp .dwwc {
  1669. padding: 3px;
  1670. background: 0
  1671. }
  1672. .wp .dwwl {
  1673. margin: 0;
  1674. padding: 0 2px;
  1675. background: 0
  1676. }
  1677. .wp .dwl {
  1678. color: #fff
  1679. }
  1680. .wp .dw .dwwl .dww {
  1681. background: 0;
  1682. border: 0;
  1683. color: #fff
  1684. }
  1685. .wp .dw-li {
  1686. position: relative;
  1687. padding: 0;
  1688. font-size: 26px;
  1689. letter-spacing: -1px;
  1690. text-align: left;
  1691. text-shadow: none;
  1692. opacity: 0;
  1693. box-sizing: border-box;
  1694. filter: Alpha(Opacity=0);
  1695. -webkit-box-sizing: border-box;
  1696. -moz-box-sizing: border-box
  1697. }
  1698. .wp .dw-i {
  1699. position: relative;
  1700. top: 4%;
  1701. height: 92%;
  1702. padding: 0 5px;
  1703. border: 1px solid #4c4c4c;
  1704. box-sizing: border-box;
  1705. -webkit-box-sizing: border-box;
  1706. -moz-box-sizing: border-box;
  1707. filter: inherit
  1708. }
  1709. .wp .wpa .dw-li,
  1710. .wp .dwa .dw-li {
  1711. opacity: .3;
  1712. filter: Alpha(Opacity=30)
  1713. }
  1714. .wp .wpa .dw-v,
  1715. .wp .dwa .dw-v,
  1716. .wp .wpam .dw-v {
  1717. opacity: 1;
  1718. filter: Alpha(Opacity=100)
  1719. }
  1720. .wp .dw-day,
  1721. .wp .dw-mon {
  1722. display: block;
  1723. color: #a9a9a9;
  1724. line-height: 18px;
  1725. font-size: 11px;
  1726. letter-spacing: normal;
  1727. position: absolute;
  1728. bottom: 0;
  1729. filter: inherit
  1730. }
  1731. .wp .dw-sel {
  1732. opacity: 1;
  1733. filter: Alpha(Opacity=100)
  1734. }
  1735. .wp .dw .dw-sel .dw-i {
  1736. color: #fff;
  1737. background: #4c4c4c
  1738. }
  1739. .wp .dw-sel .dw-day,
  1740. .wp .dw-sel .dw-mon {
  1741. color: #fff
  1742. }
  1743. .wp .dw-hl {
  1744. background: 0
  1745. }
  1746. .wp .dw-hl .dw-i {
  1747. background: #4c4c4c
  1748. }
  1749. .wp .dwa .dww .dw-sel .dw-i {
  1750. border: 1px solid #4c4c4c;
  1751. background-color: transparent
  1752. }
  1753. .wp .dwa .dw-day,
  1754. .wp .dwa .dw-month {
  1755. color: #a9a9a9
  1756. }
  1757. .wp .dwwo {
  1758. display: none
  1759. }
  1760. .wp .dwwol {
  1761. display: none
  1762. }
  1763. .wp .dwbc {
  1764. padding: 0
  1765. }
  1766. .wp .dwbw {
  1767. float: none;
  1768. width: auto
  1769. }
  1770. .wp .dw .dwb {
  1771. position: relative;
  1772. top: 0;
  1773. min-width: 32px;
  1774. display: inline-block;
  1775. height: 20px;
  1776. padding: 29px 5px 0 5px;
  1777. background: 0;
  1778. box-shadow: none;
  1779. line-height: 20px;
  1780. font-size: 11px;
  1781. font-weight: normal;
  1782. text-transform: lowercase;
  1783. text-shadow: none;
  1784. transition: top .1s linear;
  1785. -webkit-box-shadow: none;
  1786. -webkit-transition: top .1s linear;
  1787. -moz-transition: top .1s linear
  1788. }
  1789. .wp .dwb:after {
  1790. content: '';
  1791. position: absolute;
  1792. top: 3px;
  1793. left: 50%;
  1794. width: 26px;
  1795. height: 26px;
  1796. margin: 0 -13px;
  1797. background: url(wp_icons.png) center center no-repeat
  1798. }
  1799. .wp .dwb-s .dwb:after {
  1800. background-position: 0 0
  1801. }
  1802. .wp .dwb-c .dwb:after {
  1803. background-position: -26px 0
  1804. }
  1805. .wp .dwb-n .dwb:after {
  1806. background-position: -52px 0
  1807. }
  1808. .wp .dwb-s .dwb-a:after {
  1809. background-position: 0 -26px
  1810. }
  1811. .wp .dwb-c .dwb-a:after {
  1812. background-position: -26px -26px
  1813. }
  1814. .wp .dwb-n .dwb-a:after {
  1815. background-position: -52px -26px
  1816. }
  1817. .wp .dwb.dwb-a {
  1818. top: -3px
  1819. }
  1820. .wp .dw .dwwl .dwb-a {
  1821. background: #1f1f1f
  1822. }
  1823. .wp .dw .dwpm .dwwl {
  1824. border: 0
  1825. }
  1826. .wp .dw .dwwb {
  1827. background: #1f1f1f;
  1828. border-radius: 0;
  1829. box-shadow: none;
  1830. box-sizing: border-box;
  1831. color: #a9a9a9;
  1832. -webkit-box-shadow: none;
  1833. -webkit-border-radius: 0;
  1834. -webkit-box-sizing: border-box;
  1835. -moz-box-sizing: border-box
  1836. }
  1837. .wp .dwwb span {
  1838. position: absolute;
  1839. top: 50%;
  1840. left: 50%;
  1841. width: 26px;
  1842. height: 0;
  1843. padding-top: 26px;
  1844. overflow: hidden;
  1845. margin: -13px;
  1846. display: block;
  1847. background: url(wp_icons.png) center center no-repeat
  1848. }
  1849. .wp .dwwbp span {
  1850. background-position: -78px 0
  1851. }
  1852. .wp .dwwbp.dwb-a span {
  1853. background-position: -78px -26px
  1854. }
  1855. .wp .dwwbm span {
  1856. background-position: -104px 0
  1857. }
  1858. .wp .dwwbm.dwb-a span {
  1859. background-position: -104px -26px
  1860. }
  1861. .wp .dw-bubble-bottom .dw-arr {
  1862. border-color: transparent transparent #1f1f1f transparent
  1863. }
  1864. .wp .dw-bubble-top .dw-arr {
  1865. border-color: #1f1f1f transparent transparent transparent
  1866. }
  1867. .wp .dwwms .dw-li {
  1868. opacity: .3;
  1869. filter: Alpha(Opacity=30);
  1870. padding: 0 0 0 30px
  1871. }
  1872. .wp .dwwms .dw-v {
  1873. opacity: 1;
  1874. filter: Alpha(Opacity=100)
  1875. }
  1876. .wp .dwc .dwwms .dw-i,
  1877. .wp .dwc .dwwms .dw-sel .dw-i,
  1878. .wp .dwc .dwwms .dw-hl .dw-i,
  1879. .wp .dwc .dwwms.dwa .dw-sel .dw-i {
  1880. border: 0;
  1881. background: 0
  1882. }
  1883. .wp .dwwms .dw-li:after {
  1884. content: '';
  1885. position: absolute;
  1886. top: 50%;
  1887. left: 5px;
  1888. width: 20px;
  1889. height: 20px;
  1890. margin-top: -10px;
  1891. font-size: 18px;
  1892. line-height: 20px;
  1893. background: #4c4c4c;
  1894. color: #fff
  1895. }
  1896. .wp .dwwms .dw-msel:after {
  1897. content: '✔'
  1898. }
  1899. .wp.light .dw {
  1900. background: #dedede
  1901. }
  1902. .wp.light .dwv,
  1903. .wp.light .dwl,
  1904. .wp.light .dwb {
  1905. color: #000
  1906. }
  1907. .wp.light .dw-li {
  1908. color: #6b6b6b
  1909. }
  1910. .wp.light .dw-i {
  1911. border-color: #b5b5b5
  1912. }
  1913. .wp.light .dw-sel .dw-i {
  1914. background: #b5b5b5
  1915. }
  1916. .wp.light .dw-hl .dw-i {
  1917. color: #fff;
  1918. background: #b5b5b5
  1919. }
  1920. .wp.light .dw-day,
  1921. .wp.light .dw-mon {
  1922. color: #6b6b6b
  1923. }
  1924. .wp.light .dw-sel .dw-day,
  1925. .wp.light .dw-sel .dw-mon {
  1926. color: #fff
  1927. }
  1928. .wp.light .dw .dwa .dw-sel .dw-i {
  1929. color: #6b6b6b;
  1930. border: 1px solid #b5b5b5;
  1931. background-color: transparent
  1932. }
  1933. .wp.light .dw .dwc .dwa .dw-day,
  1934. .wp.light .dw .dwc .dwa .dw-mon {
  1935. color: #6b6b6b
  1936. }
  1937. .wp.light .dwb:after {
  1938. background-image: url(wp_icons_light.png)
  1939. }
  1940. .wp.light .dw .dwwb {
  1941. background: #dedede
  1942. }
  1943. .wp.light .dwwb span {
  1944. background-image: url(wp_icons_light.png)
  1945. }
  1946. .wp.light .dw-bubble-bottom .dw-arr {
  1947. border-color: transparent transparent #dedede transparent
  1948. }
  1949. .wp.light .dw-bubble-top .dw-arr {
  1950. border-color: #dedede transparent transparent transparent
  1951. }
  1952. .wp.light .dwc .dwwms .dw-i,
  1953. .wp.light .dwwms.dwa .dw-sel .dw-i {
  1954. border: 0;
  1955. background: 0;
  1956. color: #000
  1957. }
  1958. .wp.light .dwwms .dw-li:after {
  1959. background: #b5b5b5
  1960. }
  1961. .wp.light .wp-none .dwwms .dw-li:after {
  1962. color: #000
  1963. }
  1964. .wp.light .wp-none .dw-sel .dw-i,
  1965. .wp.light .wp-none .dw-hl .dw-i {
  1966. color: #000
  1967. }
  1968. .wp.light .wp-none .dw-day,
  1969. .wp.light .wp-none .dw-mon {
  1970. color: #6b6b6b
  1971. }
  1972. .wp .wp-lime .dw-sel .dw-i,
  1973. .wp .wp-lime .dw-hl .dw-i,
  1974. .wp .wp-lime .dwwms .dw-li:after {
  1975. background: #a4c400;
  1976. border-color: #a4c400
  1977. }
  1978. .wp .wp-green .dw-sel .dw-i,
  1979. .wp .wp-green .dw-hl .dw-i,
  1980. .wp .wp-green .dwwms .dw-li:after {
  1981. background: #60a917;
  1982. border-color: #60a917
  1983. }
  1984. .wp .wp-emerald .dw-sel .dw-i,
  1985. .wp .wp-emerald .dw-hl .dw-i,
  1986. .wp .wp-emerald .dwwms .dw-li:after {
  1987. background: #008a00;
  1988. border-color: #008a00
  1989. }
  1990. .wp .wp-teal .dw-sel .dw-i,
  1991. .wp .wp-teal .dw-hl .dw-i,
  1992. .wp .wp-teal .dwwms .dw-li:after {
  1993. background: #00aba9;
  1994. border-color: #00aba9
  1995. }
  1996. .wp .wp-cyan .dw-sel .dw-i,
  1997. .wp .wp-cyan .dw-hl .dw-i,
  1998. .wp .wp-cyan .dwwms .dw-li:after {
  1999. background: #1ba1e2;
  2000. border-color: #1ba1e2
  2001. }
  2002. .wp .wp-cobalt .dw-sel .dw-i,
  2003. .wp .wp-cobalt .dw-hl .dw-i,
  2004. .wp .wp-cobalt .dwwms .dw-li:after {
  2005. background: #0050ef;
  2006. border-color: #0050ef
  2007. }
  2008. .wp .wp-indigo .dw-sel .dw-i,
  2009. .wp .wp-indigo .dw-hl .dw-i,
  2010. .wp .wp-indigo .dwwms .dw-li:after {
  2011. background: #6a00ff;
  2012. border-color: #6a00ff
  2013. }
  2014. .wp .wp-violet .dw-sel .dw-i,
  2015. .wp .wp-violet .dw-hl .dw-i,
  2016. .wp .wp-violet .dwwms .dw-li:after {
  2017. background: #a0f;
  2018. border-color: #a0f
  2019. }
  2020. .wp .wp-pink .dw-sel .dw-i,
  2021. .wp .wp-pink .dw-hl .dw-i,
  2022. .wp .wp-pink .dwwms .dw-li:after {
  2023. background: #f472d0;
  2024. border-color: #f472d0
  2025. }
  2026. .wp .wp-magenta .dw-sel .dw-i,
  2027. .wp .wp-magenta .dw-hl .dw-i,
  2028. .wp .wp-magenta .dwwms .dw-li:after {
  2029. background: #d80073;
  2030. border-color: #d80073
  2031. }
  2032. .wp .wp-crimson .dw-sel .dw-i,
  2033. .wp .wp-crimson .dw-hl .dw-i,
  2034. .wp .wp-crimson .dwwms .dw-li:after {
  2035. background: #a20025;
  2036. border-color: #a20025
  2037. }
  2038. .wp .wp-red .dw-sel .dw-i,
  2039. .wp .wp-red .dw-hl .dw-i,
  2040. .wp .wp-red .dwwms .dw-li:after {
  2041. background: #e51400;
  2042. border-color: #e51400
  2043. }
  2044. .wp .wp-orange .dw-sel .dw-i,
  2045. .wp .wp-orange .dw-hl .dw-i,
  2046. .wp .wp-orange .dwwms .dw-li:after {
  2047. background: #fa6800;
  2048. border-color: #fa6800
  2049. }
  2050. .wp .wp-amber .dw-sel .dw-i,
  2051. .wp .wp-amber .dw-hl .dw-i,
  2052. .wp .wp-amber .dwwms .dw-li:after {
  2053. background: #f0a30a;
  2054. border-color: #f0a30a
  2055. }
  2056. .wp .wp-yellow .dw-sel .dw-i,
  2057. .wp .wp-yellow .dw-hl .dw-i,
  2058. .wp .wp-yellow .dwwms .dw-li:after {
  2059. background: #d8c100;
  2060. border-color: #d8c100
  2061. }
  2062. .wp .wp-brown .dw-sel .dw-i,
  2063. .wp .wp-brown .dw-hl .dw-i,
  2064. .wp .wp-brown .dwwms .dw-li:after {
  2065. background: #825a2c;
  2066. border-color: #825a2c
  2067. }
  2068. .wp .wp-olive .dw-sel .dw-i,
  2069. .wp .wp-olive .dw-hl .dw-i,
  2070. .wp .wp-olive .dwwms .dw-li:after {
  2071. background: #6d8764;
  2072. border-color: #6d8764
  2073. }
  2074. .wp .wp-steel .dw-sel .dw-i,
  2075. .wp .wp-steel .dw-hl .dw-i,
  2076. .wp .wp-steel .dwwms .dw-li:after {
  2077. background: #647687;
  2078. border-color: #647687
  2079. }
  2080. .wp .wp-mauve .dw-sel .dw-i,
  2081. .wp .wp-mauve .dw-hl .dw-i,
  2082. .wp .wp-mauve .dwwms .dw-li:after {
  2083. background: #76608a;
  2084. border-color: #76608a
  2085. }
  2086. .wp .wp-sienna .dw-sel .dw-i,
  2087. .wp .wp-sienna .dw-hl .dw-i,
  2088. .wp .wp-sienna .dwwms .dw-li:after {
  2089. background: #7a3b3f;
  2090. border-color: #7a3b3f
  2091. }