@charset "utf-8";
* {
color:#000;
background-color:var(--skin-bg);
font-family:"SimSun","宋体";
font-size:16px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.125rem;
line-height:2rem;
text-align:left;
text-decoration:none;
text-indent:0;
text-overflow:ellipsis;
text-shadow:none;
text-transform:none;
vertical-align:baseline;
margin:0;
padding:0;
}
textarea,span,a,img,input,select {
display:inline-block;
}
a,input[type=button] {
color:#008;
background-color:transparent;
cursor:pointer;
}
a:hover,input[type=button]:hover {
color:#fff;
background-color:var(--skin-bh);
}
h1,h2 {
display:table;
margin:0 auto;
}
h1 {
font-size:1.5rem;
}
hr {
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid var(--skin-bd);
}
.header {
border-bottom:1px solid var(--skin-bd);
}
.header img {
height:1rem;
margin-bottom:-0.125rem;
padding:0 0.25rem 0 1rem;
width:1rem;
background-color:transparent;
}
.header>:first-child {
margin:0.25rem auto;
max-width:75rem;
}
.header>:first-child>:not(:first-child) {
float:right;
padding:0 0.125rem;
}
.middle {
margin:0 auto;
max-width:75rem;
padding:0.5rem;
}
.mleft,.mcenter,.mright {
display:inline-block;
line-height:0;
min-height:75rem;
vertical-align:top;
}
.mleft {
width:9rem;
}
.mcenter {
width:calc(80% - 9rem);
}
.mright {
width:20%;
}
.mleft>a {
background-color:var(--skin-bf);
}
.mleft>a:hover {
background-color:var(--skin-bh);
}
.mleft>a {
border-bottom:1px solid var(--skin-bd);
border-left:1px dotted var(--skin-bd);
border-right:1px solid var(--skin-bd);
border-top:1px dotted var(--skin-bd);
border-radius:1rem;
padding:0.5rem;
}
.mcnavi>a {
background-color:var(--skin-bf);
border-bottom:1px solid var(--skin-bd);
border-left:1px dotted var(--skin-bd);
border-right:1px solid var(--skin-bd);
border-top:1px dotted var(--skin-bd);
margin-right:0.25rem;
padding:0.25rem;
}
.mcnavi>a:hover {
background-color:var(--skin-bh);
}
.mcnavi>a[active] {
float:right;
height:0.5rem;
width:0.5rem;
}
.mcnavi>a:nth-last-child(1) {
background-color:#ffe;
}
.mcnavi>a:nth-last-child(2) {
background-color:#eff;
}
.mcnavi>a:nth-last-child(3) {
background-color:#efe;
}
.mcsearch {
height:6rem;
text-align:center;
}
.mcsearch>img {
width:3rem;
height:4rem;
}
.mcsearch>input[type="text"] {
border-right:none;
border:1px solid var(--skin-bd);
transform: translateY(-1rem);
width:6rem;
}
.mcsearch>input[type="button"] {
border-left:none;
border:1px solid var(--skin-bd);
transform: translateY(-1rem);
}
.mcbody,.mclist {
margin:0 auto 1rem auto;
max-width:37.5rem;
white-space:pre-wrap;
}
.mcbody>a {
margin-left:0.25rem;
margin-right:0.25rem;
border-bottom:3px double var(--skin-bd);
}
.mclist>a {
border-bottom:1px dotted var(--skin-bd);
display:block;
margin:0.5rem 0;
}
.mclist>a:nth-child(1):before {
color:red;
content:"● ";
}
.mclist>a:nth-child(2):before,.mclist>a:nth-child(3):before {
color:blue;
content:"● ";
}
.mclist>a:nth-child(4):before,.mclist>a:nth-child(5):before,.mclist>a:nth-child(6):before {
color:green;
content:"● ";
}
.mcpage>a,.mcpage>span {
border:1px solid var(--skin-bd);
padding:0.25rem;
margin:0 0.125rem;
}
.mright a {
background-color:var(--skin-bf);
display:block;
padding:0.5rem;
border-bottom:1px dashed var(--skin-bd);
}
.mright>a:hover {
background-color:var(--skin-bh);
}
.mright img {
width:100%;
height:2.5rem;
}
.mright img:last-child {
transform:rotateX(180deg);
}
@media screen and (max-width:37.5rem)
{
.mleft {
display:none;
}
.mcenter {
width:100%;
}
.mright {
display:none;
}
}
@media screen and (min-width:37.5rem) and (max-width:47.5rem)
{
.mcenter {
width:calc(100% - 9rem);
}
.mright {
display:none;
}
}