html {
font-size: 110px;
background-color: #f7f7f7;
}
body {
margin: 0;
}
.header.fixed-tab {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 15;
background-color: #4169e2;
}
.header .header-link {
text-decoration: none;
}
.header {
display: flex;
height: .44rem;
color: #333;
line-height: .44rem;
background-color: #fff;
}
.header.fixed-tab span {
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header a {
position: relative;
flex: 1 1;
color: #333;
font-size: .15rem;
text-align: center;
vertical-align: top;
}
.header.fixed-tab span.selected {
color: #fff;
}
.header span.selected {
color: #4169e2;
}
.header.fixed-tab span.selected i {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: .5rem;
height: .03rem;
margin: auto;
background-color: #4169e2;
}
.header.fixed-tab span.selected i {
background-color: #fff;
}
.wrapper {
padding-top: 10px;
padding-bottom: calc(.6rem + env(safe-area-inset-bottom));
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
background-color: #f7f7f7;
border: .01rem solid transparent;
-webkit-overflow-scrolling: touch;
}
#cover
{
margin: 0;
padding: 0;
font-size: .12rem;
}
#cover video
{
width: 100%;
height: 100%;
font-size: .12rem;
clear:both;
display:block;
margin:0.44rem auto -0.4rem auto;
}
.wrapper p {
margin: 0;
padding: 0;
}
.whitespace {
height: .4rem;
background: #f7f7f7;
}
.whitespace-vhidden {
height: .4rem;
background: #f7f7f7;
visibility: hidden;
}
.wrapper .tab-header {
display: flex;
align-items: center;
justify-content: flex-start;
height: .44rem;
padding: 0 0 0 .16rem;
font-weight: 500;
font-size: .17rem;
line-height: .44rem;
background: #fff;
border-bottom: .005rem solid #ebebeb;
}
.wrapper .tab-header i {
display: inline-block;
width: .04rem;
height: .16rem;
margin-right: .08rem;
vertical-align: middle;
background: #4169e2;
}
.wrapper .timeline {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 100%;
margin-top: .16rem;
padding-right: .16rem;
overflow: hidden;
vertical-align: top;
}
.wrapper .timeline .block {
display: flex;
}
.wrapper .timeline .timeline-left {
position: relative;
flex: none;
width: 1rem;
overflow: hidden;
transform: translateY(.08rem);
}
.wrapper .timeline .timeline-left .left-time {
position: absolute;
right: .32rem;
font-weight: 500;
font-size: .12rem;
text-align: right;
}
.wrapper .timeline .timeline-left .left-dot {
position: absolute;
top: 0;
left: .76rem;
z-index: 2;
display: inline-block;
width: .12rem;
height: .12rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABMRJREFUaAXVWs9rXVUQnjnvPdKmECtoaG0lIVCKG7sQXGlboa3YKuifoRA3unKVP0A3FvTPUNAq1kJ/uSp00W6kFEJCiy2xYC00bXjvnXG+SW56G9+Zc1/euw33bN7NmTkz33d+z5wwjaEcX5A23V86GAK/Jkx7A4UpijIhQTowz5G7FHgtUnzEQg9jlL9o3+zdSwvcG9U9b9fAB/O3J572WrPM7RkFfVABt4eyFbinZO6K9JZ3tftLv549tDZU+w3loQksaG9f+Xv5TYrhiNB6D2/HcbkNE0Yo3jj66szNhSFHpTIBBR7+WFk+LNJ6S6fCZBnAuL516q0y96+/Mz1zS4nEKnYrETj15f093dWn75PwK1WMjqzD8qAzueu381/ve5yzlSWg4Kf7j7un6ur1FECMRmtP57ySWEnpoN4lcPLzO4dij45GiS3PSF2ywKEf2nTl929fv53ykSQA8L1ufC/V8EXWtzvhYorEQAI2bVa7Hw3T8xy4RSKHo4QjanQ/sezVNfOSEWX5V78fCtG9wPEGMd+SKP2qnYCRaE12fho0nf5HAAtW5/wnVec8M0+J0Ic6Gd8mod2VQDE9Ud1rzPSziDyq0mZjTfywdWE/RwBb5eWV5Y8r7TaR23q6nmaSE9qzE1VAbNVR52tCfEEPwV8oSP5U1t3p2PTMj+UtNpSNYp+vAh69ToG+IJIz2wUPv+tt5Qxsmc0ymEHfuo0bxpJskwBOWBxSJVnq80AU+kqFcymFbdTPbdg8kGsLjMBa6G0SwPUgN+9tvhPP69C/XBgY1y9s6nSaz40EMNpVZsOxEcDFDHcbF4zOeV2sn9YBvvBrJNQHYX15RbEaZtUxArhVZi9mumBVf5zTJgVxDptDSoh6YAVmfBsBXInxR6pgWLHbpOTjroev3FQqMIfjWLy4zzsF+/wou41jeqAIvuxsGShdrwRmYA+IpLxgxE5YHFIvuqhP853yiwDKokANA1M6Vq/XA5101U5Y19CQQviEb6cghA2IYR0dHZzM7uQ1HlGW8w3sQe8YU54f3dr2e/I6ZTnfwB60i/17DG6VO1VyvhV7KFIfSYzFlTipUKMg4xvY7RyoEcKIpnVDzRSNLzSl4RUEIztVmFzfwK7rgP2EkkZSO4UfUZzrW7EHvd25EZEO4j3XSI3CnG9gD8hVehgshvUUapTlfAN7sESrB0IDcI13n3gqtcjgE76dAuwBWWJdB8l41LIHGoA7duoRqU83cwHMij0gxY0ssYcC2QM9Ff3F7hkYUgZf8Ok1A2Zgt3MAKW5PGakPyx54SmOUwVcu3VJgNgLIz1uK2wOB1AfRoqcyJtmipVkcY8AKzFAxAva4oPl5p41qSk+H9Xvd2v5x9UYQwjZ8ZHNEirV4ENm8SuBxQU+1Vc8/hlXDvbN1kDDwsJ3J1AEjsBY4db08Kyc+W3qjL/zus5rBX5ZeQfZgfEH+oo1uBjzQtFiuXvhu9s8C2eYIoAIvI5qUfVAIU7/WS5G+0ez8uVF2p/W2fI7UVq7nDYtiM4wlYM+NAOobndwtiDU6vV6QaPQDR5lEY5+YChI2nZr6yFci0dxn1oKE5uSb+9BdkMAvHhca+a8GZRL4buw/e2wlgr+RJd6pf7f5D2ekfj9S76oCAAAAAElFTkSuQmCC) no-repeat;
background-size: cover;
}
.wrapper .timeline .timeline-left .left-line {
position: absolute;
top: .1rem;
left: .8rem;
display: inline-block;
width: .02rem;
height: 9.99rem;
background: #ebebeb;
}
.wrapper .timeline .timeline-right {
position: relative;
flex-grow: 1;
margin-bottom: .12rem;
padding: .05rem .12rem;
background: #fff;
border-radius: .04rem;
}
.wrapper .timeline .timeline-right-year {
position: relative;
flex-grow: 1;
margin-bottom: .12rem;
padding: .03rem .12rem .09rem 0;
font-size: .18rem;
font-style:italic;
font-weight:bold;
color:#0066ff;
font-family:Georgia,Verdana,Arial,Helvetica Neue,Helvetica,Microsoft YaHei;
border-radius: .04rem;
}
.wrapper .timeline .timeline-right .topic-title {
color: #333;
font-weight: 600;
font-size: .16rem;
line-height: .23rem;
text-overflow: ellipsis;
}
.wrapper .timeline .timeline-right .topic-title i {
display: inline-block;
width: .28rem;
height: .16rem;
margin-right: .06rem;
color: #fff;
font-size: .12rem;
font-style: normal;
line-height: .16rem;
text-align: center;
vertical-align: .02rem;
background-color: #f74c31;
border-radius: .02rem;
}
.wrapper .timeline .timeline-right .topic-content {
display: -webkit-box;
margin-top: .04rem;
overflow: hidden;
/*color: #999;*/
font-size: .14rem;
line-height: .18rem;
text-overflow: ellipsis;
word-break: break-word;
-webkit-line-clamp: 5;
}
.wrapper .timeline .timeline-right .topic-content i {
display: inline-block;
width: .28rem;
height: .16rem;
margin-right: .06rem;
color: #fff;
font-size: .12rem;
font-style: normal;
line-height: .16rem;
text-align: center;
vertical-align: .02rem;
background-color: #f74c31;
border-radius: .02rem;
}
.wrapper .timeline .timeline-right .topic-from {
right: .16rem;
bottom: .12rem;
margin-top: .04rem;
color: #999;
font-size: .12rem;
text-align: right;
}
.wrapper .inforwrap{ font-size: .15rem;
width: 100%;
}
.wrapper .inforwrap p{
padding: 0rem .15rem;
}
.wrapper .inforwrap .p-header{
margin-top: 0.2rem;
}
.wrapper .info{ font-size: .15rem;
width: 100%;
}
.wrapper .info p{
padding: .12rem .15rem;
}
.wrapper .info .p-header{
margin: 0;
padding: 0.15rem .15rem 0 .15rem;
}
.wrapper .info .logo{
margin-top: 0;
padding: 0.2rem .15rem 0 .15rem;
#-webkit-filter: grayscale(100%);
#-moz-filter: grayscale(100%);
#-ms-filter: grayscale(100%);
#-o-filter: grayscale(100%);
#filter: grayscale(100%);
#filter: gray;
}
.wrapper .timeline .timeline-right .topic-content a {
display: inline-block;
width: .28rem;
height: .16rem;
margin-right: .06rem;
color: #fff;
font-size: .12rem;
font-style: normal;
line-height: .16rem;
text-align: center;
vertical-align: .02rem;
background-color: #0066FF;
text-decoration: none;
border-radius: .02rem;
}
.wrapper .timeline .timeline-right .topic-content a:hover { color:#FFFFFF;background:#FD6440; }
.wrapper .timeline .timeline-right .topic-content a:active { color:#FFFFFF;}
.wrapper .timeline .timeline-right .topic-content a:link { color:#FFFFFF;}
.wrapper .timeline .timeline-right .topic-content a:visited { color:#FFFFFF;}
.wrapper .copyright { margin:.3rem auto 0.1rem auto;padding:0;text-align:center;color:#999;display:table;font-size: .12rem; }
/*----- to top --------*/
.scrolltop {
display:block;
position:fixed;
right:8px;
bottom:58px;
opacity:.618;
height:38px;
width:38px;
z-index:99;
background:rgba(64,64,64,.9);
border-radius:2px
}
.scrolltop:after {
content:"";
position:absolute;
top:16px;
left:12px;
width:13px;
height:13px;
border-top:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.scrolltop.bottom:after {
top:8px;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
transform:rotate(135deg)
}