body, html {
	width: 100%;
	height: 100%
}
body {
	margin: 0 auto;
	font-family: pingfang sc, hiragino sans gb, microsoft yahei, wenquanyi micro hei, helvetica neue, arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
font-size:.426667rem
}
* {
	-webkit-tap-highlight-color: transparent
}
*, ul {
	margin: 0;
	padding: 0
}
li {
	list-style: none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none; color:#fff;
}
a:active, a:hover {
	outline-width: 0; color:#fff;
}
img {
	border-style: none
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-.026667rem
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: "."
}

.hide {
	display: none
}
.show {
	display: block
}
.mint-msgbox, .mint-msgbox-btn, .mint-toast-text {
font-size:.373333rem!important
}
.mint-msgbox-title {
font-size:.426667rem!important
}
.mint-msgbox-content {
padding:.266667rem!important
}
.mint-msgbox-btns {
	height: 1.066667rem!important;
	line-height: 1.066667rem
}
.mint-indicator {
	position: fixed;
	z-index: 1000
}
#app, html {
	background:#00328e
}
#app1 {
	
	background:#00328e;
	color: #fff;
	overflow: hidden;
	max-width: 750px;
	margin: 0 auto
}
#app {
	min-height: 100%;
	color: #fff;
padding:0 .133333rem;
	overflow: hidden;
font-size:.30rem;
	max-width: 750px;
	margin: 0 auto
}
#app .music {
top:.4rem;
	-webkit-transition: top .5s;
	transition: top .5s
}
#app .fixedmusic .music {
top:.666667rem
}
.pagetitle {
margin:0 auto .653333rem;
	height: 2.666667rem;
	background:url(/uploads/image/t22212_files/20200229114135.png) 50%/contain no-repeat
}
.pagetitle .outlink {
	position: absolute;
right:.2rem;
top:.333333rem
}
.pagetitle .outlink img {
height:.44rem
}
.navs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
margin-bottom:.666667rem;
height:.533333rem;
line-height:.533333rem
}
.navs.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
height:.933333rem;
padding:.2rem .333333rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #151d31;
	z-index: 2;
	max-width: 750px
}
.navs .switch {
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}
.navs .switch:before {
	content: "";
width:.333333rem;
height:.333333rem;
	display: inline-block;
border-radius:.053333rem;
	background: #fff;
vertical-align:-.066667rem;
margin-right:.106667rem
}
.navs .switch.disabled {
	opacity: .2
}
.navs .switch.switch1:before {
	background: #24ae86
}
.navs .switch.switch2:before {
	background: #ec686a
}
.navs .switch.switch3:before {
	background: #05bae5
}
.navs .switch.switch4:before {
	background: #ffc780
}
.timeline {
	position: relative;
}
.timeline.fixed {
	margin-top: 2rem
}
.timeline.switch1disabled .item1 {
	margin: 0
}
.timeline.switch1disabled .item1 .text {
	background: #424754!important;
	color: #999;
	-webkit-animation: changeopacity 1s forwards;
	animation: changeopacity 1s forwards
}
.timeline.switch1disabled .item1 .text:before {
	border-right-color: #424754!important;
	display: none
}
.timeline.switch2disabled .item2 {
	margin: 0
}
.timeline.switch2disabled .item2 .text {
	background: #424754!important;
	color: #999;
	-webkit-animation: changeopacity 1s forwards;
	animation: changeopacity 1s forwards
}
.timeline.switch2disabled .item2 .text:before {
	border-right-color: #424754!important;
	display: none
}
.timeline.switch3disabled .item3 {
	margin: 0
}
.timeline.switch3disabled .item3 .text {
	background: #424754!important;
	color: #999;
	-webkit-animation: changeopacity 1s forwards;
	animation: changeopacity 1s forwards
}
.timeline.switch3disabled .item3 .text:before {
	border-right-color: #424754!important;
	display: none
}
.timeline.switch4disabled .item4 {
	margin: 0
}
.timeline.switch4disabled .item4 .text {
	background: #424754!important;
	color: #999;
	-webkit-animation: changeopacity 1s forwards;
	animation: changeopacity 1s forwards
}
.timeline.switch4disabled .item4 .text:before {
	border-right-color: #424754!important;
	display: none
}
.timeline .order {
	width: 3.76rem;
height:.533333rem;
	float: right;
	right: 0;
	top: 0
}
.timeline .order .asc, .timeline .order .desc {
	width: 2.76rem;
height:.533333rem;
	background:  50%/contain no-repeat
}
.timeline .order .asc {
	background:  50%/contain no-repeat
}
.timeline .theme {
	background: #5b616f;
	color: #d8d8d8;
font-size:.32rem;
padding:.04rem .213333rem;
	float: right;
border-radius:.133333rem;
margin-right:.306667rem
}
.timeline .theme i {
	display: inline-block;
vertical-align:-.106667rem;
	width: 0;
	height: 0;
border:.133333rem solid transparent;
border-top:.133333rem solid #d8d8d8;
margin-left:.066667rem
}
.timeline .tips {
	position: absolute;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
line-height:.533333rem;
	color: #999
}
.timeline .tips .important {
	display: inline-block;
vertical-align:-.04rem;
margin-right:.106667rem;
width:.306667rem;
height:.306667rem;
	background:  50%/contain no-repeat
}
/*.timeline .year {
border:4px solid #eeeeee;
	background:#00328e;
	width: 1.633333rem;
height:.733333rem;
	text-align: center;
border-radius:.533333rem;
	color: #fff;
	margin-left: 0.6rem;
margin-bottom:.333333rem;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
}*/
.timeline:before {
	content: "";
	position: absolute;
width:.04rem;
	background: #838893;
	left: 1.48rem;
	z-index: 0;
height:calc(100% - .4rem)
}
.timeline .li {
margin-bottom:.166667rem;
	-webkit-transition: all .5s;
	transition: all .5s
}
.timeline .li.shape {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.timeline .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
line-height:.4rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
margin-bottom:.133333rem;
	-webkit-transition: all 1s;
	transition: all 1s
}
.timeline .item.itemnotimenoday {
	padding-left: 2.333333rem
}
.timeline .item.itemcode {
	padding-left: 1.266667rem;
margin-top:.433333rem
}
.timeline .item.item1 .text {
	background: #00aba3;
}
.timeline .item.item1 .text:before {
	border-right-color: #00aba3;
}
.timeline .item.item1 .text .important {
	background:  50%/cover no-repeat
}
.timeline .item.item2 .text {
	background: #ba73d0;
}
.timeline .item.item2 .text:before {
	border-right-color: #ba73d0;
}
.timeline .item.item2 .text .important {
	background:  50%/cover no-repeat
}
.timeline .item.item3 .text {
	background:#80c269
}
.timeline .item.item3 .text:before {
	border-right-color: #80c269
}
.timeline .item.item3 .text .important {
	background:  50%/cover no-repeat
}
.timeline .item.item4 .text {
	background:#f29149;
	color: #151d31
}
.timeline .item.item4 .text:before {
	border-right-color: #f29149
}
.timeline .item.item4 .text .icon-image {
	background:  50%/cover no-repeat
}
.timeline .item.item4 .text .icon-video {
	background:  50%/cover no-repeat
}
.timeline .item.item4 .text .icon-link {
	background:  50%/cover no-repeat
}
.timeline .item.item4 .text .important {
	background:  50%/cover no-repeat
}
.timeline .item .iconday {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 0.333333rem;
	flex: 0 0 0.333333rem;
height:.333333rem;
	background:#eeeeee;
	border-radius: 100%;
margin:0 .066667rem;
	position: relative;
	z-index: 1
}
.timeline .item .iconday:before {
	content: "";
	position: absolute;
width:.2rem;
height:.2rem;
	background:#00328e;
	border-radius: 100%;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
top:.066667rem
}
.timeline .item .iconday.shape {
	-webkit-animation: shape 1s infinite;
	animation: shape 1s infinite
}
.timeline .item .time {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1.266667rem;
	flex: 0 0 1.266667rem;
	text-align: right;
}
.timeline .item .text {
	max-width: 8.666667rem;
padding:.2rem .2rem .2rem .24rem;
border-radius:.066667rem;
	position: relative;
margin-left:.133333rem;
	-webkit-transition: all .5s;
	transition: all .5s;
font-size:12px;
}
.timeline .item .text.shape {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.timeline .item .text.bold {
	text-decoration: underline
}
.timeline .item .text:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
border:.133333rem solid transparent;
border-right:.133333rem solid #fff;
left:-.24rem;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	-webkit-transition: all 1s;
	transition: all 1s
}
.timeline .item .text .icon-image {
	display: inline-block;
width:.373333rem;
height:.306667rem;
	background:  50%/contain no-repeat;
vertical-align:-.053333rem
}
.timeline .item .text .icon-video {
	display: inline-block;
width:.453333rem;
height:.293333rem;
	background:  50%/contain no-repeat;
vertical-align:-.053333rem
}
.timeline .item .text .icon-link {
	display: inline-block;
width:.306667rem;
height:.306667rem;
	background:  50%/contain no-repeat;
vertical-align:-.053333rem
}
.timeline .item .text .important {
	position: absolute;
width:.306667rem;
height:.306667rem;
	background:  50%/contain no-repeat;
left:-.053333rem;
top:-.053333rem
}
.timeline .item .code {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
margin-left:.133333rem
}
.timeline .item .code .code-img {
height:1.0rem
}
@-webkit-keyframes changeopacity {
0% {
opacity:1
}
50%, to {
opacity:0;
height:0;
padding:0;
margin:0
}
}
@keyframes changeopacity {
0% {
opacity:1
}
50%, to {
opacity:0;
height:0;
padding:0;
margin:0
}
}
@-webkit-keyframes shape {
0%, to {
opacity:.5;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
50% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes shape {
0%, to {
opacity:.5;
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
50% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.feedback {
	text-align: center;
margin:.666667rem 0
}
.feedback a {
	display: block;
	color: #ccc;
padding:.4rem 0
}
.footer img {
width:calc(100%   .66667rem);
margin-left:-.333333rem;
	vertical-align: bottom
}
.previewbox {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #151d31;
	top: 0;
	left: 0
}
.previewbox video {
	height: 50%
}
.previewbox .text, .previewbox img, .previewbox video {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%)
}
.previewbox .text {
	height: 50%;
	overflow: scroll;
	color: #fff;
font-size:.426667rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
padding:0 .666667rem;
line-height:.666667rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: justify
}
.previewbox .closebox {
	width: 2.666667rem;
height:.666667rem;
line-height:.666667rem;
	text-align: center;
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
border:.026667rem solid #fff;
border-radius:.133333rem
}
.tagbox {
	position: fixed;
	width: 8rem;
	height: 9.333333rem;
	background: #fff;
padding:.346667rem .533333rem;
border-radius:.133333rem;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	-webkit-box-shadow: 0 0 2.666667rem #000;
	box-shadow: 0 0 2.666667rem #000
}
.tagbox .title {
margin-bottom:.613333rem;
font-size:.48rem;
	color: #151d31
}
.tagbox .title .icon-close-small {
	float: right;
	color: #979797
}
.tagbox .tag {
	color: #151d31;
font-size:.373333rem;
padding:.133333rem .306667rem;
	background: #f2f6f9;
border-radius:.666667rem;
	float: left;
margin-right:.266667rem;
margin-bottom:.4rem
}
.tagbox .tag.cur {
	background: #151d31;
	color: #fff
}
@font-face {
	font-family: iconfont-common;
	src:  format("woff2")
}
.iconfont-common {
	font-family: iconfont-common!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-refresh:before {
	content: "\e6aa"
}
.icon-weixin:before {
	content: "\e621"
}
.icon-error:before {
	content: "\e72f"
}
.icon-arrow:before {
	content: "\e657"
}
.icon-like:before {
	content: "\e61b"
}
.icon-share:before {
	content: "\e61e"
}
.icon-double-arrow:before {
	content: "\e602"
}
.icon-stars_grey:before {
	content: "\e61a"
}
.icon-success:before {
	content: "\e694"
}
.icon-stars:before {
	content: "\e649"
}
.icon-pinglun:before {
	content: "\e65c"
}
.icon-close-small:before {
	content: "\e600"
}


.bottom {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    height: 140px;
    /*background: #78b2f9;*/
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.text-center {
    text-align: center;
}
p { line-height:30px;
    font-size: 12px;
}

.btn_home {
    position: absolute;
    top: 0.5rem;
    right: .25rem;
    border: none;
    background: #ffeb3b;
    color: #000;
}

.zqdy{display:none;}

.img-responsive {
    display: inline-block;
    height: auto;
    max-width: 90%;
}
.img-responsive1 {
    display: inline-block;
    height: auto;
    max-width: 105%;
}
.img-responsive2 {
    display: inline-block;
    height: auto;
    max-width: 100%;
}