@import url("https://fonts.googleapis.com/css?family=Sree+Krushnadevaraya&display=swap");
@import url("https://fonts.googleapis.com/css?family=Catamaran&display=swap");
:root {
  --margin: 110px;
  --background: #e2e2f5;
  --perspective: 1800px;
  --transition: transform 1s .2s, z-index 0s 0.5s;
  --yellow: #ffce14;
}

body .pages_page {
  width: 50%;
  position: absolute;
  right: 0px;
  height: 100%;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

* {
  box-sizing: border-box;
}

.overlay {
  background: rgba(255, 155, 0, 0.7019607843);
  position: fixed;
  width: 100%;
  pointer-events: none;
  height: 100%;
  z-index: -1;
}

body {
  margin: 0;
  padding: 0;
  background: var(--background);
  height: 100vh;
  overflow: hidden;
  font-family: 'Sree Krushnadevaraya', serif;
}
body .logo {
  font-size: 20px;
  padding: 33px 30px 30px 30px;
  line-height: 0;
  color: var(--yellow);
}
body .pages {
  width: calc(100% - var(--margin));
  height: calc(100% - var(--margin));
  /*height: calc(100% - 20px);*/
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-perspective: var(--perspective);
          perspective: var(--perspective);
  /*box-shadow: 0 41px 38px -20px #0a3150;*/
  max-width: 1200px;
  /*max-height: 650px;*/
}
body .pages input {
  display: none;
}

body .pages_page {
  pointer-events: none;
  float: right;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
body .pages_page:nth-of-type(1) {
  z-index: 27;
  transition: var(--transition);
}
body .pages_page:nth-of-type(2) {
  z-index: 26;
  transition: var(--transition);
}
body .pages_page:nth-of-type(3) {
  z-index: 25;
  transition: var(--transition);
}
body .pages_page:nth-of-type(4) {
  z-index: 24;
  transition: var(--transition);
}
body .pages_page:nth-of-type(5) {
  z-index: 23;
  transition: var(--transition);
}
body .pages_page:nth-of-type(6) {
  z-index: 22;
  transition: var(--transition);
}
body .pages_page:nth-of-type(7) {
  z-index: 21;
  transition: var(--transition);
}
body .pages_page:nth-of-type(8) {
  z-index: 20;
  transition: var(--transition);
}
body .pages_page:nth-of-type(9) {
  z-index: 19;
  transition: var(--transition);
}
body .pages_page:nth-of-type(10) {
  z-index: 18;
  transition: var(--transition);
}
body .pages_page:nth-of-type(11) {
  z-index: 17;
  transition: var(--transition);
}
body .pages_page:nth-of-type(12) {
  z-index: 16;
  transition: var(--transition);
}
body .pages_page:nth-of-type(13) {
  z-index: 15;
  transition: var(--transition);
}
body .pages_page:nth-of-type(14) {
  z-index: 14;
  transition: var(--transition);
}
body .pages_page:nth-of-type(15) {
  z-index: 13;
  transition: var(--transition);
}
body .pages_page:nth-of-type(16) {
  z-index: 12;
  transition: var(--transition);
}
body .pages_page:nth-of-type(17) {
  z-index: 11;
  transition: var(--transition);
}
body .pages_page:nth-of-type(18) {
  z-index: 10;
  transition: var(--transition);
}
body .pages_page:nth-of-type(19) {
  z-index: 9;
  transition: var(--transition);
}
body .pages_page:nth-of-type(20) {
  z-index: 8;
  transition: var(--transition);
}
body .pages_page:nth-of-type(21) {
  z-index: 7;
  transition: var(--transition);
}
body .pages_page:nth-of-type(22) {
  z-index: 6;
  transition: var(--transition);
}
body .pages_page:nth-of-type(23) {
  z-index: 5;
  transition: var(--transition);
}
body .pages_page:nth-of-type(24) {
  z-index: 4;
  transition: var(--transition);
}
body .pages_page:nth-of-type(25) {
  z-index: 3;
  transition: var(--transition);
}
body .pages_page:nth-of-type(26) {
  z-index: 2;
  transition: var(--transition);
}
body .pages_page:nth-of-type(27) {
  z-index: 1;
  transition: var(--transition);
}
body .pages_page:nth-of-type(28) {
  z-index: 0;
  transition: var(--transition);
}
body .pages_page:nth-of-type(1) {
  left: 0;
  z-index: 0;
  -webkit-transform: rotateY(0deg) !important;
  transform: rotateY(0deg) !important;
  pointer-events: none;
}
body .pages_page:nth-of-type(1) .pages_page__inner {
  -webkit-transform: rotateY(0deg) !important;
  transform: rotateY(0deg) !important;
}
body .pages_page:nth-of-type(2) {
  pointer-events: all;
}
body .pages_page:nth-of-type(odd) .pages_page__inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
body .pages_page:nth-of-type(1) .pages_page__inner {
  background-size: 100% 100% !important;
  background-position: center !important;
  background: url("../img/index1.png");
}
body .pages_page:nth-of-type(2) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/index2.png");
}
body .pages_page:nth-of-type(3) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info1.png");
}
body .pages_page:nth-of-type(4) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info2.png");
}
body .pages_page:nth-of-type(5) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info3.png");
}
body .pages_page:nth-of-type(6) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info4.png");
}
body .pages_page:nth-of-type(7) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info5.png");
}
body .pages_page:nth-of-type(8) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info6.png");
}
body .pages_page:nth-of-type(9) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info7.png");
}
body .pages_page:nth-of-type(10) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info8.png");
}
body .pages_page:nth-of-type(11) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info9.png");
}
body .pages_page:nth-of-type(12) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info10.png");
}
body .pages_page:nth-of-type(13) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info11.png");
}
body .pages_page:nth-of-type(14) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info12.png");
}
body .pages_page:nth-of-type(15) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info13.png");
}
body .pages_page:nth-of-type(16) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info14.png");
}
body .pages_page:nth-of-type(17) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info15.png");
}
body .pages_page:nth-of-type(18) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info16.png");
}
body .pages_page:nth-of-type(19) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info17.png");
}
body .pages_page:nth-of-type(20) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info18.png");
}
body .pages_page:nth-of-type(21) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info19.png");
}
body .pages_page:nth-of-type(22) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info20.png");
}
body .pages_page:nth-of-type(23) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info21.png");
}
body .pages_page:nth-of-type(24) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info22.png");
}
body .pages_page:nth-of-type(25) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info23.png");
}
body .pages_page:nth-of-type(26) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info24.png");
}
body .pages_page:nth-of-type(27) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info25.png");
}
body .pages_page:nth-of-type(28) .pages_page__inner {
  background-size:  100% 100% !important;
  background-position: center !important;
  background: url("../img/info26.png");
}
body .pages_page__inner {
  background-size: 100% 100% !important;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
body .pages_page__inner .control {
  position: absolute;
  z-index: 1;
  width: 31px;
  height: 31px;
  border: 1px solid var(--yellow);
  border-radius: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  cursor: pointer;
  transition: all .23s;
  box-shadow: 0 0 0 0px #bf9726;
}
body .pages_page__inner .control:hover {
  box-shadow: 0 0 0 10px rgba(191, 151, 38, 0.3);
  left: 34px;
}
body .pages_page__inner .control:hover:before {
  width: 40px;
  left: -40px;
}
body .pages_page__inner .control.next {
  left: auto;
  right: 30px;
}
body .pages_page__inner .control.next:hover {
  right: 34px;
}
body .pages_page__inner .control.next:hover:before {
  width: 40px;
  right: -40px;
}
body .pages_page__inner .control.next:before {
  left: auto;
  right: -33px;
}
body .pages_page__inner .control.next:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 5px;
  left: 11px;
  pointer-events: none;
}
body .pages_page__inner .control label {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}
body .pages_page__inner .control:after {
  content: '\f104';
  display: block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: var(--yellow);
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all .2s;
}
body .pages_page__inner .control:before {
  content: '';
  position: absolute;
  display: block;
  width: 32px;
  height: 1px;
  background: var(--yellow);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -32px;
  transition: all .2s;
}
/*每次多加一个input css里面从上到下 input减少一个 多八条样式 多出的八条样式多两个div*/
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input  + input + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input + input + input + input + input + input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(2):checked + input+ input+ input+ input+ input + input+ input + input + input + input + input + input + input + div + div {
  pointer-events: none;
  z-index: 9;
}
/*3*/
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input + input + input + input + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(3):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


/*4*/
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div {
  pointer-events: none;
  z-index: 9;
}


body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(4):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}








/*5*/
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input + input + input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input + input + input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(5):checked + input+ input+ input+ input+ input + input+ input + input+ input + input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}




/*6*/
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input + input + input+ input + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input + input + input+ input + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(6):checked + input+ input+ input+ input+ input + input+ input + input+ input + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}



/*7*/
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input+ div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input + input + input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}



body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(7):checked + input+ input+ input+ input+ input + input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*8*/
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
/*后八*/
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(8):checked + input+ input+ input+ input+ input + input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


/*9*/
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*后八*/
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(9):checked + input+ input+ input+ input+ input + input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}



/*10*/
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input  + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
/*后八*/
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(10):checked + input+ input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}



/*11*/
body .pages input[type="radio"]:nth-of-type(11):checked + input + input+ input+ input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked+ input + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
/*后八*/
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked+ input + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(11):checked + input+ input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


/*12*/
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*后八*/
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(12):checked+ input + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(12):checked+ input + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(12):checked + input+ input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}




/*13*/
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input + input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked+ input + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*后八*/
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(13):checked + input+ input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


/*14*/
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*后八*/
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(14):checked + input+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}


/*15*/
body .pages input[type="radio"]:nth-of-type(15):checked + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}

/*后八*/
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div+ div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div + div +div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div + div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div {
  pointer-events: all;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 10;
  transition: var(--transition);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div .control {
  box-shadow: 0 0 0 200px rgba(0, 0, 0, 0);
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div + div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div + div + div {
  pointer-events: all;
}
body .pages input[type="radio"]:nth-of-type(15):checked + div + div+ div + div + div + div+ div + div+ div + div + div + div + div + div + div + div + div + div + div + div +div + div + div + div + div + div + div + div {
  pointer-events: none;
  z-index: 9;
}