/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html {
  width: 100%;
  /*height: 100%;*/
  margin: 0 auto;
  font-family: 'Heiti SC', Tahoma, Arial, Droid, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  color: #333;
  font-size: 14px;
  background: white;
  /*增加弹性滚动,解决滚动不流畅的问题*/
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: scroll;
}


@supports ((height: constant(safe-area-inset-top)) or (height: env(safe-area-inset-top))) and (-webkit-overflow-scrolling: touch) {
  body {
    /* 适配齐刘海*/
    height: calc(100% - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
    height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    /* 兼容 */
    /* padding-top: env(safe-area-inset-top); */
    /* padding-top: calc(40px(原来的bottom值) + constant(safe-area-inset-top)); */
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

input,
button,
select,
textarea {
  outline: none
}

[hidden] {
  display: none !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.fr {
  float: right !important;
}

.fl {
  float: left !important;
}

.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.three-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.image-cover {
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}

/*a*/
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:focus,
a:hover {
  color: #333;
  text-decoration: none;
}

/*icon*/
.icon {
  width: 14px;
  height: 14px;
  fill: white;
  overflow: hidden;
}

.icon.lg {
  width: 22px;
  height: 22px;
}

.icon.sm {
  width: 8px;
  height: 8px;
}

/*color*/
.text-blue {
  color: #2aa7f6;
}

.text-red {
  color: #e71010 !important;
}

.text-green {
  color: #599c22 !important;
}

.text-blue {
  color: #216ec4 !important;
}

.text-brown {
  color: #e4a40b !important;
}

.text-yellow {
  color: #f5cf28 !important;
}

/*可撤单*/
.status-undo {
  color: #2c77ba !important
}

/*未开奖*/
.status-unlottery {
  color: #07d00b !important
}

/*已开奖*/
.status-lottery {
  color: #e2bc03 !important
}

/*已中奖*/
.status-win {
  color: #e71010 !important
}

/*未中奖*/
.status-lose {
  color: #908e8e !important
}

/*已撤单*/
.status-hasundo {
  color: #906944 !important
}

/*已打和*/
.status-tie {
  color: #b9cca6 !important
}

/*pk10*/
.pk10-01,
.pk10-1 {
  background-image: url(/static/img/cp/pk10/01.png);
}

.pk10-02,
.pk10-2 {
  background-image: url(/static/img/cp/pk10/02.png);
}

.pk10-03,
.pk10-3 {
  background-image: url(/static/img/cp/pk10/03.png);
}

.pk10-04,
.pk10-4 {
  background-image: url(/static/img/cp/pk10/04.png);
}

.pk10-05,
.pk10-5 {
  background-image: url(/static/img/cp/pk10/05.png);
}

.pk10-06,
.pk10-6 {
  background-image: url(/static/img/cp/pk10/06.png);
}

.pk10-07,
.pk10-7 {
  background-image: url(/static/img/cp/pk10/07.png);
}

.pk10-08,
.pk10-8 {
  background-image: url(/static/img/cp/pk10/08.png);
}

.pk10-09,
.pk10-9 {
  background-image: url(/static/img/cp/pk10/09.png);
}

.pk10-10,
.pk10-10 {
  background-image: url(/static/img/cp/pk10/10.png);
}

/* 扑克 */
.poker_-1 {
  border: 1px solid #eee;
  background-color: #fefefe;
}

.poker_3 {
  background: url(/static/img/cp/poker/poker_3.png) no-repeat;
}

.poker_2 {
  background: url(/static/img/cp/poker/poker_2.png) no-repeat;
}

.poker_1 {
  background: url(/static/img/cp/poker/poker_1.png) no-repeat;
}

.poker_0 {
  background: url(/static/img/cp/poker/poker_0.png) no-repeat;
}

.poker_7 {
  background: url(/static/img/cp/poker/poker_7.png) no-repeat;
}

.poker_6 {
  background: url(/static/img/cp/poker/poker_6.png) no-repeat;
}

.poker_5 {
  background: url(/static/img/cp/poker/poker_5.png) no-repeat;
}

.poker_4 {
  background: url(/static/img/cp/poker/poker_4.png) no-repeat;
}

.poker_11 {
  background: url(/static/img/cp/poker/poker_11.png) no-repeat;
}

.poker_10 {
  background: url(/static/img/cp/poker/poker_10.png) no-repeat;
}

.poker_9 {
  background: url(/static/img/cp/poker/poker_9.png) no-repeat;
}

.poker_8 {
  background: url(/static/img/cp/poker/poker_8.png) no-repeat;
}

.poker_15 {
  background: url(/static/img/cp/poker/poker_15.png) no-repeat;
}

.poker_14 {
  background: url(/static/img/cp/poker/poker_14.png) no-repeat;
}

.poker_13 {
  background: url(/static/img/cp/poker/poker_13.png) no-repeat;
}

.poker_12 {
  background: url(/static/img/cp/poker/poker_12.png) no-repeat;
}

.poker_19 {
  background: url(/static/img/cp/poker/poker_19.png) no-repeat;
}

.poker_18 {
  background: url(/static/img/cp/poker/poker_18.png) no-repeat;
}

.poker_17 {
  background: url(/static/img/cp/poker/poker_17.png) no-repeat;
}

.poker_16 {
  background: url(/static/img/cp/poker/poker_16.png) no-repeat;
}

.poker_23 {
  background: url(/static/img/cp/poker/poker_23.png) no-repeat;
}

.poker_22 {
  background: url(/static/img/cp/poker/poker_22.png) no-repeat;
}

.poker_21 {
  background: url(/static/img/cp/poker/poker_21.png) no-repeat;
}

.poker_20 {
  background: url(/static/img/cp/poker/poker_20.png) no-repeat;
}

.poker_27 {
  background: url(/static/img/cp/poker/poker_27.png) no-repeat;
}

.poker_26 {
  background: url(/static/img/cp/poker/poker_26.png) no-repeat;
}

.poker_25 {
  background: url(/static/img/cp/poker/poker_25.png) no-repeat;
}

.poker_24 {
  background: url(/static/img/cp/poker/poker_24.png) no-repeat;
}

.poker_31 {
  background: url(/static/img/cp/poker/poker_31.png) no-repeat;
}

.poker_30 {
  background: url(/static/img/cp/poker/poker_30.png) no-repeat;
}

.poker_29 {
  background: url(/static/img/cp/poker/poker_29.png) no-repeat;
}

.poker_28 {
  background: url(/static/img/cp/poker/poker_28.png) no-repeat;
}

.poker_35 {
  background: url(/static/img/cp/poker/poker_35.png) no-repeat;
}

.poker_34 {
  background: url(/static/img/cp/poker/poker_34.png) no-repeat;
}

.poker_33 {
  background: url(/static/img/cp/poker/poker_33.png) no-repeat;
}

.poker_32 {
  background: url(/static/img/cp/poker/poker_32.png) no-repeat;
}

.poker_39 {
  background: url(/static/img/cp/poker/poker_39.png) no-repeat;
}

.poker_38 {
  background: url(/static/img/cp/poker/poker_38.png) no-repeat;
}

.poker_37 {
  background: url(/static/img/cp/poker/poker_37.png) no-repeat;
}

.poker_36 {
  background: url(/static/img/cp/poker/poker_36.png) no-repeat;
}

.poker_43 {
  background: url(/static/img/cp/poker/poker_43.png) no-repeat;
}

.poker_42 {
  background: url(/static/img/cp/poker/poker_42.png) no-repeat;
}

.poker_41 {
  background: url(/static/img/cp/poker/poker_41.png) no-repeat;
}

.poker_40 {
  background: url(/static/img/cp/poker/poker_40.png) no-repeat;
}

.poker_47 {
  background: url(/static/img/cp/poker/poker_47.png) no-repeat;
}

.poker_46 {
  background: url(/static/img/cp/poker/poker_46.png) no-repeat;
}

.poker_45 {
  background: url(/static/img/cp/poker/poker_45.png) no-repeat;
}

.poker_44 {
  background: url(/static/img/cp/poker/poker_44.png) no-repeat;
}

.poker_51 {
  background: url(/static/img/cp/poker/poker_51.png) no-repeat;
}

.poker_50 {
  background: url(/static/img/cp/poker/poker_50.png) no-repeat;
}

.poker_49 {
  background: url(/static/img/cp/poker/poker_49.png) no-repeat;
}

.poker_48 {
  background: url(/static/img/cp/poker/poker_48.png) no-repeat;
}

/*dice*/
.dice-1 {
  background-image: url(../images/dice-1.png) !important;
}

.dice-2 {
  background-image: url(../images/dice-2.png) !important;
}

.dice-3 {
  background-image: url(../images/dice-3.png) !important;
}

.dice-4 {
  background-image: url(../images/dice-4.png) !important;
}

.dice-5 {
  background-image: url(../images/dice-5.png) !important;
}

.dice-6 {
  background-image: url(../images/dice-6.png) !important;
}

.mahjong-0 {
  background-image: url(/static/img/cp/mj/0.png);
}

.mahjong-1 {
  background-image: url(/static/img/cp/mj/1.png);
}

.mahjong-2 {
  background-image: url(/static/img/cp/mj/2.png);
}

.mahjong-3 {
  background-image: url(/static/img/cp/mj/3.png);
}

.mahjong-4 {
  background-image: url(/static/img/cp/mj/4.png);
}

.mahjong-5 {
  background-image: url(/static/img/cp/mj/5.png);
}

.mahjong-6 {
  background-image: url(/static/img/cp/mj/6.png);
}

.mahjong-7 {
  background-image: url(/static/img/cp/mj/7.png);
}

.mahjong-8 {
  background-image: url(/static/img/cp/mj/8.png);
}

.mahjong-9 {
  background-image: url(/static/img/cp/mj/9.png);
}

.mahjong-10 {
  background-image: url(/static/img/cp/mj/10.png);
}

.mahjong-11 {
  background-image: url(/static/img/cp/mj/11.png);
}

.mahjong-12 {
  background-image: url(/static/img/cp/mj/12.png);
}

.mahjong-13 {
  background-image: url(/static/img/cp/mj/13.png);
}

.mahjong-14 {
  background-image: url(/static/img/cp/mj/14.png);
}

.mahjong-15 {
  background-image: url(/static/img/cp/mj/15.png);
}

.mahjong-16 {
  background-image: url(/static/img/cp/mj/16.png);
}

.mahjong-17 {
  background-image: url(/static/img/cp/mj/17.png);
}

.mahjong-18 {
  background-image: url(/static/img/cp/mj/18.png);
}

.mahjong-19 {
  background-image: url(/static/img/cp/mj/19.png);
}

.mahjong-20 {
  background-image: url(/static/img/cp/mj/20.png);
}

.mahjong-21 {
  background-image: url(/static/img/cp/mj/21.png);
}

.mahjong-22 {
  background-image: url(/static/img/cp/mj/22.png);
}

.mahjong-23 {
  background-image: url(/static/img/cp/mj/23.png);
}

.mahjong-24 {
  background-image: url(/static/img/cp/mj/24.png);
}

.mahjong-25 {
  background-image: url(/static/img/cp/mj/25.png);
}

.mahjong-26 {
  background-image: url(/static/img/cp/mj/26.png);
}

.mahjong-27 {
  background-image: url(/static/img/cp/mj/27.png);
}

.mahjong-28 {
  background-image: url(/static/img/cp/mj/28.png);
}

.mahjong-29 {
  background-image: url(/static/img/cp/mj/29.png);
}

.mahjong-30 {
  background-image: url(/static/img/cp/mj/30.png);
}

.mahjong-31 {
  background-image: url(/static/img/cp/mj/31.png);
}

.mahjong-32 {
  background-image: url(/static/img/cp/mj/32.png);
}

.mahjong-33 {
  background-image: url(/static/img/cp/mj/33.png);
}

.mahjong-34 {
  background-image: url(/static/img/cp/mj/34.png);
}

.mahjong-35 {
  background-image: url(/static/img/cp/mj/35.png);
}

.mahjong-36 {
  background-image: url(/static/img/cp/mj/36.png);
}

.mahjong-37 {
  background-image: url(/static/img/cp/mj/37.png);
}

.mahjong-38 {
  background-image: url(/static/img/cp/mj/38.png);
}

.mahjong-39 {
  background-image: url(/static/img/cp/mj/39.png);
}

.mahjong-40 {
  background-image: url(/static/img/cp/mj/40.png);
}

.mahjong-41 {
  background-image: url(/static/img/cp/mj/41.png);
}

/*生肖*/
.shengxiao-0 {
  background-image: url(/static/img/cp/sx/0-small.png);
}

.shengxiao-1 {
  background-image: url(/static/img/cp/sx/1-small.png);
}

.shengxiao-2 {
  background-image: url(/static/img/cp/sx/2-small.png);
}

.shengxiao-3 {
  background-image: url(/static/img/cp/sx/3-small.png);
}

.shengxiao-4 {
  background-image: url(/static/img/cp/sx/4-small.png);
}

.shengxiao-5 {
  background-image: url(/static/img/cp/sx/5-small.png);
}

.shengxiao-6 {
  background-image: url(/static/img/cp/sx/6-small.png);
}

.shengxiao-7 {
  background-image: url(/static/img/cp/sx/7-small.png);
}

.shengxiao-8 {
  background-image: url(/static/img/cp/sx/8-small.png);
}

.shengxiao-9 {
  background-image: url(/static/img/cp/sx/9-small.png);
}

.shengxiao-10 {
  background-image: url(/static/img/cp/sx/10-small.png);
}

.shengxiao-11 {
  background-image: url(/static/img/cp/sx/11-small.png);
}

/*星座*/
.xingzuo-0 {
  background-image: url(/static/img/cp/xz/0-small.png);
}

.xingzuo-1 {
  background-image: url(/static/img/cp/xz/1-small.png);
}

.xingzuo-2 {
  background-image: url(/static/img/cp/xz/2-small.png);
}

.xingzuo-3 {
  background-image: url(/static/img/cp/xz/3-small.png);
}

.xingzuo-4 {
  background-image: url(/static/img/cp/xz/4-small.png);
}

.xingzuo-5 {
  background-image: url(/static/img/cp/xz/5-small.png);
}

.xingzuo-6 {
  background-image: url(/static/img/cp/xz/6-small.png);
}

.xingzuo-7 {
  background-image: url(/static/img/cp/xz/7-small.png);
}

.xingzuo-8 {
  background-image: url(/static/img/cp/xz/8-small.png);
}

.xingzuo-9 {
  background-image: url(/static/img/cp/xz/9-small.png);
}

.xingzuo-10 {
  background-image: url(/static/img/cp/xz/10-small.png);
}

.xingzuo-11 {
  background-image: url(/static/img/cp/xz/11-small.png);
}

/*石头剪刀布*/
.shijianbu-0 {
  background-image: url(/static/img/cp/sjb/0-c.png);
}

.shijianbu-1 {
  background-image: url(/static/img/cp/sjb/1-c.png);
}

.shijianbu-2 {
  background-image: url(/static/img/cp/sjb/2-c.png);
}

/*六合彩*/
.lhc-01,
.lhc-1,
.lhc-02,
.lhc-2,
.lhc-07,
.lhc-7,
.lhc-08,
.lhc-8,
.lhc-12,
.lhc-13,
.lhc-18,
.lhc-19,
.lhc-23,
.lhc-24,
.lhc-29,
.lhc-30,
.lhc-34,
.lhc-35,
.lhc-40,
.lhc-45,
.lhc-46,
.ball-red {
  background-image: url(/static/img/b_red.jpg) !important;
}

.lhc-03,
.lhc-3,
.lhc-04,
.lhc-4,
.lhc-09,
.lhc-9,
.lhc-10,
.lhc-14,
.lhc-15,
.lhc-20,
.lhc-25,
.lhc-26,
.lhc-31,
.lhc-36,
.lhc-37,
.lhc-41,
.lhc-42,
.lhc-47,
.lhc-48,
.ball-blue {
  background-image: url(/static/img/b_blue.jpg) !important;
}

.lhc-05,
.lhc-5,
.lhc-06,
.lhc-6,
.lhc-11,
.lhc-16,
.lhc-17,
.lhc-21,
.lhc-22,
.lhc-27,
.lhc-28,
.lhc-32,
.lhc-33,
.lhc-38,
.lhc-39,
.lhc-43,
.lhc-44,
.lhc-49,
.ball-green {
  background-image: url(/static/img/b_green.jpg) !important;
}

/*PC蛋蛋*/
.pcdd-1,
.pcdd-4,
.pcdd-7,
.pcdd-10,
.pcdd-13,
.pcdd-16,
.pcdd-19,
.pcdd-22,
.pcdd-25 {
  background-image: url(/static/img/b_green.jpg) !important;
}

.pcdd-2,
.pcdd-5,
.pcdd-8,
.pcdd-11,
.pcdd-14,
.pcdd-17,
.pcdd-20,
.pcdd-23,
.pcdd-26 {
  background-image: url(/static/img/b_blue.jpg) !important
}

.pcdd-0,
.pcdd-3,
.pcdd-6,
.pcdd-9,
.pcdd-12,
.pcdd-15,
.pcdd-18,
.pcdd-21,
.pcdd-24,
.pcdd-27 {
  background-image: url(/static/img/b_red.jpg) !important
}

/*深切哀悼*/
.filterGray {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

/*图片画廊*/
@keyframes closeWindow {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}

.ril__navButtons:hover {
  opacity: 1;
}

.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==') no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+') no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}

.ril__builtinButton:hover {
  opacity: 1;
}

.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}

.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=') no-repeat center;
}

.ril__zoomInButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center;
}

.ril__zoomOutButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=') no-repeat center;
}

.ril__outerAnimating {
  animation-name: closeWindow;
}

@keyframes pointFade {

  0%,
  19.999%,
  100% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}

.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}

.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}

.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}

.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}

.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}

.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}

.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}

.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}

.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}

.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}

.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}

.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}

.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}

.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}

.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}

.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}

.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}

.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}

.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}