* {
  max-height: 999999px;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
}

html {
  width: 100%;
  height: 100%;
}

html,
body {
  -webkit-text-size-adjust: none !important;
  /*iphone手机文字显示兼容 Font Boosting*/
  font-family: "syst-bold";
  line-height: 1.5;
}

@font-face {
  font-family: "syst-bold";
  src: url("../font/syst-bold.ttf");
  /*  src: url("https://ynnmuseum.cn/Uploads/hp/font/syst-bold/font/syst-bold.eot?") format("embedded-opentype"),
    url("https://ynnmuseum.cn/Uploads/hp/font/syst-bold/font/syst-bold.woff") format("woff"),
    url("https://ynnmuseum.cn/Uploads/hp/font/syst-bold/font/syst-bold.ttf") format("truetype"),
    url("https://ynnmuseum.cn/Uploads/hp/font/syst-bold/font/syst-bold.svg") format("svg"); */
  font-weight: normal;
  font-style: normal;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "syst-bold", "SimSun", "Microsoft Yahei";
  /* background-image: linear-gradient(#000000, #ffffff); */
  background-color: #515459;
  /* background-size: 100% 100%; */
  font-size: 12px;
  margin: 0px;
  overflow: hidden;
}

ul {
  list-style: none;
}

.container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.titleName {
  text-align: center;
  color: #f2f2f9;
  font-size: 14px;
  z-index: 9;
  position: absolute;
  line-height: 40px;
  padding: 6px 10px;
  letter-spacing: 3px;
  background-color: rgba(0, 0, 0, 0.37);
  border-radius: 10px;
  margin: 0 auto;
  left: 20px;
  top: 20px;
  /* transform: translateX(-50%); */
  writing-mode: vertical-lr;
  display: none;
}

.btn {
  height: 100%;
  text-align: center;
  /* display: none; */
}

.left,
.right {
  position: fixed;
  z-index: 666;
  width: 100px;
  height: 100%;
  background-repeat: no-repeat;
}

.fanhui {
  position: fixed;
  z-index: 666;
  width: 61px;
  height: 50px;
  background-repeat: no-repeat;
  left: 20px;
  bottom: 20px;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAADICAYAAAB/CKTGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyOTc4Qjc2MkNBRDExRTg5Rjk0RDI1MTQ4NEQ1ODBBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyOTc4Qjc3MkNBRDExRTg5Rjk0RDI1MTQ4NEQ1ODBBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI5NzhCNzQyQ0FEMTFFODlGOTREMjUxNDg0RDU4MEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI5NzhCNzUyQ0FEMTFFODlGOTREMjUxNDg0RDU4MEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4dIt2wAAAVEElEQVR42uyd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");
  background-size: contain;
}


.left {
  left: 0;
}

.right {
  right: 0;
}

.right:hover {
  background-color: rgba(50, 55, 65, 0.7);
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAA6klEQVRIS73W0RHCMAgG4J8JdAQ3UDfQTdzMUXQD2w0cwQ3wuEu9XI8mQDjz2MvxlZBCCX9a1HKYeQ/gUfZciegTfa9NqEJOJfgEIIy1oBuA+yqDMNbL6AngmIFZapSCNSHJpNRqGOtCWZgJqrA3gF2kZmaoYHLV5RjdmAsawdxQFAtBPYyIzutWNQpJH5R+WK+ZiJa29XsegphZAqkIgIvWfN1QBJG0XFAUcUHMfADw0mqydVx14UwZKbNpiTFbEFNGGUgXykKaUCbSg7RRbq6JuTMoAy+MWGskY0GW+sVbf79M19sarLXvC5tYjBtN/crOAAAAAElFTkSuQmCC");
}

.left:hover {
  background-color: rgba(50, 55, 65, 0.7);
  background-position: center center;
  background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAA50lEQVRIS73W7Q0CIQwG4LcbOIJOoCPoBq7gZm6iI3ib6AQ1TbiEXOgHUOX3hSe0L+UIf1o04zDzDsCj7HEhore23zBUIaey+QuAig1BDWQ9yI2I7q1TdUMGsgA4a+XrgkYROWEYmkHC0CwSggzkA2BvRboOhVk6B5HGS6RDS4UyEbV02YgFSUmOm5pIT7rK5faImVuQzDEZMeG+RCAZls/GqYYxLwxpWCTeKZg7gkoCNeyQcmHXZhqY+Qa5YWhd9VnMLV2NzmBdkKCjWDfkYHlPuRGQvKd8G5KqjDIxrj/53Qo9QtVHXzzcjRs4oex/AAAAAElFTkSuQmCC");
}

.btn .playBtn {
  cursor: pointer;
  /* display: inline-block; */
  position: fixed;
  z-index: 666;
  width: 54px;
  height: 54px;
  /* left: 0; */
  right: 3%;
  bottom: 20px;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.btn .playBtn.stop {
  background-position: center center;
  background-image: url("data:image/png;base64,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");
}

.btn .playBtn.play {
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAKTUlEQVRogc2abUxUZxbHf/cywzAob/IiCIMgKgoWtAJOqZWVxNXG2mhstUk1xXZXt9lYXTfbNKGtiVb3S93E2rRpanat2BSbtSZaulZr1apF0B0ckS2FQVAQEYVBGEdmnJf9cBmKFOc+MNj2/4XLnXOee869z3Oe5/zPkRhdyIABSAOSgPFAFDAW0PXJOAAbYAVuAtcBC9AMeEbLEGmUxpgMPAHMBMaMcJy7wEWgHMVRb6BGjRQaFGcWATGBGDEEbgFfozjpGskAI3FMAvKBJSjT7FHCChwGvmeYX3C4jsUBL6FMvV8SFuAToF1UIWgYg88G1qM490tjHMosuQXcEFEQcUwClgMrUNbVrwUNysvVAbVqwmqOycAaoCBwu0YNaSizxoyfdefPMQkoAoyjatboIBElEpsfJuBvai0lAKcyMzMjjEZjQnLyxHExMTFhOl2wVpaDJIfDcd9qtdqam5u7TKb/tp0/f77D4/GMZM8yAl3AwaF+fFhUzAH+ONwnxccnhKxa9WKG0fjElKioqAgRHZvNZjeZTA2lpZ/V/Pjjj93DfSbwMXBh8M2hHIsDioEQ0ZHDw8O169e/Nuupp56aodVqH5gFLpfLZbVau+/dszu9Xjx6vV4XERERptPpggfKeb1eT1WVybJz587KlpYWu+izgV5gG4O2gsGOScAmYKroqPPnF8avX79+fkRERJjvXnt7e2d5eXnd2bNnWqqqqqxDTbXp06eH5+c/mTh37pOTDYbkBElSTHE4HM69e/eeLi39rEHcN+qAfzAgmAx2bA7wsuhoa9euzVixYmW+JEkyQGtra/u+ffvOf/31kevDMIqcnJzoNWtenj1t2rQU372zZ89c3rJlS7nL5RJdf/8EKnz/DIyKWuDPCE7B117bkL18+XP5kiRJbrfb/cUXX5x7883i0xZL/bDXSWtr672vvipr6Onp7sjKyk7UaDSa5OTkuBkzZoQdO3asSXCYVOAUfRnCQMcKUIKGKoqK1qQ///zzT0qSRG9vb+/27du+OnDgQKPXG9CBnNra2q7Kysor+fn5htDQ0JCEhIToiRNTtKdOnWoRUA8BuoEm+MkxCXgFgZQjNzcvZsOGDb8PCgqSHQ6H46233vyyoqLi9gh9+Rk6Ozudp0+faSgsLEzV6/W6lJSU8b2996w1NTVWAfV44AQoJwuAKUCsmpZWq5U3bdr0O41GE+T1er07drx71GQydY7cjaHR1naj94033ihzOBwOgJdeKpobHx8vskRiUHzp/2KLgWQ1rXXr1mXk5ualAxw7drSqpKSkbmSmq6Ozs9Ppcrlts2fPnqTRaDRJSUna48ePXxNQ9QJmGWUaZqlJ63Q6eeHCRTMBurq6unft2lUVmOnq2L+/tKGhoaEFICcnZ1pq6qSxAmrZgCQDE4AwFWGWLl2WGhYWNgagrOzLi3a73e1PfsGCBRM++uijp9euXZuh1Wplf7L+UFKy9wJAUFCQvHLlymkCKmOBRBnBzbigoGAyKBtoaWlpvZr88uXPZU+ePMWwcuULc/ft+3T54sWLDSLPGYzTp0+3t7XduA2Qm5srmuBOlRFYW8HBwXJqauoEgJqamia1rwWg0+m0vuuYmJioTZv++vQHH3y4aPr06eGCxvWjoqKyASAyMjI8PT1dRN8gI5ARz5o1a1xwcLAW4NIlc+twDfMhPT09eefO91Zs3rzZGB0dHayuoaCysqL/JJOXlxcvoBInI0DIpKWlRfqua2trO0QNGgpBQUHyvHkFWXv2fPJCUdGadFmWVXmXS5cuWb19u7/BkBypJg9EyiiLzS9iYmJDfddNTVdtAgOrIjQ0NGT16tUF+/Z9uuzxxx8f50/Wbre7bTabHSAqKjLUn2wf9DI/MbQPl9KH9E8bq7XTKTCwMMaPHx/z9tubF6nJORyO+wAhIXqtmiygEwrD9++7+oNFSEjIcJgtIdTX16lmAxqNJkix5b5q4AKFGnCg8tVsth6H7zo2Ni7EZrONynTs7u62ff75/srS0lKLmqxer9cB2O12kRnj0KAUCPw61tJyvT8VSU+fGtnYeCUgx1wul+vkyRPV77//flVPT48qhW0wGEJ9GffNmzdF0qJeDQqNHO1Pqrr6Uv9BNzMzM/bIkSMiacTP4PV6qa6utuza9V7llSviL2fOHON433V9fZ3IoduqQeEK/O7ozc3N9o6Ojq7o6OjI7OzsiYDAOfHB3OzmzZu3d+/+uPzbb78VYnIHIjc3NxnA7Xa7z5w50yag0i6j1KVUcfHixSaACRMS47Kzs1X3vtbWG52gsFAlJSWnVq168eBInAoPD9dmZWWlAlgslhabzSZSfWnWoBAhqjh06FBdYWHhTEmSWLVqdbbZbD7pT37btnfK586de6W8vLxdZB09DEVFazKCg4ODAY4f/0Y0TaqTUSqKqvP98uXqrh9++KERYNasWVPmzJnjtyZmt9vdR48ebQ3Eqfj4hJBFi5RUqaOjo+vgwYNNAmo24LpMX2Im8qDduz++4PF4PJIkSRs3/qVgzJgxj6xIIUkSxcXF83Q6nQ5g//7S84KMsRnw+jbocyIPM5vN1hMnTpgB4uLiordu3TrPxweONjZu3DgzIyMjBaC2tvbqgQMHGgVVz8FP1EAnCqeoSuZUVFS0FRQUTIiIiBgbHx8/Li1tsu7kyZNCAUgU69b9KWPp0mVPSJJET0+P7fXX/3ZEMGjcBv4ND9JvXmCGmqbb7faeO1dx1cciJScnx+Xk5I4rL/++pbe3V+i48zBotVq5uLg4b/HiZ/IkScLhcDg3b367rL6+vkdwiENAIzzo2HWUqqEqG2Sz2Vwmk6nJx//FxsZGLVy4cJLdfvdOXV3dSAoL5ObmxWzf/vcFjz2WlQb08ZXb/1NZKUztdQF76CNMA6K44+LiQt55Z1thWlpaku/e1atXbxw+fKi6rKzsmtPp9Nu3IUkS8+fPT1i6dFlmRkZGqtS3YG/dutW5deuWYzU1NXdEbWEQxR1wUUKWZenVV1+d8cwzS2b79htQ3rjFYmltaGi41dx87c7du3edbrfbq9eHag0GQ/ikSakxU6ZMnRAWFtafD3o8Hs93331XvWPHuxdE6IcBUC1KwAjKSABJSUmhr7zyhyyj0TjdRyOIwuPxeMxms2XPnj0XL1+u7hqOLoJlJB9GVPgD5Qi0ZMmzKUajMSUlJSU+NDRUP5Sc0+l0Xrt2rd1kMl09fPjQldbW1nsjeR6wGzg/+Ka/TWgZStdNQEhMTNQnJSWNiYiI1Cnhu9vZ1tZ2r7Gx0RZoEQM4wjBLtb7f1qAElN8iKoB/8ZDOAbU034zSwZY4ykYFivP4cQrUHfOi5F46lP6K3wK+AT5FpbdKlJj5H0qrTya/XndOL8pe9Y2I8HAYpxuACYUS98sDPgJYgF19f4UQSFvfs4AIKxsIulDOf4+8rW8gHmUj5m2UUP6LNmIONcYUFCezCax11oziTD2/YuvsUPCVpQY3O49BiaxuFILWDtxBaXZuARqAa4xis/P/AcGrp0FDSEDoAAAAAElFTkSuQmCC");
}

.mingcheng {
  position: absolute;
  font-family: "syst-bold", "SimSun", "Microsoft Yahei";
  left: 3%;
  top: 50%;
  width: 9.0625rem;
  background-color: rgba(59, 60, 61, 0.8);
  display: none;
  color: #c9caca;
  transform: translateY(-50%) scale(0.6);
  border-radius: 0.5rem;
}

.mingcheng .levels {
  position: relative;
  font-size: 1.125rem;
  width: 100%;
  height: 1.85rem;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.mingcheng .heng1 {
  width: 6.625rem;
  min-height: 0.75rem;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.mingcheng .heng1.shangHeng {
  background: url(../image/shang.png) repeat-x;
}

.mingcheng .names {
  position: relative;
  height: 40.575rem;
}

.mingcheng .names .nameBox {
  position: relative;
  writing-mode: vertical-rl;
  writing-mode: tb-lr;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mingcheng .names .nameBox.css1 {
  font-size: 5.9375rem;
  letter-spacing: 1.875rem;
}

.mingcheng .names .nameBox.css2 {
  font-size: 4.4275rem;
  letter-spacing: 1.475rem;
}

.mingcheng .names .nameBox.css3 {
  font-size: 3.75rem;
  letter-spacing: 1.175rem;
}

.mingcheng .names .nameBox.css4 {
  font-size: 3.3rem;
  letter-spacing: 0.5rem;
}

.mingcheng .names .nameBox.css5 {
  font-size: 2.75rem;
  letter-spacing: 0.2rem;
}

.mingcheng .names .nameBox.css6 {
  font-size: 2.45rem;
}

.mingcheng .names .nameBox.css7 {
  font-size: 2.35rem;
}

.mingcheng .names .nameBox.css8 {
  font-size: 1.35rem;
}

.mingcheng .heng1.xiaHeng {
  background: url(../image/xia.png) repeat-x;
}

.mingcheng .explanation {
  position: relative;
  text-align: center;
  height: 12rem;
  display: -webkit-box;
  -webkit-box-align: end;
  -webkit-box-pack: center;
  margin: 0 1rem 0.5rem 1rem;
  font-size: 1.375rem;
}

.mingcheng .zhongheng1 {
  background: url(../image/zhong.png) repeat-x;
  width: 6.625rem;
  height: 0.1rem;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.mingcheng .shapesAndyears {
  position: relative;
  font-size: 1rem;
  width: 100%;
  height: 2.225rem;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.mingcheng .ages {
  position: relative;
  text-align: center;
  height: 5.375rem;
  display: -webkit-box;
  -webkit-box-align: end;
  -webkit-box-pack: center;
  margin: 0vh 0.625rem 0.2rem 0.625rem;
}

.mingcheng .ages.age1 {
  font-size: 2.2625rem;
}

.mingcheng .ages.age2 {
  font-size: 1.875rem;
}

.mingcheng .ages.age3 {
  font-size: 1.5rem;
}

.mingcheng .collection {
  text-align: center;
  height: 7.5625rem;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  margin: 0 0.625rem;
  line-height: 2rem;
  /* border: #ddd solid 1px; */
}

.mingcheng .collection.font1 {
  font-size: 0.9375rem;
}

.mingcheng .collection.font2 {
  font-size: 0.8125rem;
}

.mingcheng .collection.font3 {
  font-size: 0.75rem;
}

.mainInterface {
  position: absolute;
  width: 100%;
  cursor: pointer;
  top: 1rem;
  font-family: "syst-bold", "SimSun", "Microsoft Yahei";
  text-align: center;
  /* display: none; */
}

.mainInterface .names {
  font-size: 1.5rem;
  color: #f5ecec;
  padding: 0px 10px;
}

.mainInterface .age {
  font-size: 1.0rem;
  color: #d6d2d2;
  margin-top: 0.5rem;
}

.mainInterface_list {
  position: absolute;
  bottom: 1rem;
  text-align: center;
  width: 100%;
  left: 0;
  /* display: none; */
}

.mainInterface_list ul {
  display: flex;
  justify-content: center;
}

.mainInterface_list ul li {
  width: 2.0rem;
  height: 2.0rem;
  margin: 0 0.45rem;
  cursor: pointer;
  background: no-repeat center center / contain;
}

.mainInterface_list .list {
  /* background-image: url("../images/list.png"); */
}

.mainInterface_list .help {
  background-image: url("../image/help.png");
}

.mainInterface_list .pplayBtn.play {
  background-image: url("../image/play.png");
}

.mainInterface_list .pplayBtn.stop {
  background-image: url("../image/pause.png");
}

.description {
  position: absolute;
  width: 100%;
  max-height: 67%;
  top: 50%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  transform: translateY(-50%);
  display: none;
  font-family: "syst-bold", "SimSun", "Microsoft Yahei";
}


.description:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: url("../image/close.png") no-repeat center / auto 100%;
  bottom: -7vh;
  left: 50%;
  transform: translate(-50%, 0);
}

.sharebox:after {
  bottom: 10vh;
}

.description .desbox {
  padding: 3rem 15%;
  box-sizing: border-box;
  height: 100%;
}

.description .desbox .names {
  color: #ffffff;
  font-size: 1.5rem;
}

.description .desbox .level {
  color: #898989;
  font-size: 1.2rem;
}

.description .desbox .shape {
  color: #898989;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 1.5rem;
}

.description .desbox .explanation {
  color: #bfc0c0;
  font-size: 1.2rem;
  width: 100%;
  max-height: calc(58vh - 14rem);
  overflow-y: auto;
  text-align: justify;
}

.description .desbox .explanation p {
  line-height: 2.2rem;
  padding-bottom: 0.5rem;
}