/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; width: 100%; height: 100%; }
a { text-decoration: none; outline: none; color: inherit; }
html{ font-size: 100px; width: 100%; height: 100%; overflow: hidden;}
/*封面*/
.cover { position: relative; width: 19.2rem; height: 9.5rem; background: url(../images/cover_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; transform-origin: center center; }
.cover .con { position: relative; width: 6.6rem; height: 6.7rem; padding-top: 0.56rem; overflow: hidden; }
.cover .con1 { position: absolute; width: 6.6rem; height: 6.7rem; left: 0; top: 0.56rem; z-index: 10; }
@keyframes a_con1 { 0% { opacity: 0; }
	10% { opacity: 0; }
	30% { opacity: 1; }
	}
@-webkit-keyframe a_con1 { 0% { opacity: 0; }
	10% { opacity: 0; }
	30% { opacity: 1; }
	}
.cover .con2 { position: absolute; width: 1.01rem; height: 2.42rem; left: 1.64rem; top: 1.8rem; z-index: 20; }
@keyframes a_con2 { 0% { top: -1.8rem; opacity: 0; }
	20% { top: -1.8rem; opacity: 0; }
	40% { top: 1.8rem; opacity: 1; }
	}
@-webkit-keyframe a_con2 { 0% { top: -1.8rem; opacity: 0; }
	20% { top: -1.8rem; opacity: 0; }
	40% { top: 1.8rem; opacity: 1; }
	}
.cover .con3 { position: absolute; width: 2.01rem; height: 2.04rem; left: 2.54rem; top: 1.4rem; z-index: 30; }
@keyframes a_con3 { 0% { width: 12.01rem; height: 12.04rem; left: -3.54rem; top: -4.4rem; opacity: 0; }
	30% { width: 12.01rem; height: 12.04rem; left: -3.54rem; top: -4.4rem; opacity: 0; }
	50% { width: 2.01rem; height: 2.04rem; left: 2.54rem; top: 1.4rem; opacity: 1; }
	}
@-webkit-keyframe a_con3 { 0% { width: 12.01rem; height: 12.04rem; left: -3.54rem; top: -4.4rem; opacity: 0; }
	30% { width: 12.01rem; height: 12.04rem; left: -3.54rem; top: -4.4rem; opacity: 0; }
	50% { width: 2.01rem; height: 2.04rem; left: 2.54rem; top: 1.4rem; opacity: 1; }
	}
.cover .con4 { position: absolute; width: 2.03rem; height: 2.04rem; left: 4.06rem; top: 2.48rem; z-index: 40; }
@keyframes a_con4 { 0% { width: 12.03rem; height: 12.04rem; left: -1.06rem; top: -3.48rem; opacity: 0; }
	40% { width: 12.03rem; height: 12.04rem; left: -1.06rem; top: -3.48rem; opacity: 0; }
	60% { width: 2.03rem; height: 2.04rem; left: 4.06rem; top: 2.48rem; opacity: 1; }
	}
@-webkit-keyframe a_con4 { 0% { width: 12.03rem; height: 12.04rem; left: -1.06rem; top: -3.48rem; opacity: 0; }
	40% { width: 12.03rem; height: 12.04rem; left: -1.06rem; top: -3.48rem; opacity: 0; }
	60% { width: 2.03rem; height: 2.04rem; left: 4.06rem; top: 2.48rem; opacity: 1; }
	}
.cover .con5 { position: absolute; width: 2.01rem; height: 2.67rem; left: 2.5rem; top: 3.38rem; z-index: 50; }
@keyframes a_con5 { 0% { width: 12.01rem; height: 12.67rem; left: -3.5rem; top: -2.38rem; opacity: 0; }
	50% { width: 12.01rem; height: 12.67rem; left: -3.5rem; top: -2.38rem; opacity: 0; }
	70% { width: 2.01rem; height: 2.67rem; left: 2.5rem; top: 3.38rem; opacity: 1; }
	}
@-webkit-keyframe a_con5 { 0% { width: 12.01rem; height: 12.67rem; left: -3.5rem; top: -2.38rem; opacity: 0; }
	50% { width: 12.01rem; height: 12.67rem; left: -3.5rem; top: -2.38rem; opacity: 0; }
	70% { width: 2.01rem; height: 2.67rem; left: 2.5rem; top: 3.38rem; opacity: 1; }
	}
.cover .left { position: absolute; width: 3.25rem; height: 6.7rem; left: 6.3rem; top: 0.58rem; z-index: 60; transform-origin: left center; }
.cover .right { position: absolute; width: 3.35rem; height: 6.7rem; left: 9.55rem; top: 0.58rem; z-index: 60; cursor: pointer; transform-origin: right center; }
.cover .lefton { position: absolute; width: 3.25rem; height: 7.84rem; left: 3.05rem; top: 0rem; z-index: 70; transform-origin: right center; transform: rotateY(90deg); }
.cover .righton { position: absolute; width: 3.25rem; height: 7.87rem; left: 12.9rem; top: 0rem; z-index: 70; transform-origin: left center; transform: rotateY(90deg); }
/*切换条*/
.change { position: absolute; width: 9.6rem; height: 0.095rem; left: 4.8rem; top: 4.7025rem; background: #211a10; z-index: 80; display: none; }
.change span { display: block; width: 0rem; height: 0.095rem; background: #776d6b; }
/*内页*/
.main { position: relative; width: 19.2rem; height: 9.5rem; background: url(../images/main_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; transform: scale(0.5, 0.01); transform-origin: center center; }
.main .menu_bak { position: absolute; width: 4.26rem; height: 9.5rem; left: 2.8rem; background: url(../images/main_menu.png); background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; }
.main .up { width: 1.12rem; height: 0.55rem; margin-top: 1.8rem; cursor: pointer; }
.main .down { width: 1.12rem; height: 0.55rem; margin-top: 0.5rem; cursor: pointer; }
.main .menu { width: 4rem; height: 4.4rem; margin-top: 0.2rem; overflow: hidden; }
.main .menu ul { height: 99rem; }
.main .menu li { width: 3.2rem; height: 1.09rem; line-height: 1.09rem; border-bottom: 0.01rem solid #e1b683; overflow: hidden; font-size: 0.26rem; font-family: "微软雅黑"; color: #ffd285; cursor: pointer; text-align: center; }
.main .menu .on { color: #ffffff; }
.main .box { position: absolute; width: 8.7rem; height: 6.9rem; left: 7.66rem; top: 0.66rem; overflow: hidden; }
.main .box li { width: 8.7rem; height: 6.8rem; overflow: hidden; display: none; }
.main .box li:first-child { display: block; }
.main .box li span { display: block; width: 8.5rem; height: 4.7rem; border: 0.1rem solid #7a5d3f; }
.main .box li p { display: block; width: 8.5rem; height: 1.5rem; line-height: 0.5rem; margin-top: 0.4rem; font-family: "微软雅黑"; font-size: 0.22rem; color: #ffffff; text-indent: 2em; }