/*默认样式重置*/
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; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "微软雅黑", "Arial Narrow"; color: #353334; overflow: hidden; }
/*封面*/
.cover {position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/cover_back_20200420.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.piaod { position: absolute; width: 9.17rem; height: 4.42rem; left: 5.46rem; top: 0.54rem; z-index: 1; }
.piaod img { width: 9.17rem; height: 4.42rem; animation: a_piaod 2s; -webkit-animation: a_piaod 2s; }
@keyframes a_piaod { 0% { opacity: 0; }
	}
@-webkit-keyframe a_piaod { 0% { opacity: 0; }
	}
.haoj { position: absolute; width: 2.37rem; height: 2.95rem; left: 9.82rem; top: 0.97rem; z-index: 2; }
.haoj img { width: 2.37rem; height: 2.95rem; animation: a_haoj 3s; -webkit-animation: a_haoj 3s; }
@keyframes a_haoj { 0% { opacity: 0; margin-top: 2.95rem; }
	30% { opacity: 0; }
	}
@-webkit-keyframe a_haoj { 0% { opacity: 0; margin-top: 2.95rem; }
	30% { opacity: 0; }
	}
.title { position: absolute; width: 4.31rem; height: 2.52rem; left: 4.11rem; top: 2.81rem; z-index: 3; }
.title img { width: 4.31rem; height: 2.52rem; margin: 0 auto; vertical-align: middle; animation: a_title 4s; -webkit-animation: a_title 4s; }
@keyframes a_title { 0% { opacity: 0; width: 0; height: 0; }
	50% { opacity: 0; width: 0; height: 0; }
	}
@-webkit-keyframe a_title { 0% { opacity: 0; width: 0; height: 0; }
	50% { opacity: 0; width: 0; height: 0; }
	}
.zhan { position: absolute; width: 4.45rem; height: 5.32rem; left: 8.22rem; top: 0.93rem; z-index: 3; }
.zhan img { width: 4.45rem; height: 5.32rem; animation: a_zhan 6s; -webkit-animation: a_zhan 6s; }
@keyframes a_zhan { 0% { opacity: 0; width: 44.5rem; height: 53.2rem; margin-left: -44.5rem; margin-top: -26.6rem; }
	50% { opacity: 0; width: 44.5rem; height: 53.2rem; margin-left: -44.5rem; margin-top: -26.6rem; }
	}
@-webkit-keyframe a_zhan { 0% { opacity: 0; width: 44.5rem; height: 53.2rem; margin-left: -44.5rem; margin-top: -26.6rem; }
	50% { opacity: 0; width: 44.5rem; height: 53.2rem; margin-left: -44.5rem; margin-top: -26.6rem; }
	}
.bao { position: absolute; width: 3.53rem; height: 3.55rem; left: 11.11rem; top: 2.08rem; z-index: 3; }
.bao img { width: 3.53rem; height: 3.55rem; animation: a_bao 7s; -webkit-animation: a_bao 7s; }
@keyframes a_bao { 0% { opacity: 0; width: 35.3rem; height: 35.5rem; margin-top: -17.7rem; }
	50% { opacity: 0; width: 35.3rem; height: 35.5rem; margin-top: -17.7rem; }
	}
@-webkit-keyframe a_bao { 0% { opacity: 0; width: 35.3rem; height: 35.5rem; margin-top: -17.7rem; }
	50% { opacity: 0; width: 35.3rem; height: 35.5rem; margin-top: -17.7rem; }
	}
.click { position: absolute; width: 1.91rem; height: 1.52rem; left: 8.75rem; top: 6.25rem; z-index: 3; cursor: pointer; }
.click img { width: 1.91rem; height: 1.52rem; animation: a_click 8s; -webkit-animation: a_click 8s;}
@keyframes a_click { 0% { opacity: 0; margin-top: 4.55rem; }
	50% { opacity: 0; margin-top: 4.55rem; }
	}
@-webkit-keyframe a_click { 0% { opacity: 0; margin-top: 4.55rem; }
	50% { opacity: 0; margin-top: 4.55rem; }
	}
/*内容*/
.main { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/main_back_20200427.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.con { position: absolute; width: 5.6rem; height: 5.1rem; left: 3.2rem; top: 2.5rem; z-index: 1; background: #f2f0f1; border: 0.02rem solid #ffffff; border-top-width: 0.2rem; box-sizing: border-box; }
.con .one h2 {width: 5.4rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #6c221f; overflow: hidden; }
.con .one p { width: 5.4rem; height: 1.5rem; line-height: 0.3rem; font-size: 0.16rem; color: #a5a3a4; margin-top: 0.1rem; padding-bottom: 0.1rem; border-bottom: 0.01rem solid #999999; overflow: hidden; }
.con .list { margin-top: 0.2rem; }
.con .list li { width: 5.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.2rem; overflow: hidden; }
.con .list .more { float: right; margin-top: 0.1rem; margin-right: 0.2rem; font-size: 0.16rem; color: #739fac; }
.roll { position: absolute; width: 7.9rem; height: 5.1rem; left: 9.25rem; top: 2.5rem; z-index: 1; }
.roll .prev { position: absolute; width: 0.35rem; height: 1.3rem; left: 0; top: 1.6rem; cursor: pointer; z-index: 2; }
.roll .next {position: absolute; width: 0.35rem; height: 1.3rem; right: 0; top: 1.6rem; cursor: pointer; z-index: 2; }
.roll .prev img,.roll .next img { width: 0.35rem; height: 1.3rem; }
.roll .box { width: 7rem; height: 5.1rem; overflow: hidden; }
.roll .box ul { width: 99rem; }
.roll .box li { float: left; width: 2.9rem; height: 5.1rem; margin: 0 0.3rem; border: 0.02rem solid #ffffff; box-sizing: border-box; }
.roll .box li img { width: 2.86rem; height: 5.06rem; }