/***************************************************
* 定义变量
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
th,
td,
font {
font-size: 0.16rem;
font-family: "Microsoft YaHei", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
}
body {
color: #888;
}
a[href] {
color: #98CA22;
text-decoration: none;
}
a[href]:hover {
color: #008800;
text-decoration: underline;
}
.wn-text-content,
.skin-text-article,
.skin-text-brief,
.skin-text-gorgeous,
.skin-dynamic-_std-th_show_article,
.skin-dynamic-_std-th_show_obj {
font-size: 1em;
line-height: 1.8em;
letter-spacing: 0.06em;
}
article.md-content {
padding: 1px 0;
}
article.md-content table,
article.md-content thead,
article.md-content tbody,
article.md-content tr,
article.md-content th,
article.md-content td {
font-size: 1em;
color: #666;
}
article.md-content a {
color: #98CA22;
text-decoration: none;
}
article.md-content a:hover {
color: #008800;
text-decoration: underline;
}
article.md-content h1 {
margin: 0.2rem auto;
padding: 0.08rem 0.25rem;
font-size: 1.6em;
line-height: 1.8em;
}
article.md-content h2 {
margin: 0.16rem auto;
padding: 0.06rem 0.25rem;
font-size: 1.5em;
line-height: 1.7em;
}
article.md-content h3 {
margin: 0.12rem auto;
padding: 0.04rem 0.25rem;
font-size: 1.4em;
line-height: 1.6em;
}
article.md-content h4 {
margin: 0.1rem auto;
padding: 0.02rem 0.25rem;
font-size: 1.3em;
line-height: 1.5em;
}
article.md-content h5 {
margin: 0.08rem auto;
padding: 0.02rem 0.25rem;
font-size: 1.2em;
line-height: 1.5em;
}
article.md-content h6 {
margin: 0.04rem auto;
padding: 0.02rem 0.25rem;
font-size: 1.1em;
line-height: 1.5em;
}
article.md-content h1,
article.md-content h2,
article.md-content h3,
article.md-content h4,
article.md-content h5,
article.md-content h6 {
max-width: 1200px;
}
article.md-content h1 u,
article.md-content h2 u,
article.md-content h3 u,
article.md-content h4 u,
article.md-content h5 u,
article.md-content h6 u,
article.md-content h1 em,
article.md-content h2 em,
article.md-content h3 em,
article.md-content h4 em,
article.md-content h5 em,
article.md-content h6 em,
article.md-content h1 b,
article.md-content h2 b,
article.md-content h3 b,
article.md-content h4 b,
article.md-content h5 b,
article.md-content h6 b {
font-style: normal;
color: unset;
margin: 0 0.08rem;
text-decoration: none;
display: inline-block;
vertical-align: middle;
border-bottom: 0.03rem solid #98CA22;
}
article.md-content p {
margin: 0.25rem auto;
max-width: 1200px;
padding: 0 0.25rem;
}
article.md-content p[md-img-only] {
text-align: center;
padding: 0;
}
article.md-content p[md-img-only] br {
display: none;
}
article.md-content em {
font-style: italic;
color: #98CA22;
}
article.md-content b {
color: #98CA22;
font-weight: bold;
}
article.md-content del {
color: #98CA22;
}
article.md-content code {
margin: 0.02rem 0.02rem 0.06rem 0.02rem;
border: 1px solid #CCC;
background: #FFC;
color: #666;
display: inline-block;
vertical-align: middle;
font-size: 0.8em;
padding: 0 0.04rem;
font-family: Monaco, Menlo, Consolas, "Courier New", Courier, monospace;
border-radius: 0.04rem;
}
article.md-content hr {
max-width: 1200px;
margin: 0.1rem auto;
border-top: 1px dashed rgba(0, 0, 0, 0.1);
border-left: none;
border-right: none;
border-bottom: none;
}
article.md-content img,
article.md-content video {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
article.md-content video {
width: 100%;
}
article.md-content blockquote {
max-width: 1200px;
margin: 0.1rem auto;
padding: 0.25rem;
font-size: 0.8em;
line-height: 1.6em;
background: rgba(0, 0, 0, 0.05);
text-align: left;
}
article.md-content ul,
article.md-content ol {
max-width: 1200px;
margin: 0.05rem auto 0.1rem auto;
padding: 0.1rem 0.2rem 0.1rem 0.56rem;
text-align: left;
}
article.md-content ul ul,
article.md-content ol ul,
article.md-content ul ol,
article.md-content ol ol {
padding: 0.03rem 0 0.1rem 0.05rem;
margin: 0 0.24rem;
}
article.md-content ul {
list-style: disc;
}
article.md-content ul ul {
list-style: square;
}
article.md-content ul ul ul {
list-style: circle;
}
article.md-content ol {
list-style: decimal;
}
article.md-content ol ol {
list-style: lower-alpha;
}
article.md-content ol ol ol {
list-style: upper-roman;
}
article.md-content ul.md-task-list,
article.md-content ol.md-task-list {
list-style: none;
}
article.md-content ul.md-task-list li.md-task-list-item,
article.md-content ol.md-task-list li.md-task-list-item {
line-height: 1.4em;
}
article.md-content ul.md-task-list li.md-task-list-item input[type="checkbox"],
article.md-content ol.md-task-list li.md-task-list-item input[type="checkbox"] {
margin: 0 0.06rem 0.02rem -0.16rem;
vertical-align: middle;
}
article.md-content table {
border-spacing: 0;
border-collapse: collapse;
margin: 0.2rem auto;
}
article.md-content td,
article.md-content th {
border: 1px solid #dfe2e5;
padding: 0.08rem 0.16rem;
}
article.md-content th {
font-weight: bold;
}
article.md-content pre {
max-width: 1200px;
margin: 0.1rem auto;
padding: 0.16rem;
overflow: auto;
border: 1px dashed rgba(0, 0, 0, 0.4);
font-size: 0.8em;
line-height: 1.6em;
background: rgba(0, 0, 0, 0.6);
color: rgba(255, 255, 255, 0.8);
border-radius: 0.05px;
font-family: Monaco, Menlo, Consolas, "Courier New", Courier, monospace;
text-align: left;
}
article.md-content[ar-tabs-mode="tabs"] .z-article-tab-source {
display: none;
}
article.md-content[ar-tabs-mode="tabs"] > .z-article-block {
padding: 1px;
display: none;
}
article.md-content[ar-tabs-mode="tabs"] > .z-article-block[current] {
display: block;
}
article.md-content > .z-article-tabs {
background: #FFF;
border-bottom: 2px solid #AAA;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
article.md-content > .z-article-tabs[z-dock-enabled] {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
}
article.md-content > .z-article-tabs ul {
list-style: none;
padding: 0;
margin: 0;
letter-spacing: 0.01rem;
width: 100%;
display: -webkit-flex;
display: flex;
}
article.md-content > .z-article-tabs ul li {
flex: 1 1 auto;
padding: 0.15rem 0;
margin: 0;
cursor: pointer;
text-align: center;
color: rgba(0, 0, 0, 0.6);
font-size: 0.9em;
border-left: 1px dotted rgba(0, 0, 0, 0.2);
}
article.md-content > .z-article-tabs ul li:first-child {
border-left: 0;
}
article.md-content > .z-article-tabs ul li[current] {
border-left-color: transparent;
background: #000;
color: #FFF;
}
article.md-content > .z-article-block:after {
content: "";
display: block;
height: 0;
clear: both;
}
article.md-content > .z-article-block > .z-article-tabs {
float: left;
width: 16%;
max-width: 1.2rem;
}
article.md-content > .z-article-block > .z-article-tabs ul {
list-style: none;
padding: 0.2rem 0.2rem 0 0;
margin: 0;
}
article.md-content > .z-article-block > .z-article-tabs li {
padding: 0.05rem;
margin: 0.04rem;
text-align: center;
background: #EEE;
color: #AAA;
border: 1px solid transparent;
border-radius: 0.2rem;
cursor: pointer;
}
article.md-content > .z-article-block > .z-article-tabs li[current] {
background: #444;
color: #FFF;
}
article.md-content > .z-article-block > .z-article-tabs li:hover {
background: #FFF;
color: #CCC;
border-color: #BBB;
}
article.md-content > .z-article-block > .z-article-blcon {
float: right;
width: 84%;
}
article.md-content > .z-article-block > .z-article-blcon [z-article-tab-source] code {
display: none;
}
article.md-content .md-code-poster {
width: 100%;
min-height: 1rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
article.md-content .md-code-poster .md-code-poster-con {
max-width: 1200px;
margin: 0 auto;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
article.md-content .md-code-poster span {
display: block;
text-align: center;
font-size: 1.2em;
line-height: 2em;
}
article.md-content .md-code-poster span.small {
font-size: 1em;
opacity: 0.6;
}
article.md-content .md-code-poster span.bold {
font-weight: bold;
opacity: 0.9;
}
article.md-content .md-code-poster span.big {
font-size: 1.8em;
line-height: 1.6em;
}
article.md-content .md-code-poster span.large {
font-size: 2em;
line-height: 1.4em;
}
article.md-content .md-code-poster img,
article.md-content .md-code-poster video {
display: block;
vertical-align: bottom;
margin: 0;
}
article.md-content .md-code-poster video {
background-color: #000;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con {
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
max-width: unset;
padding: 0.4rem 0;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > img {
margin: 0.3rem auto;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > img.full {
width: 100%;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > div[it="list"] {
max-width: 1200px;
margin: 0 auto;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > div[it="list"] ul {
display: block;
list-style: disc;
margin-left: 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > div[it="list"] ul li {
padding: 0;
}
article.md-content .md-code-poster[poster-layout="t1"] > .md-code-poster-con > div[it="list"] ul span {
text-align: left;
font-size: 0.8em;
opacity: 0.7;
}
article.md-content .md-code-poster[poster-layout="t2"] > .md-code-poster-con span {
text-align: left;
}
article.md-content .md-code-poster[poster-layout="t2"] > .md-code-poster-con > div[it="group"] {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 1rem 0 0;
}
article.md-content .md-code-poster[poster-layout="t3"] > .md-code-poster-con > img {
margin: 0 0 0 auto;
}
article.md-content .md-code-poster[poster-layout="t3"] > .md-code-poster-con span {
text-align: left;
}
article.md-content .md-code-poster[poster-layout="t3"] > .md-code-poster-con > div[it="group"] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0 0 1rem;
}
article.md-content .md-code-poster[poster-layout="t4"] > .md-code-poster-con {
padding: 0.5rem 0;
}
article.md-content .md-code-poster[poster-layout="t4"] > .md-code-poster-con > div[it="group"] {
display: -webkit-flex;
display: flex;
align-items: flex-start;
padding: 0.3rem 0 0 0;
}
article.md-content .md-code-poster[poster-layout="t4"] > .md-code-poster-con > div[it="group"] > div[it="group"] {
flex: 1 1 auto;
padding: 0.05rem;
position: relative;
}
article.md-content .md-code-poster[poster-layout="t4"] > .md-code-poster-con > div[it="group"] > div[it="group"] > span {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0.06rem;
background: rgba(0, 0, 0, 0.4);
color: #EEE;
}
article.md-content .md-code-poster[poster-layout="t5"] > .md-code-poster-con {
padding: 0.3rem 0;
max-width: unset;
}
article.md-content .md-code-poster[poster-layout="t5"] > .md-code-poster-con > div[it="group"] {
padding: 0.3rem 0;
display: -webkit-flex;
display: flex;
align-items: flex-start;
}
article.md-content .md-code-poster[poster-layout="t5"] > .md-code-poster-con > div[it="group"] > div[it="group"] {
flex: 1 1 auto;
padding-left: 0.03rem;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
article.md-content .md-code-poster[poster-layout="t5"] > .md-code-poster-con > div[it="group"] > div[it="group"] > img {
margin-bottom: 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t5"] > .md-code-poster-con > div[it="group"] > div[it="group"]:first-child {
padding-left: 0;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con {
padding: 0.1rem;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > span:first-child {
margin-top: 0.5rem;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > div[it="group"] {
display: -webkit-flex;
display: flex;
align-items: flex-start;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > div[it="group"] > div[it="group"] {
flex: 1 1 auto;
padding: 0.05rem;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > div[it="group"] > div[it="group"] > img {
margin-bottom: 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > div.m2[it="group"] {
padding: 0.4rem 0;
}
article.md-content .md-code-poster[poster-layout="t6"] > .md-code-poster-con > div.m2[it="group"] > div[it="group"] {
padding: 0;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con {
padding: 0.1rem;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > span:first-child {
margin-top: 0.5rem;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding: 0.2rem 0;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] > div[it="group"] {
flex: 0 0 auto;
padding: 0.2rem 0.05rem;
width: 50%;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] > div[it="group"] > img {
margin-bottom: 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] > div[it="group"] > span {
padding: 0 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] > div[it="group"].t-left > span {
text-align: left;
}
article.md-content .md-code-poster[poster-layout="t7"] > .md-code-poster-con > div[it="group"] > div[it="group"].t-right > span {
text-align: right;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con {
padding: 0.6rem 0;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0.2rem 0;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] > div[it="group"] {
flex: 1 0 auto;
padding-bottom: 0.2rem;
width: 33%;
background: #FFF;
color: #444;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] > div[it="group"] > div.it-title {
padding: 0.2rem;
display: -webkit-flex;
display: flex;
align-items: center;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] > div[it="group"] > div.it-title > span {
flex: 1 1 auto;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] > div[it="group"] > div.it-title > img {
margin: 0.1rem;
flex: 0 0 auto;
width: 30%;
}
article.md-content .md-code-poster[poster-layout="t8"] > .md-code-poster-con > div[it="group"] > div[it="group"] > span {
padding: 0 0.2rem;
text-align: left;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con {
padding: 0.3rem 0.1rem;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] {
padding: 0.2rem 0;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul li {
width: 25%;
padding: 0.05rem;
display: -webkit-flex;
display: flex;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul li > .li-con {
flex: 1 1 auto;
position: relative;
background: #FFF;
color: #000;
text-align: center;
cursor: pointer;
padding: 0.6rem 0.2rem 0.2rem 0.2rem;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul li > .li-con > img {
margin: 0 auto;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul li > .li-con > span {
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0.06rem 0.2rem;
background: rgba(0, 0, 0, 0);
height: 10%;
}
article.md-content .md-code-poster[poster-layout="t9"] > .md-code-poster-con > div[it="list"] ul li > .li-con:hover > span {
background: rgba(0, 0, 0, 0.9);
height: 100%;
color: #EEE;
z-index: 1;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con {
padding: 0.3rem;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con > div[it="spec"] {
display: table;
border-collapse: collapse;
margin: 0.2rem auto;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con > div[it="spec"] > .spec-body {
display: table-row-group;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con > div[it="spec"] > .spec-body > ul {
display: table-row;
padding: 0;
margin: 0;
list-style: none;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con > div[it="spec"] > .spec-body > ul li {
display: table-cell;
border: 1px solid rgba(50, 50, 50, 0.3);
padding: 0.1rem;
}
article.md-content .md-code-poster[poster-layout="t10"] > .md-code-poster-con > div[it="spec"].full {
width: 100%;
}
@media screen and (max-width: 640px) {
article.md-content .md-code-poster span {
font-size: 1em;
line-height: 1.5em;
}
article.md-content .md-code-poster span.small {
font-size: 0.8em;
}
article.md-content .md-code-poster span.bold {
font-weight: bold;
}
article.md-content .md-code-poster span.big {
font-size: 1.4em;
line-height: 1.6em;
}
article.md-content .md-code-poster span.large {
font-size: 1.8em;
line-height: 1.8em;
}
article.md-content .md-code-poster[poster-layout="t2"] > .md-code-poster-con > div[it="group"] {
padding: 0 0.5rem 0 0;
}
article.md-content .md-code-poster[poster-layout="t3"] > .md-code-poster-con > div[it="group"] {
padding: 0 0 0 0.5rem;
}
article.md-content .md-code-poster[poster-layout="t4"] > .md-code-poster-con {
padding: 0.2rem 0;
}
}
.wn-obj-layout > *,
.wn-obj-layout [hm-layout-grp] > * {
display: inline-block;
vertical-align: top;
}
.wn-obj-layout > *.align-left,
.wn-obj-layout [hm-layout-grp] > *.align-left {
text-align: left;
}
.wn-obj-layout > *.align-center,
.wn-obj-layout [hm-layout-grp] > *.align-center {
text-align: center;
}
.wn-obj-layout > *.align-right,
.wn-obj-layout [hm-layout-grp] > *.align-right {
text-align: right;
}
.wn-obj-layout .wn-obj-hr {
width: 100%;
padding: 0.2rem 0.08rem;
}
.wn-obj-layout .wn-obj-hr hr {
height: 0px;
margin: 0;
border: 0;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.wn-obj-layout h4[fld-type] {
padding: 0.1rem;
margin: 0;
font-size: 1.6em;
font-weight: normal;
}
.wn-obj-layout table[fld-type] {
margin: 0.1rem;
}
.wn-obj-layout table[fld-type] td {
padding: 0.08rem;
}
.wn-obj-layout table[fld-type] td.tbl-col-name {
white-space: nowrap;
}
.wn-obj-layout ul[fld-display="UL"] {
padding: 0.1rem;
}
.wn-obj-layout ul[fld-display="UL"] li {
display: inline-block;
padding: 0.02rem;
margin: 0;
}
.wn-obj-layout ul[fld-display="UL"] li span {
display: block;
}
.wn-obj-layout ul[fld-display="UL"] li a:hover {
text-decoration: none;
}
.wn-obj-layout ul[fld-display="UL"][li-type="text"] li span {
padding: 0.04rem 0.13rem 0.06rem 0.13rem;
border-radius: 0.04rem;
font-size: 0.8em;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #888;
}
.wn-obj-layout ul[fld-display="UL"][li-type="text"] li[current] span {
background: #444;
color: #FFF;
}
.wn-obj-layout ul[fld-display="UL"][li-img] li {
padding: 0.04rem;
opacity: 0.8;
border: 2px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.wn-obj-layout ul[fld-display="UL"][li-img] li span {
width: 0.5rem;
height: 0.5rem;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.wn-obj-layout ul[fld-display="UL"][li-img] li[current] {
border-color: #F80;
opacity: 1;
}
.wn-obj-layout .wn-obj-preview {
width: 100%;
padding: 0.1rem;
}
.wn-obj-layout .wn-obj-preview > span,
.wn-obj-layout .wn-obj-preview > a {
display: block;
overflow: hidden;
width: 100%;
height: 1rem;
border: 1px solid rgba(0, 0, 0, 0.1);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2em;
}
.wn-obj-layout .wn-obj-preview > span img,
.wn-obj-layout .wn-obj-preview > a img,
.wn-obj-layout .wn-obj-preview > span video,
.wn-obj-layout .wn-obj-preview > a video {
width: 100%;
height: 100%;
}
.wn-obj-layout .wn-obj-preview > a:hover {
text-decoration: none;
}
.wn-obj-layout .wn-obj-preview[empty="yes"] span a {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.wn-obj-layout .preview-as-video > span,
.wn-obj-layout .preview-as-video > a {
position: relative;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.wn-obj-layout .preview-as-video > span img,
.wn-obj-layout .preview-as-video > a img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wn-obj-layout .preview-as-video > span:before,
.wn-obj-layout .preview-as-video > a:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
z-index: 1;
}
.wn-obj-layout .preview-as-video > span:after,
.wn-obj-layout .preview-as-video > a:after {
font-family: FontAwesome;
display: block;
content: "\f04b";
color: rgba(255, 255, 255, 0.6);
z-index: 2;
border: 3px solid rgba(255, 255, 255, 0.6);
padding-left: 0.05rem;
width: 0.25rem;
height: 0.3rem;
font-size: 0.16rem;
border-radius: 50%;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.wn-obj-layout .preview-as-video:hover > span:before,
.wn-obj-layout .preview-as-video:hover > a:before {
background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.5));
}
.wn-obj-layout .preview-as-video:hover > span:after,
.wn-obj-layout .preview-as-video:hover > a:after {
color: rgba(255, 255, 255, 0.9);
border-color: rgba(255, 255, 255, 0.9);
}
.wn-obj-layout [fld-display="List"] span > * {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
}
.wn-obj-layout [fld-display="List"] span > u {
text-decoration: none;
}
.wn-obj-layout [fld-display="List"] span > em {
opacity: 0.6;
font-size: 0.9em;
font-style: normal;
padding: 0 0.06rem;
}
.wn-obj-layout span[fld-type],
.wn-obj-layout em.wn-obj-text {
padding: 0.05rem 0.18rem;
font-style: normal;
}
.wn-obj-layout em[fld-display="Em"] {
font-style: normal;
font-size: 1.2em;
color: #F80;
letter-spacing: 0.02em;
padding: 0.05rem 0.18rem;
}
.wn-obj-layout blockquote[fld-display="Block"] {
width: 100%;
margin: 0;
padding: 0.1rem;
}
.wn-obj-layout blockquote[fld-display="Block"] > div {
padding: 0.1rem;
color: #888;
letter-spacing: 0.02em;
}
.wn-obj-layout a[fld-key] {
padding: 0.04rem 0.15rem;
}
.wn-obj-layout b[fld-key] {
padding: 0.1rem;
}
.wn-obj-layout b[fld-key] a {
background: #444;
color: #EEE;
display: inline-block;
padding: 0.1rem 0.2rem;
text-decoration: none;
cursor: pointer;
border-radius: 0.04rem;
}
.wn-obj-layout b[fld-key] a:hover {
background: #000;
color: #FFF;
text-decoration: none;
}
.wn-obj-layout .wn-obj-daterange > .wn-obj-drcon {
display: table;
}
.wn-obj-layout .wn-obj-daterange > .wn-obj-drcon > ul {
display: table-row;
}
.wn-obj-layout .wn-obj-daterange > .wn-obj-drcon > ul > li {
display: table-cell;
padding: 0.04rem 0.06rem;
}
.wn-obj-layout .wn-obj-daterange > .wn-obj-drcon > ul > li em {
opacity: 0.8;
color: #AAA;
font-size: 0.9em;
font-style: normal;
}
.wn-obj-layout article.md-content {
width: 100%;
padding: 0.2rem;
}
[sa-obj-it-preview-clip="contain"] .wn-obj-layout .wn-obj-preview span img {
object-fit: contain;
}
[sa-obj-it-preview-clip="cover"] .wn-obj-layout .wn-obj-preview span img {
object-fit: cover;
}
[sa-ele-float="none"] .wn-obj-layout {
display: block;
}
[sa-ele-float="none"] .wn-obj-layout [hm-layout-grp] {
display: block;
}
@media screen and (min-width: 640px) {
[sa-h-nowrap="desktop"] .wn-obj-layout h4[fld-type] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[sa-ele-float="mobile"] .wn-obj-layout {
display: block;
}
[sa-ele-float="mobile"] .wn-obj-layout [hm-layout-grp] {
display: block;
}
}
@media screen and (max-width: 640px) {
.wn-obj-layout b[fld-key] {
text-align: center;
}
[sa-h-nowrap="mobile"] .wn-obj-layout h4[fld-type] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[sa-ele-float="desktop"] .wn-obj-layout {
display: block;
}
[sa-ele-float="desktop"] .wn-obj-layout [hm-layout-grp] {
display: block;
}
}
.skin-rows-normal[sa-area-s="card"] {
padding: 1px;
}
.skin-rows-normal[sa-area-s="card"] > .hm-area {
margin: 0.2rem;
box-shadow: 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.4);
}
.skin-rows-normal[sa-area-s="card"][sa-line-s] > .hm-area {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-normal[sa-area-s="card"][sa-line-s="solid"] > .hm-area {
border-style: solid;
}
.skin-rows-normal[sa-area-s="card"][sa-line-s="dashed"] > .hm-area {
border-style: dashed;
}
.skin-rows-normal[sa-area-s="card"][sa-line-s="dotted"] > .hm-area {
border-style: dotted;
}
.skin-rows-normal[sa-area-s="card"][sa-line-w="tiny"] > .hm-area {
border-width: 1px;
}
.skin-rows-normal[sa-area-s="card"][sa-line-w="normal"] > .hm-area {
border-width: 0.03rem;
}
.skin-rows-normal[sa-area-s="card"][sa-line-w="bold"] > .hm-area {
border-width: 0.05rem;
}
.skin-rows-normal[sa-area-s="line"][sa-line-s] > .hm-area {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-normal[sa-area-s="line"][sa-line-s="solid"] > .hm-area {
border-top-style: solid;
}
.skin-rows-normal[sa-area-s="line"][sa-line-s="dashed"] > .hm-area {
border-top-style: dashed;
}
.skin-rows-normal[sa-area-s="line"][sa-line-s="dotted"] > .hm-area {
border-top-style: dotted;
}
.skin-rows-normal[sa-area-s="line"][sa-line-w="tiny"] > .hm-area {
border-top-width: 1px;
}
.skin-rows-normal[sa-area-s="line"][sa-line-w="normal"] > .hm-area {
border-top-width: 0.03rem;
}
.skin-rows-normal[sa-area-s="line"][sa-line-w="bold"] > .hm-area {
border-top-width: 0.06rem;
}
.skin-rows-normal[sa-area-s="line"][sa-line-s][sa-line-w] > .hm-area:first-child {
border-top-width: 0;
}
.skin-rows-sky {
background: rgba(255, 255, 255, 0.8);
color: #222;
}
.skin-rows-sky > .hm-area > .hm-area-con {
max-width: 1200px;
margin: 0 auto;
}
.skin-rows-sky[sa-h-line-s="solid"] {
border-bottom: 1px solid #98CA22;
}
.skin-rows-sky[sa-h-line-s="dashed"] {
border-bottom: 1px dashed #98CA22;
}
.skin-rows-sky[sa-h-line-s="dotted"] {
border-bottom: 1px dotted #98CA22;
}
.skin-rows-sky[sa-h-line-w="normal"] {
border-bottom-width: 0.03rem;
}
.skin-rows-sky[sa-h-line-w="bold"] {
border-bottom-width: 0.06rem;
}
.skin-rows-page {
max-width: 1200px;
margin: 0 auto;
}
.skin-rows-page[sa-area-s="card"] {
padding: 1px;
}
.skin-rows-page[sa-area-s="card"] > .hm-area {
margin: 0.2rem;
box-shadow: 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.4);
}
.skin-rows-page[sa-area-s="card"][sa-line-s] > .hm-area {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-page[sa-area-s="card"][sa-line-s="solid"] > .hm-area {
border-style: solid;
}
.skin-rows-page[sa-area-s="card"][sa-line-s="dashed"] > .hm-area {
border-style: dashed;
}
.skin-rows-page[sa-area-s="card"][sa-line-s="dotted"] > .hm-area {
border-style: dotted;
}
.skin-rows-page[sa-area-s="card"][sa-line-w="tiny"] > .hm-area {
border-width: 1px;
}
.skin-rows-page[sa-area-s="card"][sa-line-w="normal"] > .hm-area {
border-width: 0.03rem;
}
.skin-rows-page[sa-area-s="card"][sa-line-w="bold"] > .hm-area {
border-width: 0.05rem;
}
.skin-rows-page[sa-area-s="line"][sa-line-s] > .hm-area {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-page[sa-area-s="line"][sa-line-s="solid"] > .hm-area {
border-top-style: solid;
}
.skin-rows-page[sa-area-s="line"][sa-line-s="dashed"] > .hm-area {
border-top-style: dashed;
}
.skin-rows-page[sa-area-s="line"][sa-line-s="dotted"] > .hm-area {
border-top-style: dotted;
}
.skin-rows-page[sa-area-s="line"][sa-line-w="tiny"] > .hm-area {
border-top-width: 1px;
}
.skin-rows-page[sa-area-s="line"][sa-line-w="normal"] > .hm-area {
border-top-width: 0.03rem;
}
.skin-rows-page[sa-area-s="line"][sa-line-w="bold"] > .hm-area {
border-top-width: 0.06rem;
}
.skin-rows-page[sa-area-s="line"][sa-line-s][sa-line-w] > .hm-area:first-child {
border-top-width: 0;
}
.hm-com-rows[skin="skin-rows-slider"] {
width: 100%;
height: 3rem;
position: relative;
}
.hm-com-rows[skin="skin-rows-slider"] > .hm-com-W {
width: 100%;
height: 100%;
}
.hm-com-rows[skin="skin-rows-slider"] > .hm-com-W > .hmc-rows {
width: 100%;
height: 100%;
}
.hm-com-rows[skin="skin-rows-slider"] > .hm-com-W > .hmc-rows > .hm-area > .hm-area-con {
width: 100%;
height: 100%;
}
.skin-rows-slider > .skin-rows-slider-dots {
position: absolute;
bottom: 0.1rem;
left: 0.1rem;
right: 0.1rem;
padding: 0.1rem;
z-index: 2;
}
.skin-rows-slider > .skin-rows-slider-dots ul {
display: -webkit-flex;
display: flex;
justify-content: center;
}
.skin-rows-slider > .skin-rows-slider-dots ul li {
width: 0.4rem;
height: 0.08rem;
border: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(255, 255, 255, 0.2);
margin: 0 0.05rem;
cursor: pointer;
}
.skin-rows-slider > .skin-rows-slider-dots ul li[current] {
background: #000;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.skin-rows-slider > .skin-rows-slider-btn {
transition: 0.2s;
cursor: pointer;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
z-index: 2;
width: 0.5rem;
height: 0.5rem;
margin: -0.25rem 0 0 0;
font-size: 0.4rem;
background: rgba(255, 255, 255, 0.1);
color: rgba(220, 220, 220, 0.4);
border: 1px solid rgba(220, 220, 220, 0.2);
}
.skin-rows-slider > .skin-rows-slider-btn:hover {
background: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.skin-rows-slider > .skin-rows-slider-btn[direction="left"] {
left: 0.1rem;
}
.skin-rows-slider > .skin-rows-slider-btn[direction="right"] {
right: 0.1rem;
}
.skin-rows-slider {
position: relative;
overflow: hidden;
}
.skin-rows-slider > .hm-area {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
html[hmaker-runtime] .skin-rows-slider > .hm-area {
transition: 0.5s;
opacity: 0;
z-index: -1;
}
html[hmaker-runtime] .skin-rows-slider > .hm-area[current] {
opacity: 1;
z-index: 0;
}
html[hmaker-runtime] .skin-rows-slider[sa-speed="fast"] > .hm-area {
transition: 0.3s;
}
html[hmaker-runtime] .skin-rows-slider[sa-speed="slow"] > .hm-area {
transition: 0.8s;
}
html[hmaker-ide] .hm-com-rows[skin="skin-rows-slider"] > .hm-com-W > .hmc-rows > .hm-area {
display: none;
}
html[hmaker-ide] .hm-com-rows[skin="skin-rows-slider"] > .hm-com-W > .hmc-rows > .hm-area:first-child {
display: block;
}
html[hmaker-ide] .hm-com-rows[skin="skin-rows-slider"][highlight-mode] > .hm-com-W > .hmc-rows > .hm-area {
z-index: 0;
opacity: 0;
display: none;
}
html[hmaker-ide] .hm-com-rows[skin="skin-rows-slider"][highlight-mode] > .hm-com-W > .hmc-rows > .hm-area[highlight] {
z-index: 1;
opacity: 1;
display: block;
}
.hm-com-rows[skin="skin-rows-conbox"] {
width: 2rem;
height: 3rem;
}
.skin-rows-conbox {
display: -webkit-flex;
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
height: 100%;
}
.skin-rows-conbox > .hm-area {
flex: 1 1 auto;
width: 100%;
height: 100%;
display: -webkit-flex;
display: flex;
}
.skin-rows-conbox > .hm-area > .hm-area-con {
width: 100%;
height: 100%;
}
.skin-rows-conbox > .hm-area[cb-last] {
flex: 0 0 auto;
height: unset;
}
.skin-rows-conbox > .hm-area[cb-last] > .hm-area-con {
height: unset;
transition: 0.3s;
}
.skin-rows-conbox[sa-float-last] > .hm-area[cb-last] {
flex: 0 0 auto;
padding: 0;
margin: 0;
position: relative;
height: unset;
}
.skin-rows-conbox[sa-float-last] > .hm-area[cb-last] > .hm-area-con {
position: absolute;
bottom: -2000px;
left: 0;
right: 0;
height: unset;
background: rgba(0, 0, 0, 0.6);
color: #EEE;
}
.skin-rows-conbox[last-line-s] > .hm-area[cb-last] > .hm-area-con {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-conbox[sa-last-line-s="solid"] > .hm-area[cb-last] > .hm-area-con {
border-top-style: solid;
}
.skin-rows-conbox[sa-last-line-s="dashed"] > .hm-area[cb-last] > .hm-area-con {
border-top-style: dashed;
}
.skin-rows-conbox[sa-last-line-s="dotted"] > .hm-area[cb-last] > .hm-area-con {
border-top-style: dotted;
}
.skin-rows-conbox[sa-last-line-w="tiny"] > .hm-area[cb-last] > .hm-area-con {
border-top-width: 1px;
}
.skin-rows-conbox[sa-last-line-w="normal"] > .hm-area[cb-last] > .hm-area-con {
border-top-width: 0.03rem;
}
.skin-rows-conbox[sa-last-line-w="bold"] > .hm-area[cb-last] > .hm-area-con {
border-top-width: 0.06rem;
}
.skin-rows-footer {
border-top: 1px solid #DDD;
font-size: 0.14rem;
}
.skin-rows-footer > .hm-area > .hm-area-con {
max-width: 1200px;
margin: 0 auto;
padding: 0;
}
.skin-rows-footer[sa-line-s] > .hm-area {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.3);
}
.skin-rows-footer[sa-line-s="solid"] > .hm-area {
border-top-style: solid;
}
.skin-rows-footer[sa-line-s="dashed"] > .hm-area {
border-top-style: dashed;
}
.skin-rows-footer[sa-line-s="dotted"] > .hm-area {
border-top-style: dotted;
}
.skin-rows-footer[sa-line-w="tiny"] > .hm-area {
border-top-width: 1px;
}
.skin-rows-footer[sa-line-w="normal"] > .hm-area {
border-top-width: 0.03rem;
}
.skin-rows-footer[sa-line-w="bold"] > .hm-area {
border-top-width: 0.06rem;
}
.skin-rows-footer[sa-line-s][sa-line-w] > .hm-area:first-child {
border-top-width: 0;
}
.skin-columns-autofit[sa-area-s="card"] {
padding: 1px;
}
.skin-columns-autofit[sa-area-s="card"] > .hm-area {
margin: 0.2rem;
box-shadow: 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.4);
}
.skin-columns-autofit[sa-area-s="card"][sa-line-s] > .hm-area {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.3);
}
.skin-columns-autofit[sa-area-s="card"][sa-line-s="solid"] > .hm-area {
border-style: solid;
}
.skin-columns-autofit[sa-area-s="card"][sa-line-s="dashed"] > .hm-area {
border-style: dashed;
}
.skin-columns-autofit[sa-area-s="card"][sa-line-s="dotted"] > .hm-area {
border-style: dotted;
}
.skin-columns-autofit[sa-area-s="card"][sa-line-w="tiny"] > .hm-area {
border-width: 1px;
}
.skin-columns-autofit[sa-area-s="card"][sa-line-w="normal"] > .hm-area {
border-width: 0.03rem;
}
.skin-columns-autofit[sa-area-s="card"][sa-line-w="bold"] > .hm-area {
border-width: 0.05rem;
}
@media screen and (min-width: 640px) {
.skin-columns-autofit[sa-area-s="line"][sa-line-s] > .hm-area {
border-left-width: 1px;
border-left-color: rgba(0, 0, 0, 0.3);
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="solid"] > .hm-area {
border-left-style: solid;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="dashed"] > .hm-area {
border-left-style: dashed;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="dotted"] > .hm-area {
border-left-style: dotted;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="tiny"] > .hm-area {
border-left-width: 1px;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="normal"] > .hm-area {
border-left-width: 0.03rem;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="bold"] > .hm-area {
border-left-width: 0.06rem;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s][sa-line-w] > .hm-area:first-child {
border-left-width: 0;
}
}
@media screen and (max-width: 640px) {
.hm-com-columns[skin="skin-columns-autofit"] > .hm-com-W > .skin-columns-autofit {
display: block;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s] > .hm-area {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.3);
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="solid"] > .hm-area {
border-top-style: solid;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="dashed"] > .hm-area {
border-top-style: dashed;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s="dotted"] > .hm-area {
border-top-style: dotted;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="tiny"] > .hm-area {
border-top-width: 1px;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="normal"] > .hm-area {
border-top-width: 0.03rem;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-w="bold"] > .hm-area {
border-top-width: 0.06rem;
}
.skin-columns-autofit[sa-area-s="line"][sa-line-s][sa-line-w] > .hm-area:first-child {
border-top-width: 0;
}
.skin-columns-autofit > .hm-area[area-align] > .hm-area-con {
align-items: center;
justify-content: center;
}
}
.skin-columns-animat-c2 > .hm-area:first-child {
width: 50%;
}
.skin-columns-animat-c2 > .hm-area:last-child {
width: 50%;
}
.hm-com-columns[skin="skin-columns-animat-c2"] > .hm-com-W > .skin-columns-animat-c2 > .hm-area {
transition: 0.5s;
}
.hm-com-columns[skin="skin-columns-animat-c2"][hm-scroll-outview] > .hm-com-W > .skin-columns-animat-c2[sa-animat-mode="always"] > .hm-area:first-child {
transform: translateX(-1000px);
}
.hm-com-columns[skin="skin-columns-animat-c2"][hm-scroll-outview] > .hm-com-W > .skin-columns-animat-c2[sa-animat-mode="always"] > .hm-area:last-child {
transform: translateX(1000px);
}
.hm-com-columns[skin="skin-columns-animat-c2"][hm-never-inview] > .hm-com-W > .skin-columns-animat-c2[sa-animat-mode="once"] > .hm-area:first-child {
transform: translateX(-1000px);
}
.hm-com-columns[skin="skin-columns-animat-c2"][hm-never-inview] > .hm-com-W > .skin-columns-animat-c2[sa-animat-mode="once"] > .hm-area:last-child {
transform: translateX(1000px);
}
a.hm-com-image[skin="skin-image-block"] {
width: 100%;
height: 100%;
display: block;
}
.skin-image-block {
width: 100%;
height: 100%;
}
.skin-image-block > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect] img {
animation-iteration-count: infinite;
animation-duration: 12s;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-speed="fast"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-speed="fast"] img {
animation-duration: 6s;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-speed="slow"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-speed="slow"] img {
animation-duration: 20s;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="P"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="P"] img {
animation-name: effect_P;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="P"][sa-distance="short"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="P"][sa-distance="short"] img {
animation-name: effect_P_short;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="P"][sa-distance="long"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="P"][sa-distance="long"] img {
animation-name: effect_P_long;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WN"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WN"] img {
animation-name: effect_WN;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WN"][sa-distance="short"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WN"][sa-distance="short"] img {
animation-name: effect_WN_short;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WN"][sa-distance="long"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WN"][sa-distance="long"] img {
animation-name: effect_WN_long;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WS"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WS"] img {
animation-name: effect_WS;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WS"][sa-distance="short"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WS"][sa-distance="short"] img {
animation-name: effect_WS_short;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="WS"][sa-distance="long"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="WS"][sa-distance="long"] img {
animation-name: effect_WS_long;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="EN"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="EN"] img {
animation-name: effect_EN;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="EN"][sa-distance="short"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="EN"][sa-distance="short"] img {
animation-name: effect_EN_short;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="EN"][sa-distance="long"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="EN"][sa-distance="long"] img {
animation-name: effect_EN_long;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="ES"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="ES"] img {
animation-name: effect_ES;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="ES"][sa-distance="short"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="ES"][sa-distance="short"] img {
animation-name: effect_ES_short;
}
.hm-com-image[skin="skin-image-block"][hmaker-rt] .skin-image-block[sa-effect="ES"][sa-distance="long"] img,
.hm-com-image[skin="skin-image-block"][hm-actived] .skin-image-block[sa-effect="ES"][sa-distance="long"] img {
animation-name: effect_ES_long;
}
@keyframes effect_P {
50% {
transform: scale(1.06);
}
}
@keyframes effect_P_short {
50% {
transform: scale(1.03);
}
}
@keyframes effect_P_long {
50% {
transform: scale(1.1);
}
}
@keyframes effect_WN {
50% {
transform: scale(1.06);
transform-origin: top left;
}
}
@keyframes effect_WN_short {
50% {
transform: scale(1.03);
transform-origin: top left;
}
}
@keyframes effect_WN_long {
50% {
transform: scale(1.1);
transform-origin: top left;
}
}
@keyframes effect_WS {
50% {
transform: scale(1.06);
transform-origin: bottom left;
}
}
@keyframes effect_WS_short {
50% {
transform: scale(1.03);
transform-origin: bottom left;
}
}
@keyframes effect_WS_long {
50% {
transform: scale(1.1);
transform-origin: bottom left;
}
}
@keyframes effect_EN {
50% {
transform: scale(1.06);
transform-origin: top right;
}
}
@keyframes effect_EN_short {
50% {
transform: scale(1.03);
transform-origin: top right;
}
}
@keyframes effect_EN_long {
50% {
transform: scale(1.1);
transform-origin: top right;
}
}
@keyframes effect_ES {
50% {
transform: scale(1.06);
transform-origin: bottom right;
}
}
@keyframes effect_ES_short {
50% {
transform: scale(1.03);
transform-origin: bottom right;
}
}
@keyframes effect_ES_long {
50% {
transform: scale(1.1);
transform-origin: bottom right;
}
}
a.hm-com-image[skin="skin-image-icon"] {
display: inline-block;
}
.skin-image-icon {
display: -webkit-flex;
display: flex;
}
.skin-image-icon > img {
flex: 0 0 auto;
}
.skin-image-icon > section {
flex: 1 1 auto;
position: unset;
color: #888;
font-size: 0.14rem;
white-space: nowrap;
padding: 0 0.04rem;
display: -webkit-flex;
display: flex;
align-items: center;
}
a.hm-com[skin="skin-image-icon"]:hover {
text-decoration: none;
}
html[hmaker-ide] .hm-com-navmenu[hm-actived] > .hm-com-W > .skin-navmenu-sky li[current] > a {
background: rgba(255, 255, 0, 0.4);
color: #000;
}
@media screen and (min-width: 640px) {
.hm-com[skin="skin-navmenu-sky"] {
height: 0.5rem;
}
.hm-com[skin="skin-navmenu-sky"] > .hm-com-W {
width: 100%;
height: 100%;
}
.hm-com[skin="skin-navmenu-sky"] > .hm-com-W .skin-navmenu-sky {
width: 100%;
height: 100%;
}
.skin-navmenu-sky {
font-size: 0.16rem;
}
.skin-navmenu-sky a {
text-decoration: none;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
}
.skin-navmenu-sky a[href]:hover {
text-decoration: none;
}
.skin-navmenu-sky li {
position: relative;
}
.skin-navmenu-sky li[open-sub] > .ul-sub {
z-index: 9;
display: block;
}
.skin-navmenu-sky .ul-top {
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
}
.skin-navmenu-sky .li-top {
flex: 1 1 auto;
margin: 0;
padding: 0 0.1rem;
text-align: center;
}
.skin-navmenu-sky .li-top > a {
display: block;
width: 100%;
height: 100%;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-navmenu-sky .ul-sub {
position: absolute;
display: none;
padding: 0;
min-width: 1.4rem;
background: rgba(255, 255, 255, 0.8);
text-align: left;
border: 1px solid rgba(0, 0, 0, 0.3);
border-top: 0;
}
.skin-navmenu-sky .ul-sub .li-sub {
padding: 0.08rem 0.2rem;
}
.skin-navmenu-sky .ul-sub .li-sub:hover {
background: rgba(0, 0, 0, 0.7);
}
.skin-navmenu-sky .ul-sub .li-sub:hover a {
color: #FFF;
}
.skin-navmenu-sky .ul-sub a {
color: #2F2F2F;
}
.skin-navmenu-sky .ul-sub-0 {
margin: 0;
}
.skin-navmenu-sky .ul-sub-n {
margin: 0 1px;
}
.skin-navmenu-sky[sa-submenu="mobile"] > .ul-sub,
.skin-navmenu-sky[sa-submenu="mobile"] li[open-sub] > .ul-sub {
display: none;
}
.skin-navmenu-sky .nmi-icon {
display: none;
}
.skin-navmenu-sky[sa-sep="none"] ul li,
.skin-navmenu-sky[sa-sep="top"] ul .li-sub,
.skin-navmenu-sky[sa-sep="sub"] ul .li-top {
border: 0;
}
.skin-navmenu-sky[sa-sep="all"] .li-top,
.skin-navmenu-sky[sa-sep="top"] .li-top {
border-left: 1px dotted rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sky[sa-sep="all"] .li-top:first-child,
.skin-navmenu-sky[sa-sep="top"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sky[sa-sep="all"] .li-sub,
.skin-navmenu-sky[sa-sep="sub"] .li-sub {
border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sky[sa-sep="all"] .li-sub:first-child,
.skin-navmenu-sky[sa-sep="sub"] .li-sub:first-child {
border: 0;
}
.skin-navmenu-sky[sa-sep-style="solid"] .li-top {
border-left-style: solid;
}
.skin-navmenu-sky[sa-sep-style="solid"] .li-sub {
border-top-style: solid;
}
.skin-navmenu-sky[sa-sep-style="dashed"] .li-top {
border-left-style: dashed;
}
.skin-navmenu-sky[sa-sep-style="dashed"] .li-sub {
border-top-style: dashed;
}
.skin-navmenu-sky[sa-sep-style="dotted"] .li-top {
border-left-style: dotted;
}
.skin-navmenu-sky[sa-sep-style="dotted"] .li-sub {
border-top-style: dotted;
}
}
@media screen and (max-width: 640px) {
.hm-com[skin="skin-navmenu-sky"] {
font-size: 0.24rem;
}
.skin-navmenu-sky {
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}
.skin-navmenu-sky > .nmi-icon {
padding: 0.2rem;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-navmenu-sky > .nmi-icon > span {
display: block;
width: 0.4rem;
height: 0.4rem;
cursor: pointer;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.skin-navmenu-sky > .nmi-icon > span b {
transition: 0.5s;
display: block;
width: 100%;
height: 0.06rem;
background: #888;
}
.skin-navmenu-sky > .ul-top {
transition: 0.5s;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
color: #EEE;
display: none;
overflow: auto;
padding: 0.1rem;
flex-wrap: wrap;
align-content: center;
text-align: center;
}
.skin-navmenu-sky > .ul-top a,
.skin-navmenu-sky > .ul-top a:hover {
color: #EEE;
}
.skin-navmenu-sky .li-top {
width: 100%;
padding: 0.2rem;
font-size: 1.4em;
}
.skin-navmenu-sky .li-sub {
font-size: 0.7em;
padding: 0.1rem;
white-space: nowrap;
}
.skin-navmenu-sky .ul-sub-0 {
margin: 0.1rem;
}
.skin-navmenu-sky[sa-submenu="desktop"] .ul-sub {
display: none;
}
.skin-navmenu-sky[open] > .ul-top {
display: -webkit-flex;
display: flex;
z-index: 998;
}
.skin-navmenu-sky[open] > .nmi-icon {
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
.skin-navmenu-sky[open] > .nmi-icon > span b:nth-child(1) {
transform: translateY(0.17rem) rotate(405deg);
}
.skin-navmenu-sky[open] > .nmi-icon > span b:nth-child(2) {
opacity: 0;
width: 1px;
margin-left: 0.2rem;
}
.skin-navmenu-sky[open] > .nmi-icon > span b:nth-child(3) {
transform: translateY(-0.17rem) rotate(-405deg);
}
}
.skin-navmenu-tabs {
padding: 0.2rem;
}
.skin-navmenu-tabs .ul-sub {
display: none;
}
.skin-navmenu-tabs .ul-top {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: stretch;
padding: 0rem;
}
.skin-navmenu-tabs .li-top {
flex: 1 1 auto;
margin: 0 1px 0 0;
display: -webkit-flex;
display: flex;
}
.skin-navmenu-tabs .li-top a {
display: block;
flex: 1 1 auto;
cursor: pointer;
text-align: center;
letter-spacing: 0.02rem;
padding: 0.12rem 0.02rem;
border: 1px solid rgba(0, 0, 0, 0.2);
border-top: 0.04rem solid #98CA22;
color: #98CA22;
background: rgba(255, 255, 255, 0.8);
}
.skin-navmenu-tabs[sa-it-wrap="both"] .ul-top {
flex-wrap: wrap;
}
.skin-navmenu-tabs[sa-it-wrap="both"] .li-top {
white-space: nowrap;
}
html[hmaker-ide] .skin-navmenu-tabs .li-top[current] {
border: 1px dotted #00A;
}
@media screen and (min-width: 640px) {
.skin-navmenu-tabs[sa-it-wrap="desktop"] .ul-top {
flex-wrap: wrap;
}
.skin-navmenu-tabs[sa-it-wrap="desktop"] .li-top {
white-space: nowrap;
}
}
@media screen and (max-width: 640px) {
.skin-navmenu-tabs[sa-it-wrap="mobile"] .ul-top {
flex-wrap: wrap;
}
.skin-navmenu-tabs[sa-it-wrap="mobile"] .li-top {
white-space: nowrap;
}
}
.skin-navmenu-sitemap {
font-size: 0.13rem;
}
.skin-navmenu-sitemap a {
color: #333;
display: block;
padding: 0.04rem 0;
}
.skin-navmenu-sitemap a[href]:hover {
color: #98CA22;
text-decoration: underline;
}
.skin-navmenu-sitemap .li-top > a {
font-weight: bold;
color: #333;
}
html[hmaker-ide] .skin-navmenu-sitemap li[current] > a {
background: #FF0;
color: #000;
}
@media screen and (min-width: 640px) {
.skin-navmenu-sitemap .ul-top {
display: -webkit-flex;
display: flex;
justify-content: center;
padding: 0.04rem 0;
}
.skin-navmenu-sitemap .li-top {
padding: 0 0.1rem;
flex: 1 1 auto;
}
.skin-navmenu-sitemap .ul-sub {
padding: 0.04rem 0;
}
.skin-navmenu-sitemap[sa-sep="solid"] .li-top {
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="solid"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-sep="dashed"] .li-top {
border-left: 1px dashed rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="dashed"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-sep="dotted"] .li-top {
border-left: 1px dotted rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="dotted"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-h-align="center"] .li-top > a {
text-align: center;
}
.skin-navmenu-sitemap[sa-h-align="right"] .li-top > a {
text-align: right;
}
.skin-navmenu-sitemap[sa-s-align="center"] .li-sub {
text-align: center;
}
.skin-navmenu-sitemap[sa-s-align="right"] .li-sub {
text-align: right;
}
}
@media screen and (max-width: 640px) {
.skin-navmenu-sitemap .ul-top {
font-size: 0.18rem;
}
.skin-navmenu-sitemap .li-top {
padding: 0.1rem 0;
}
.skin-navmenu-sitemap .ul-sub {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-navmenu-sitemap .li-sub {
flex: 1 1 auto;
padding: 0 0.04rem;
line-height: 0.32rem;
}
.skin-navmenu-sitemap[sa-sep="solid"] .li-top {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="solid"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-sep="dashed"] .li-top {
border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="dashed"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-sep="dotted"] .li-top {
border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.skin-navmenu-sitemap[sa-sep="dotted"] .li-top:first-child {
border: 0;
}
.skin-navmenu-sitemap[sa-h-align="center"] .li-top > a {
text-align: center;
}
.skin-navmenu-sitemap[sa-h-align="right"] .li-top > a {
text-align: right;
}
.skin-navmenu-sitemap[sa-s-align="left"] .ul-sub {
justify-content: flex-start;
border-left: 2px solid #98CA22;
padding-left: 0.04rem;
margin-left: 0.02rem;
}
.skin-navmenu-sitemap[sa-s-align="center"] .ul-sub {
justify-content: center;
text-align: center;
}
.skin-navmenu-sitemap[sa-s-align="right"] .ul-sub {
justify-content: flex-end;
text-align: right;
border-right: 2px solid #98CA22;
padding-right: 0.04rem;
margin-right: 0.02rem;
}
}
.hm-com-navmenu[skin="skin-navmenu-icon"] {
display: inline-block;
font-size: 0.18rem;
}
html[hmaker-ide] .skin-navmenu-icon li[current] > a {
background: #FF0;
color: #000;
}
.skin-navmenu-icon > .nmi-icon {
padding: 0.2rem;
}
.skin-navmenu-icon > .nmi-icon > span {
display: block;
width: 0.4rem;
height: 0.4rem;
cursor: pointer;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.skin-navmenu-icon > .nmi-icon > span b {
transition: 0.5s;
display: block;
width: 100%;
height: 0.05rem;
background: #CCC;
}
.skin-navmenu-icon > .ul-top {
transition: 0.5s;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
color: #EEE;
display: none;
overflow: auto;
padding: 0.1rem;
flex-wrap: wrap;
align-content: center;
text-align: center;
}
.skin-navmenu-icon > .ul-top a,
.skin-navmenu-icon > .ul-top a:hover {
color: #EEE;
}
.skin-navmenu-icon .li-top {
width: 100%;
padding: 0.2rem;
font-size: 1.4em;
}
.skin-navmenu-icon .li-sub {
font-size: 0.7em;
padding: 0.04rem 0.08rem;
white-space: nowrap;
}
.skin-navmenu-icon .ul-sub {
display: none;
}
.skin-navmenu-icon .ul-sub-0 {
justify-content: center;
flex-wrap: wrap;
}
.skin-navmenu-icon[sa-submenu="always"] .ul-sub-0 {
display: -webkit-flex;
display: flex;
}
.skin-navmenu-icon[open] > .ul-top {
display: -webkit-flex;
display: flex;
z-index: 998;
}
.skin-navmenu-icon[open] > .nmi-icon {
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
.skin-navmenu-icon[open] > .nmi-icon > span b:nth-child(1) {
transform: translateY(0.175rem) rotate(405deg);
}
.skin-navmenu-icon[open] > .nmi-icon > span b:nth-child(2) {
opacity: 0;
width: 1px;
margin-left: 0.2rem;
}
.skin-navmenu-icon[open] > .nmi-icon > span b:nth-child(3) {
transform: translateY(-0.175rem) rotate(-405deg);
}
@media screen and (min-width: 640px) {
.skin-navmenu-icon[sa-submenu="desktop"] .ul-sub-0 {
display: -webkit-flex;
display: flex;
}
}
@media screen and (max-width: 640px) {
.hm-com-navmenu[skin="skin-navmenu-icon"] {
font-size: 0.24rem;
}
.skin-navmenu-icon[sa-submenu="mobile"] .ul-sub-0 {
display: -webkit-flex;
display: flex;
}
}
.skin-navmenu-tree {
padding: 0.2rem;
line-height: 2em;
}
.skin-navmenu-tree .ul-sub {
padding: 0.05rem 0.15rem;
margin: 0 0 0 0.15rem;
}
.skin-navmenu-tree .li-top {
padding: 0.1rem 0;
}
.skin-navmenu-tree li > a {
display: block;
padding-left: 0.1rem;
}
.skin-navmenu-tree li[current] > a {
border-left: 0.06rem solid rgba(100, 100, 100, 0.4);
}
.skin-navmenu-tree[sa-sep-line-s] .li-top {
border-top-color: #DDD;
}
.skin-navmenu-tree[sa-sep-line-s="solid"] .li-top {
border-top-style: solid;
}
.skin-navmenu-tree[sa-sep-line-s="dashed"] .li-top {
border-top-style: dashed;
}
.skin-navmenu-tree[sa-sep-line-s="dotted"] .li-top {
border-top-style: dotted;
}
.skin-navmenu-tree[sa-sep-line-w="tiny"] .li-top {
border-top-width: 1px;
}
.skin-navmenu-tree[sa-sep-line-w="normal"] .li-top {
border-top-width: 0.03rem;
}
.skin-navmenu-tree[sa-sep-line-w="bold"] .li-top {
border-top-width: 0.06rem;
}
.skin-navmenu-tree[sa-sep-line-s] .li-top:first-child {
border-top: 0;
}
.skin-navmenu-link {
padding: 0.1rem;
}
.skin-navmenu-link .ul-sub {
display: none;
}
.skin-navmenu-link .ul-top {
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-navmenu-link .li-top {
padding: 0 0.1rem;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-navmenu-link .li-top:first-child {
border: 0;
}
.skin-navmenu-link .li-top a {
display: block;
text-align: center;
}
.skin-navmenu-link[sa-sep-line-s] .li-top {
border-left-color: #DDD;
}
.skin-navmenu-link[sa-sep-line-s="solid"] .li-top {
border-left-style: solid;
}
.skin-navmenu-link[sa-sep-line-s="dashed"] .li-top {
border-left-style: dashed;
}
.skin-navmenu-link[sa-sep-line-s="dotted"] .li-top {
border-left-style: dotted;
}
.skin-navmenu-link[sa-sep-line-w="tiny"] .li-top {
border-left-width: 1px;
}
.skin-navmenu-link[sa-sep-line-w="normal"] .li-top {
border-left-width: 0.03rem;
}
.skin-navmenu-link[sa-sep-line-w="bold"] .li-top {
border-left-width: 0.06rem;
}
.skin-navmenu-link[sa-sep-line-s] .li-top:first-child {
border-left: 0;
}
html[hmaker-ide] .skin-navmenu-link .li-top[current] {
background: #FF0;
}
.skin-navmenu-btn {
padding: 0.1rem;
}
.skin-navmenu-btn .ul-sub {
display: none;
}
.skin-navmenu-btn .ul-top {
display: -webkit-flex;
display: flex;
padding: 0;
flex-wrap: wrap;
}
.skin-navmenu-btn .li-top {
flex: 0 0 auto;
margin: 1px 1px 0 0;
display: -webkit-flex;
display: flex;
white-space: nowrap;
}
.skin-navmenu-btn .li-top a {
display: block;
flex: 1 1 auto;
cursor: pointer;
text-align: center;
letter-spacing: 0.02rem;
padding: 0.12rem 0.1rem;
color: #EEE;
background: #444;
}
.skin-navmenu-btn .li-top a:hover {
text-decoration: none;
}
.skin-navmenu-btn[sa-btn-align] .li-top {
border-left-color: #DDD;
}
.skin-navmenu-btn[sa-btn-align="center"] .ul-top {
justify-content: center;
}
.skin-navmenu-btn[sa-btn-align="right"] .ul-top {
justify-content: flex-end;
}
.skin-navmenu-btn[sa-btn-align="stretch"] .li-top {
flex: 1 1 auto;
}
html[hmaker-ide] .skin-navmenu-btn .li-top[current] {
border: 1px dotted #00A;
}
.skin-text-article {
padding: 0.12rem;
}
.skin-text-article[sa-h-align="left"] article.md-content h1,
.skin-text-article[sa-h-align="left"] article.md-content h2,
.skin-text-article[sa-h-align="left"] article.md-content h3,
.skin-text-article[sa-h-align="left"] article.md-content h4,
.skin-text-article[sa-h-align="left"] article.md-content h5,
.skin-text-article[sa-h-align="left"] article.md-content h6 {
text-align: left;
}
.skin-text-article[sa-h-align="center"] article.md-content h1,
.skin-text-article[sa-h-align="center"] article.md-content h2,
.skin-text-article[sa-h-align="center"] article.md-content h3,
.skin-text-article[sa-h-align="center"] article.md-content h4,
.skin-text-article[sa-h-align="center"] article.md-content h5,
.skin-text-article[sa-h-align="center"] article.md-content h6 {
text-align: center;
}
.skin-text-article[sa-h-align="right"] article.md-content h1,
.skin-text-article[sa-h-align="right"] article.md-content h2,
.skin-text-article[sa-h-align="right"] article.md-content h3,
.skin-text-article[sa-h-align="right"] article.md-content h4,
.skin-text-article[sa-h-align="right"] article.md-content h5,
.skin-text-article[sa-h-align="right"] article.md-content h6 {
text-align: right;
}
.skin-text-article[sa-p-align="left"] article.md-content p {
text-align: left;
}
.skin-text-article[sa-p-align="center"] article.md-content p {
text-align: center;
}
.skin-text-article[sa-p-align="right"] article.md-content p {
text-align: right;
}
.skin-text-brief {
padding: 0;
text-align: center;
}
.skin-text-brief[sa-h-align="left"] article.md-content h1,
.skin-text-brief[sa-h-align="left"] article.md-content h2,
.skin-text-brief[sa-h-align="left"] article.md-content h3,
.skin-text-brief[sa-h-align="left"] article.md-content h4,
.skin-text-brief[sa-h-align="left"] article.md-content h5,
.skin-text-brief[sa-h-align="left"] article.md-content h6 {
text-align: left;
}
.skin-text-brief[sa-h-align="center"] article.md-content h1,
.skin-text-brief[sa-h-align="center"] article.md-content h2,
.skin-text-brief[sa-h-align="center"] article.md-content h3,
.skin-text-brief[sa-h-align="center"] article.md-content h4,
.skin-text-brief[sa-h-align="center"] article.md-content h5,
.skin-text-brief[sa-h-align="center"] article.md-content h6 {
text-align: center;
}
.skin-text-brief[sa-h-align="right"] article.md-content h1,
.skin-text-brief[sa-h-align="right"] article.md-content h2,
.skin-text-brief[sa-h-align="right"] article.md-content h3,
.skin-text-brief[sa-h-align="right"] article.md-content h4,
.skin-text-brief[sa-h-align="right"] article.md-content h5,
.skin-text-brief[sa-h-align="right"] article.md-content h6 {
text-align: right;
}
.skin-text-brief[sa-p-align="left"] article.md-content p {
text-align: left;
}
.skin-text-brief[sa-p-align="center"] article.md-content p {
text-align: center;
}
.skin-text-brief[sa-p-align="right"] article.md-content p {
text-align: right;
}
.skin-text-brief article.md-content {
padding: 0.1rem;
margin: 0;
}
.skin-text-brief article.md-content h1,
.skin-text-brief article.md-content h2,
.skin-text-brief article.md-content h3,
.skin-text-brief article.md-content h4,
.skin-text-brief article.md-content h5,
.skin-text-brief article.md-content h6 {
border: 0;
margin: 0 0.1rem;
padding: 0.06rem;
font-size: 1.6em;
letter-spacing: 0.1em;
}
.skin-text-brief article.md-content blockquote {
text-align: inherit;
border: 0;
}
.skin-text-brief article.md-content a {
display: inline-block;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
padding: 0.04rem;
border: 1px solid rgba(0, 0, 0, 0.3);
min-width: 1.8rem;
text-align: center;
vertical-align: middle;
margin: 1px;
font-size: 0.8em;
}
.skin-text-brief article.md-content a > * {
margin-right: 0.4em;
}
.skin-text-brief article.md-content a:hover {
text-decoration: none;
color: #FFF;
background: #98CA22;
}
.skin-text-brief article.md-content ul {
list-style: none;
display: inline-block;
margin: 0 auto;
}
.skin-text-brief[sa-h-line-m="all"] article.md-content .md-header {
border: 1px solid rgba(0, 0, 0, 0.6);
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-s="solid"] article.md-content .md-header {
border-style: solid;
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-s="dashed"] article.md-content .md-header {
border-style: dashed;
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-s="dotted"] article.md-content .md-header {
border-style: dotted;
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-w="tiny"] article.md-content .md-header {
border-width: 1px;
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-w="normal"] article.md-content .md-header {
border-width: 0.03rem;
}
.skin-text-brief[sa-h-line-m="all"][sa-h-line-w="bold"] article.md-content .md-header {
border-width: 0.06rem;
}
.skin-text-brief[sa-h-line-m="left"] article.md-content .md-header {
border-left: 3px solid rgba(0, 0, 0, 0.6);
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-s="solid"] article.md-content .md-header {
border-left-style: solid;
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-s="dashed"] article.md-content .md-header {
border-left-style: dashed;
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-s="dotted"] article.md-content .md-header {
border-left-style: dotted;
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-w="tiny"] article.md-content .md-header {
border-left-width: 1px;
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-w="normal"] article.md-content .md-header {
border-left-width: 0.03rem;
}
.skin-text-brief[sa-h-line-m="left"][sa-h-line-w="bold"] article.md-content .md-header {
border-left-width: 0.06rem;
}
.skin-text-brief[sa-h-line-m="V"] article.md-content .md-header {
border-top: 1px solid rgba(0, 0, 0, 0.6);
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-s="solid"] article.md-content .md-header {
border-top-style: solid;
border-bottom-style: solid;
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-s="dashed"] article.md-content .md-header {
border-top-style: dashed;
border-bottom-style: dashed;
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-s="dotted"] article.md-content .md-header {
border-top-style: dotted;
border-bottom-style: dotted;
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-w="tiny"] article.md-content .md-header {
border-top-width: 1px;
border-bottom-width: 1px;
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-w="normal"] article.md-content .md-header {
border-top-width: 0.03rem;
border-bottom-width: 0.03rem;
}
.skin-text-brief[sa-h-line-m="V"][sa-h-line-w="bold"] article.md-content .md-header {
border-top-width: 0.06rem;
border-bottom-width: 0.06rem;
}
.skin-text-brief[sa-h-line-m="up"] article.md-content .md-header {
border-top: 1px solid rgba(0, 0, 0, 0.6);
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-s="solid"] article.md-content .md-header {
border-top-style: solid;
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-s="dashed"] article.md-content .md-header {
border-top-style: dashed;
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-s="dotted"] article.md-content .md-header {
border-top-style: dotted;
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-w="tiny"] article.md-content .md-header {
border-top-width: 1px;
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-w="normal"] article.md-content .md-header {
border-top-width: 0.03rem;
}
.skin-text-brief[sa-h-line-m="up"][sa-h-line-w="bold"] article.md-content .md-header {
border-top-width: 0.06rem;
}
.skin-text-brief[sa-h-line-m="down"] article.md-content .md-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-s="solid"] article.md-content .md-header {
border-bottom-style: solid;
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-s="dashed"] article.md-content .md-header {
border-bottom-style: dashed;
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-s="dotted"] article.md-content .md-header {
border-bottom-style: dotted;
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-w="tiny"] article.md-content .md-header {
border-bottom-width: 1px;
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-w="normal"] article.md-content .md-header {
border-bottom-width: 0.03rem;
}
.skin-text-brief[sa-h-line-m="down"][sa-h-line-w="bold"] article.md-content .md-header {
border-bottom-width: 0.06rem;
}
.skin-text-gorgeous {
text-align: center;
padding: 0.1rem 0 0.4rem 0;
}
.skin-text-gorgeous[sa-h-align="left"] article.md-content h1,
.skin-text-gorgeous[sa-h-align="left"] article.md-content h2,
.skin-text-gorgeous[sa-h-align="left"] article.md-content h3,
.skin-text-gorgeous[sa-h-align="left"] article.md-content h4,
.skin-text-gorgeous[sa-h-align="left"] article.md-content h5,
.skin-text-gorgeous[sa-h-align="left"] article.md-content h6 {
text-align: left;
}
.skin-text-gorgeous[sa-h-align="center"] article.md-content h1,
.skin-text-gorgeous[sa-h-align="center"] article.md-content h2,
.skin-text-gorgeous[sa-h-align="center"] article.md-content h3,
.skin-text-gorgeous[sa-h-align="center"] article.md-content h4,
.skin-text-gorgeous[sa-h-align="center"] article.md-content h5,
.skin-text-gorgeous[sa-h-align="center"] article.md-content h6 {
text-align: center;
}
.skin-text-gorgeous[sa-h-align="right"] article.md-content h1,
.skin-text-gorgeous[sa-h-align="right"] article.md-content h2,
.skin-text-gorgeous[sa-h-align="right"] article.md-content h3,
.skin-text-gorgeous[sa-h-align="right"] article.md-content h4,
.skin-text-gorgeous[sa-h-align="right"] article.md-content h5,
.skin-text-gorgeous[sa-h-align="right"] article.md-content h6 {
text-align: right;
}
.skin-text-gorgeous[sa-p-align="left"] article.md-content p,
.skin-text-gorgeous[sa-p-align="left"] article.md-content blockquote {
text-align: left;
}
.skin-text-gorgeous[sa-p-align="center"] article.md-content p,
.skin-text-gorgeous[sa-p-align="center"] article.md-content blockquote {
text-align: center;
}
.skin-text-gorgeous[sa-p-align="right"] article.md-content p,
.skin-text-gorgeous[sa-p-align="right"] article.md-content blockquote {
text-align: right;
}
.skin-text-gorgeous article.md-content .cbox-cols > ul,
.skin-text-gorgeous article.md-content .cbox-cols2 > ul {
padding: 0.1rem;
margin: 0;
list-style: none;
}
.skin-text-gorgeous article.md-content .cbox-cols > ul li,
.skin-text-gorgeous article.md-content .cbox-cols2 > ul li {
padding: 0.1rem;
}
.skin-text-gorgeous article.md-content .cbox-line-tow-plus ul {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
padding: 0.4rem 0.1rem;
margin: 0;
list-style: none;
background: rgba(0, 0, 0, 0.05);
}
.skin-text-gorgeous article.md-content .cbox-line-tow-plus ul li {
flex: 0 0 auto;
}
.skin-text-gorgeous article.md-content .cbox-line-tow-plus ul li:nth-child(2n+1) {
border-radius: 50%;
padding: 0.5rem;
text-align: center;
background: #FFF;
border: 0.1rem solid rgba(0, 0, 0, 0.1);
color: #AAA;
font-size: 0.8em;
}
.skin-text-gorgeous article.md-content .cbox-line-tow-plus ul li:nth-child(2n+1) b {
font-size: 1.8em;
color: #444;
}
.skin-text-gorgeous article.md-content .cbox-line-tow-plus ul li:nth-child(2n+0) {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: #98CA22;
color: #FFF;
margin: 0 3%;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0.4rem 0.1rem;
margin: 0;
list-style: none;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li {
flex: 0 0 auto;
margin-right: -0.5rem;
line-height: 1.4em;
text-align: center;
color: #AAA;
font-size: 0.8em;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li span {
display: block;
width: 2.5rem;
height: 2.5rem;
background: #EFD;
border-radius: 50%;
box-shadow: 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.15);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li span > i {
width: 40%;
height: 40%;
background: #FFF;
color: #CCC;
border-radius: 50%;
font-size: 2.8em;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li b {
display: block;
line-height: 1.6em;
font-size: 1.8em;
color: #444;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li:nth-child(2n+0) span {
background: #FFF;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0.4rem 0;
margin: 0;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li {
flex: 1 1 auto;
text-align: center;
color: #AAA;
line-height: 0.24rem;
font-size: 0.16rem;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li img {
display: block;
margin: 0 auto -0.5rem auto;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li b {
display: block;
padding: 0.02rem 0.1rem;
color: #666;
margin: 0.4rem 0 -0.2rem 0;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li b i {
font-size: 1rem;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li[md-img-only],
.skin-text-gorgeous article.md-content .cbox-cols2 ul li:last-child {
text-align: center;
}
@media screen and (min-width: 640px) {
.skin-text-gorgeous {
text-align: center;
}
.skin-text-gorgeous article.md-content .cbox-cols ul {
display: -webkit-flex;
display: flex;
padding: 0.4rem 0;
margin: 0;
}
.skin-text-gorgeous article.md-content .cbox-cols ul li {
flex: 1 1 auto;
max-width: 50%;
text-align: center;
}
.skin-text-gorgeous article.md-content .cbox-cols ul li b {
display: block;
padding: 0.02rem 0.1rem;
margin: 0.4rem 0 0 0;
width: 100%;
font-size: 2em;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li b {
font-size: 0.2rem;
}
}
@media screen and (max-width: 640px) {
.skin-text-gorgeous article.md-content .cbox-cols ul {
padding: 0.4rem 0;
margin: 0;
text-align: center;
}
.skin-text-gorgeous article.md-content .cbox-cols ul li b {
display: block;
padding: 0.02rem 0.1rem;
margin: 0.4rem 0 0 0;
font-size: 2em;
}
.skin-text-gorgeous article.md-content .cbox-cols ul li b i {
font-size: 1rem;
}
.skin-text-gorgeous article.md-content .cbox-cols2 ul li b {
font-size: 0.3rem;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li {
margin-right: 0;
padding: 0.1rem;
}
.skin-text-gorgeous article.md-content .cbox-line-n ul li span {
width: 1.8rem;
height: 1.8rem;
}
}
.skin-text-copyright {
color: #DDD;
padding: 0.12rem;
}
.skin-text-copyright[sa-h-align="left"] article.md-content h1,
.skin-text-copyright[sa-h-align="left"] article.md-content h2,
.skin-text-copyright[sa-h-align="left"] article.md-content h3,
.skin-text-copyright[sa-h-align="left"] article.md-content h4,
.skin-text-copyright[sa-h-align="left"] article.md-content h5,
.skin-text-copyright[sa-h-align="left"] article.md-content h6 {
text-align: left;
}
.skin-text-copyright[sa-h-align="center"] article.md-content h1,
.skin-text-copyright[sa-h-align="center"] article.md-content h2,
.skin-text-copyright[sa-h-align="center"] article.md-content h3,
.skin-text-copyright[sa-h-align="center"] article.md-content h4,
.skin-text-copyright[sa-h-align="center"] article.md-content h5,
.skin-text-copyright[sa-h-align="center"] article.md-content h6 {
text-align: center;
}
.skin-text-copyright[sa-h-align="right"] article.md-content h1,
.skin-text-copyright[sa-h-align="right"] article.md-content h2,
.skin-text-copyright[sa-h-align="right"] article.md-content h3,
.skin-text-copyright[sa-h-align="right"] article.md-content h4,
.skin-text-copyright[sa-h-align="right"] article.md-content h5,
.skin-text-copyright[sa-h-align="right"] article.md-content h6 {
text-align: right;
}
.skin-text-copyright[sa-p-align="left"] article.md-content p {
text-align: left;
}
.skin-text-copyright[sa-p-align="center"] article.md-content p {
text-align: center;
}
.skin-text-copyright[sa-p-align="right"] article.md-content p {
text-align: right;
}
.skin-text-copyright article.md-content {
padding: 0;
}
.skin-text-copyright article.md-content h1,
.skin-text-copyright article.md-content h2,
.skin-text-copyright article.md-content h3,
.skin-text-copyright article.md-content h4,
.skin-text-copyright article.md-content h5,
.skin-text-copyright article.md-content h6 {
margin: 0.05rem 0;
padding: 0.05rem 0;
font-size: 1.2em;
}
.skin-text-copyright article.md-content p {
margin: 0.02rem 0;
font-size: 0.14rem;
line-height: 0.24rem;
}
/*
面包屑遵守下面的 DOM 结构:
- 其中 a="top" 表示回到顶部
*/
.skin-htmlcode-crumb {
padding: 0.1rem;
color: #AAA;
line-height: 1.5em;
font-size: 0.9em;
}
.skin-htmlcode-crumb ul:after {
content: "";
display: block;
height: 0;
clear: both;
}
.skin-htmlcode-crumb ul li {
float: left;
}
.skin-htmlcode-crumb ul li:after {
display: inline;
content: " > ";
margin: 0 0.05rem;
font-size: 0.6em;
}
.skin-htmlcode-crumb ul li:last-child::after {
display: none;
}
.skin-htmlcode-crumb a,
.skin-htmlcode-crumb b {
display: inline-block;
vertical-align: middle;
}
/*
停靠条遵守下面的 DOM 结构:
- 其中 a="top" 表示回到顶部
*/
.skin-htmlcode-fixbar {
font-size: 0.24rem;
background: rgba(250, 250, 250, 0.9);
border: 1px solid #98CA22;
padding: 0;
overflow: hidden;
}
.skin-htmlcode-fixbar ul {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: stretch;
height: 100%;
padding: 0;
}
.skin-htmlcode-fixbar ul li {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0;
border-top: 1px solid #98CA22;
position: relative;
}
.skin-htmlcode-fixbar ul li:first-child {
border-top: 0;
}
.skin-htmlcode-fixbar ul li a {
color: #98CA22;
}
.skin-htmlcode-fixbar ul li:hover {
background: #98CA22;
}
.skin-htmlcode-fixbar ul li:hover a {
color: #FFF;
}
.skin-htmlcode-fixbar ul li > .enter-show {
display: none;
position: absolute;
}
.skin-dynamic-_std-th_list_any {
padding: 0.1rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 0.1rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item:first-child {
border: 0;
}
.skin-dynamic-_std-th_list_any .wn-li-item > header {
line-height: 0.26rem;
font-size: 0.18rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item > header u {
text-decoration: none;
font-size: 0.8em;
color: #AAA;
margin: 0.08rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item > header a em {
font-style: normal;
}
.skin-dynamic-_std-th_list_any .wn-li-item > header a em:after {
display: inline;
content: " > ";
}
.skin-dynamic-_std-th_list_any .wn-li-item > section:after {
content: "";
display: block;
height: 0;
clear: both;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section a.wla-thumb {
float: left;
margin: 0 0.2rem 0 0.1rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section a.wla-thumb img {
height: 1.6rem;
border: 1px solid #DDD;
border-radius: 0.04rem;
background-color: #DDD;
max-width: 100%;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section p {
margin: 0.1rem 0 0.1rem 0.1rem;
min-width: 50%;
color: #888;
font-size: 0.16rem;
line-height: 0.26rem;
letter-spacing: 1px;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section p[key="th_slogan"] {
font-size: 0.8em;
color: #F80;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section p[key="brief"] {
background-color: rgba(0, 0, 0, 0.05);
padding: 0.1rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section p[key="th_price"] {
font-family: Monaco, Menlo, Consolas, "Courier New", Courier, monospace;
letter-spacing: 1px;
color: #F80;
font-weight: bold;
padding: 0.02rem 0.1rem;
}
.skin-dynamic-_std-th_list_any .wn-li-item > section p[key="th_price"]:before {
display: inline;
content: "￥";
}
.skin-dynamic-_std-th_list_any .wn-li-item .it-more {
background: rgba(0, 0, 0, 0.03);
color: #888;
font-size: 1em;
padding: 0.1rem 0.25rem;
margin: 0.05rem 0 0.1rem 0.05rem;
}
.skin-dynamic-_std-th_list_article .wn-li-article {
padding: 0.12rem 0.2rem 0.3rem 0.2rem;
width: 100%;
}
.skin-dynamic-_std-th_list_article .wn-li-article > h4 {
margin: 0;
padding: 0.1rem 0 0.2rem 0;
line-height: 0.25rem;
font-size: 1.3em;
letter-spacing: 1px;
}
.skin-dynamic-_std-th_list_article .wn-li-article > h4 > a {
color: #666;
}
.skin-dynamic-_std-th_list_article .wn-li-article > h4 > a:hover {
color: #000;
}
.skin-dynamic-_std-th_list_article .wn-li-article > a.wla-thumb {
display: block;
overflow: hidden;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
font-size: 3em;
color: #CCC;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.04rem;
}
.skin-dynamic-_std-th_list_article .wn-li-article > a.wla-thumb img {
width: 100%;
transition: 1s;
}
.skin-dynamic-_std-th_list_article .wn-li-article > a.wla-thumb:hover img {
transform: scale(1.05);
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info > li {
font-size: 1.1em;
letter-spacing: 1px;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info > li[key="brief"] {
width: 100%;
color: #888;
margin: 0 0 0.16rem 0;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info > li[key="date"] {
padding-right: 0.2rem;
color: #98CA22;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info > li[key="source"] {
color: #98CA22;
font-weight: bold;
}
.skin-dynamic-_std-th_list_article .wn-li-article {
border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.skin-dynamic-_std-th_list_article .wn-li-article:first-child {
border: 0;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_list_article .wn-li-article {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 3rem;
}
.skin-dynamic-_std-th_list_article .wn-li-article > h4 {
width: 50%;
}
.skin-dynamic-_std-th_list_article .wn-li-article > a.wla-thumb {
order: -1;
height: 100%;
width: 42%;
box-shadow: 0.03rem 0.03rem 0.08rem rgba(0, 0, 0, 0.2);
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info {
width: 50%;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info > li[key="brief"] {
width: 100%;
color: #888;
padding: 0 0 0 0.16rem;
border-left: 0.02rem solid rgba(0, 0, 0, 0.1);
margin: 0 0 0.16rem 0;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_list_article .wn-li-article {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_list_article .wn-li-article > h4 {
width: 100%;
}
.skin-dynamic-_std-th_list_article .wn-li-article > a.wla-thumb {
width: 40%;
height: 2rem;
}
.skin-dynamic-_std-th_list_article .wn-li-article > ul.wla-info {
width: 60%;
padding: 0 0 0 0.16rem;
}
}
.skin-dynamic-_std-th_list_obj .wn-list-group > header {
padding: 0.1rem;
font-size: 1.2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.skin-dynamic-_std-th_list_obj .wn-list-con {
padding: 0.1rem;
}
.skin-dynamic-_std-th_list_obj .wn-li-obj {
padding: 0.1rem;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"] {
padding: 1px;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"] > .wn-li-obj {
margin: 0.2rem;
box-shadow: 0.02rem 0.02rem 0.06rem rgba(0, 0, 0, 0.4);
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sl] > .wn-li-obj {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.3);
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sl="solid"] > .wn-li-obj {
border-style: solid;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sl="dashed"] > .wn-li-obj {
border-style: dashed;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sl="dotted"] > .wn-li-obj {
border-style: dotted;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sw="tiny"] > .wn-li-obj {
border-width: 1px;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sw="normal"] > .wn-li-obj {
border-width: 0.03rem;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="card"][sa-obj-sw="bold"] > .wn-li-obj {
border-width: 0.05rem;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sl] > .wn-li-obj {
border-top-width: 1px;
border-top-color: rgba(0, 0, 0, 0.1);
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sl="solid"] > .wn-li-obj {
border-top-style: solid;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sl="dashed"] > .wn-li-obj {
border-top-style: dashed;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sl="dotted"] > .wn-li-obj {
border-top-style: dotted;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sw="tiny"] > .wn-li-obj {
border-top-width: 1px;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sw="normal"] > .wn-li-obj {
border-top-width: 0.03rem;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sw="bold"] > .wn-li-obj {
border-top-width: 0.06rem;
}
.skin-dynamic-_std-th_list_obj[sa-obj-s="line"][sa-obj-sl][sa-obj-sw] > .wn-li-obj:first-child {
border-top-width: 0;
}
.skin-dynamic-_std-th_table_obj {
padding: 0.1rem;
}
.skin-dynamic-_std-th_table_obj table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.skin-dynamic-_std-th_table_obj caption {
padding: 0.15rem;
}
.skin-dynamic-_std-th_table_obj td,
.skin-dynamic-_std-th_table_obj th {
padding: 0.1rem;
}
.skin-dynamic-_std-th_table_obj td,
.skin-dynamic-_std-th_table_obj th {
border: 1px solid #DDD;
}
.skin-dynamic-_std-th_table_obj th {
color: #888;
}
.skin-dynamic-_std-th_table_obj td {
color: #444;
}
.skin-dynamic-_std-th_table_obj td[m="nb"] {
color: #AAA;
text-align: right;
font-size: 0.8em;
}
.skin-dynamic-_std-th_table_obj td.align-center {
text-align: center;
}
.skin-dynamic-_std-th_table_obj td.align-right {
text-align: right;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"] {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding: 0.1rem;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"].align-center {
justify-content: center;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"].align-right {
justify-content: flex-end;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"] li {
padding: 0.02rem;
margin: 0;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"] li span {
display: block;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"] li a:hover {
text-decoration: none;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"][li-img] li {
padding: 0.04rem;
opacity: 0.8;
border: 2px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"][li-img] li span {
width: 0.5rem;
height: 0.5rem;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.skin-dynamic-_std-th_table_obj ul[fld-display="UL"][li-img] li[current] {
border-color: #F80;
opacity: 1;
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_table_obj td[hide-when-mobile],
.skin-dynamic-_std-th_table_obj th[hide-when-mobile] {
display: none;
}
}
.skin-dynamic-_std-th_wall_image {
font-size: 0.14rem;
line-height: 0.2rem;
text-decoration: none;
}
.skin-dynamic-_std-th_wall_image .wp-list {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: stretch;
}
.skin-dynamic-_std-th_wall_image .wp-item {
text-align: center;
display: -webkit-flex;
display: flex;
}
.skin-dynamic-_std-th_wall_image .wp-item a {
flex: 1 1 auto;
position: relative;
display: block;
border: 0px solid rgba(0, 0, 0, 0.12);
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
}
.skin-dynamic-_std-th_wall_image .wp-item a:hover {
text-decoration: none;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-lbls {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 0.04rem;
font-size: 0.12rem;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-lbls li {
background: #ACF;
color: #FFF;
margin: 0 0.02rem;
padding: 0.02rem 0.06rem;
border-radius: 0 0 0.02rem 0.02rem;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-thumb {
width: 100%;
height: 1rem;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-thumb[thumb-icon] {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.3rem;
color: #AAA;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-info {
padding: 0.1rem 0.04rem;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-info h4 {
margin: 0;
padding: 0.02rem;
color: #AAA;
letter-spacing: 1px;
font-weight: normal;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-info .wpi-meta {
color: #AAA;
padding: 0.05rem 0;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-info .wpi-link a i {
margin-right: 0.04rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-thumb-clip="contain"] .wp-item > a .wpi-thumb {
background-size: contain;
}
.skin-dynamic-_std-th_wall_image[sa-it-thumb-clip="cover"] .wp-item > a .wpi-thumb {
background-size: cover;
}
.skin-dynamic-_std-th_wall_image[sa-it-border="t"] .wp-item > a {
border-width: 1px;
}
.skin-dynamic-_std-th_wall_image[sa-it-border="m"] .wp-item > a {
border-width: 0.03rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-border="b"] .wp-item > a {
border-width: 0.06rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-radius="s"] .wp-item > a {
border-radius: 0.06rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-radius="m"] .wp-item > a {
border-radius: 0.12rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-radius="b"] .wp-item > a {
border-radius: 0.2rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding][sa-it-radius="s"] .wp-item .wpi-thumb {
border-radius: 0.04rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding][sa-it-radius="m"] .wp-item .wpi-thumb {
border-radius: 0.06rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding][sa-it-radius="b"] .wp-item .wpi-thumb {
border-radius: 0.08rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="none"][sa-it-radius="s"] .wp-item .wpi-thumb {
border-radius: 0;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="none"][sa-it-radius="m"] .wp-item .wpi-thumb {
border-radius: 0;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="none"][sa-it-radius="b"] .wp-item .wpi-thumb {
border-radius: 0;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="s"] .wp-item > a {
padding: 0.06rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="m"] .wp-item > a {
padding: 0.12rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-padding="b"] .wp-item > a {
padding: 0.24rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-hide-title] .wp-item > a h4 {
display: none;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_wall_image .wp-item a h4 {
font-size: 1.1em;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a:hover .wpi-info,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a:hover .wpi-info {
bottom: 0;
opacity: 1;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a .wpi-info {
font-size: 0.8em;
line-height: 0.9em;
transition: bottom 0.3s, opacity 0.8s;
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
right: 0;
bottom: -2rem;
opacity: 0;
line-height: 1.5em;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info h4,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a .wpi-info h4 {
color: rgba(255, 255, 255, 0.9);
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-meta,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a .wpi-info .wpi-meta {
color: rgba(255, 255, 255, 0.6);
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-link a,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a .wpi-info .wpi-link a {
color: #8F0;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-link a:hover,
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a .wpi-info .wpi-link a:hover {
color: #FF0;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="pt"] .wp-item > a {
transition: 0.3s;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="pt"] .wp-item > a:hover {
transform: translateY(-0.04rem);
box-shadow: 0.04rem 0.04rem 0.2rem rgba(0, 0, 0, 0.2);
}
.skin-dynamic-_std-th_wall_image .wp-list,
.skin-dynamic-_std-th_wall_image .wp-item {
padding: 0.12rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-space="s"] .wp-list,
.skin-dynamic-_std-th_wall_image[sa-it-space="s"] .wp-item {
padding: 0.06rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-space="b"] .wp-list,
.skin-dynamic-_std-th_wall_image[sa-it-space="b"] .wp-item {
padding: 0.18rem;
}
.skin-dynamic-_std-th_wall_image .wp-item {
width: 25%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-desktop="2"] .wp-item {
width: 50%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-desktop="3"] .wp-item {
width: 33.3%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-desktop="5"] .wp-item {
width: 20%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-desktop="6"] .wp-item {
width: 16.6%;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_wall_image .wp-item a h4 {
font-size: 1.3em;
}
.skin-dynamic-_std-th_wall_image .wp-item a .wpi-info .wpi-link a {
font-size: 1.1em;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a:hover .wpi-info {
bottom: 0;
opacity: 1;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info {
transition: bottom 0.3s, opacity 0.8s;
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
right: 0;
bottom: -2rem;
opacity: 0;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info h4 {
color: rgba(255, 255, 255, 0.9);
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-meta {
color: rgba(255, 255, 255, 0.6);
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-link a {
color: #8F0;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="p"] .wp-item > a .wpi-info .wpi-link a:hover {
color: #FF0;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a,
.skin-dynamic-_std-th_wall_image[sa-it-mode="pt"] .wp-item > a {
transition: 0.3s;
}
.skin-dynamic-_std-th_wall_image[sa-it-mode="auto"] .wp-item > a:hover,
.skin-dynamic-_std-th_wall_image[sa-it-mode="pt"] .wp-item > a:hover {
transform: translateY(-0.04rem);
box-shadow: 0.04rem 0.04rem 0.2rem rgba(0, 0, 0, 0.2);
}
.skin-dynamic-_std-th_wall_image .wp-list,
.skin-dynamic-_std-th_wall_image .wp-item {
padding: 0.1rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-space="s"] .wp-list,
.skin-dynamic-_std-th_wall_image[sa-it-space="s"] .wp-item {
padding: 0.05rem;
}
.skin-dynamic-_std-th_wall_image[sa-it-space="b"] .wp-list,
.skin-dynamic-_std-th_wall_image[sa-it-space="b"] .wp-item {
padding: 0.15rem;
}
.skin-dynamic-_std-th_wall_image .wp-item {
width: 50%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-mobile="2"] .wp-item {
width: 50%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-mobile="3"] .wp-item {
width: 33.3%;
}
.skin-dynamic-_std-th_wall_image[sa-it-nb-mobile="4"] .wp-item {
width: 25%;
}
}
.skin-dynamic-_std-th_wall_obj .wn-list-group > header {
padding: 0.1rem;
font-size: 1.2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.skin-dynamic-_std-th_wall_obj .wn-list-con {
padding: 0.1rem;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: stretch;
}
.skin-dynamic-_std-th_wall_obj .wn-li-obj {
padding: 0.1rem;
display: -webkit-flex;
display: flex;
align-items: stretch;
}
.skin-dynamic-_std-th_wall_obj .wn-obj-layout {
width: 100%;
}
.skin-dynamic-_std-th_wall_obj .wn-obj-layout h4[fld-type] {
font-size: 1em;
text-align: center;
}
.skin-dynamic-_std-th_wall_obj .wn-obj-layout ul[fld-display="UL"] {
justify-content: center;
padding: 0;
}
.skin-dynamic-_std-th_wall_obj .wn-obj-layout ul[li-type=text] li span {
font-size: 0.1rem;
padding: 0.04rem 0.08rem;
border-radius: 1px;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_wall_obj .wn-li-obj {
width: 25%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-desktop="1"] .wn-li-obj {
width: 100%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-desktop="2"] .wn-li-obj {
width: 50%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-desktop="3"] .wn-li-obj {
width: 33.3%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-desktop="5"] .wn-li-obj {
width: 20%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-desktop="6"] .wn-li-obj {
width: 16.6%;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_wall_obj .wn-li-obj {
width: 50%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-mobile="1"] .wn-li-obj {
width: 100%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-mobile="2"] .wn-li-obj {
width: 50%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-mobile="3"] .wn-li-obj {
width: 33.3%;
}
.skin-dynamic-_std-th_wall_obj[sa-it-nb-mobile="4"] .wn-li-obj {
width: 25%;
}
}
.skin-dynamic-_std-th_wall_goods {
background: #F5F5F5;
padding: 0.1rem;
}
.skin-dynamic-_std-th_wall_goods .wg-list {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding: 0;
}
.skin-dynamic-_std-th_wall_goods .wg-item {
flex: 0 0 auto;
display: -webkit-flex;
display: flex;
padding: 0.1rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a {
transition: 0.3s;
width: 100%;
overflow: hidden;
display: block;
position: relative;
background: #FFF;
padding: 0.4rem 0.2rem 0.2rem;
text-align: center;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a[href] {
cursor: pointer;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-lbls {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 0.04rem;
font-size: 0.12rem;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-lbls li {
background: #ACF;
color: #FFF;
margin: 0 0.02rem;
padding: 0.02rem 0.06rem;
border-radius: 0 0 0.02rem 0.02rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-thumb {
height: 1.8rem;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-thumb-icon {
height: 1.8rem;
text-align: center;
color: rgba(0, 0, 0, 0.2);
background: #EEE;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a h4 {
margin: 0;
padding: 0.1rem 0;
color: #444;
font-weight: normal;
font-size: 0.16rem;
letter-spacing: 0.02rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a h4 * {
display: inline-block;
vertical-align: middle;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a h4 span {
opacity: 0.5;
font-size: 0.7em;
padding: 0 0.03rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a blockquote {
width: 100%;
word-wrap: break-word;
margin: 0 0 0.1rem 0;
padding: 0;
font-size: 0.12rem;
color: #AAA;
line-height: 0.18rem;
min-height: 0.18rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-price {
color: #F80;
font-size: 0.16rem;
letter-spacing: 0.01rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-price em {
font-size: 0.18rem;
font-style: normal;
font-weight: normal;
margin: 0 0.04rem 0 0;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-price u {
text-decoration: none;
font-size: 0.12rem;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-more span {
display: none;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-more ul {
display: -webkit-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0.05rem;
font-size: 0.8em;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-more ul a {
display: block;
padding: 0.05rem 0.08rem;
margin: 0.01rem;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(0, 0, 0, 0.6);
color: #EEE;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a .wgi-more ul a[href]:hover {
color: #FFF;
background: #000;
border-color: #CCC;
}
.skin-dynamic-_std-th_wall_goods .wg-item > a:hover {
transform: translateY(-0.03rem);
text-decoration: none;
box-shadow: 0.05rem 0.1rem 0.5rem rgba(0, 0, 0, 0.1);
}
.skin-dynamic-_std-th_wall_goods .wg-item > a:hover .wgi-lbls li {
background: #6AF;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.skin-dynamic-_std-th_wall_goods .wg-item > a:hover h4 {
color: #000;
}
.skin-dynamic-_std-th_wall_goods[more-hover] div.wg-list div.wg-item > a .wgi-more {
transition: 0.4s;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 0.2rem 0;
transform: translateY(500px);
opacity: 0;
}
.skin-dynamic-_std-th_wall_goods[more-hover] div.wg-list div.wg-item > a .wgi-more span {
display: block;
text-align: center;
padding: 0.05rem;
color: #FFF;
}
.skin-dynamic-_std-th_wall_goods[more-hover] div.wg-list div.wg-item > a:hover .wgi-more {
transform: unset;
opacity: 1;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_wall_goods div.wg-list div.wg-item {
width: 25%;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_wall_goods div.wg-list div.wg-item {
width: 50%;
}
}
.skin-dynamic-_std-th_show_article {
padding: 0 0.3rem;
}
.skin-dynamic-_std-th_show_article > header,
.skin-dynamic-_std-th_show_article > aside {
letter-spacing: 1px;
}
.skin-dynamic-_std-th_show_article header.md-title {
font-size: 1.6em;
line-height: 1.6em;
padding: 0.3rem 0;
text-align: center;
}
.skin-dynamic-_std-th_show_article aside.md-info {
text-align: center;
color: #98CA22;
}
.skin-dynamic-_std-th_show_article aside.md-info span {
margin: 0 0.1rem;
}
.skin-dynamic-_std-th_show_article aside.md-brief {
padding: 0.3rem;
margin: 0 0.6rem;
color: #AAA;
font-size: 1em;
}
.skin-dynamic-_std-th_show_obj .wn-obj-layout section[group-name="header"] {
display: block;
max-width: 1200px;
margin: 0 auto;
}
.skin-dynamic-_std-th_show_obj .wn-obj-layout article {
display: block;
}
.skin-dynamic-_std-th_show_image > header {
padding: 0.1rem;
line-height: 0.32rem;
font-size: 0.16rem;
}
.skin-dynamic-_std-th_show_image > header:after {
content: "";
display: block;
height: 0;
clear: both;
}
.skin-dynamic-_std-th_show_image > header > * {
float: left;
}
.skin-dynamic-_std-th_show_image > header .tm-tags {
font-size: 0.12rem;
padding: 0 0.1rem;
}
.skin-dynamic-_std-th_show_image > header .tm-tags ul {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_show_image > header .tm-tags ul li {
padding: 0 0.06rem;
margin: 0.04rem 0.01rem;
line-height: 0.24rem;
background: #F40;
color: #FFF;
border-radius: 0.03rem;
}
.skin-dynamic-_std-th_show_image > header .tm-title {
font-size: 1.2em;
letter-spacing: 1px;
}
.skin-dynamic-_std-th_show_image > section.tm-brief {
margin: 0 0 0.06rem 0;
padding: 0.1rem;
background: rgba(0, 0, 0, 0.1);
color: #AAA;
font-size: 0.12rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play {
width: 100%;
min-height: 1rem;
overflow: hidden;
background: #AAA;
color: #DDD;
position: relative;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view {
transition: 0.5s;
background: #000;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view .tmp-view-main {
width: 100%;
position: relative;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view .tmp-view-main .tmp-view-pic {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view .tmp-view-main .tmp-view-video {
width: 100%;
height: 100%;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view .tmp-view-main .tmp-view-video video {
width: 100%;
height: 100%;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-view .tmp-view-exitfullscreen {
display: none;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list {
transition: 0.5s;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: rgba(5, 10, 10, 0.8);
padding: 0.12rem 0;
font-size: 0.12rem;
overflow: auto;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding: 0.09rem 0.02rem;
border-top: 1px dotted rgba(255, 255, 255, 0.08);
cursor: pointer;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li:hover .pli-thumb {
transform: translateX(-2px);
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li:first-child {
border-top: 0;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li > * {
flex: 0 0 auto;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li[current] {
background: rgba(0, 0, 0, 0.9);
color: #FFF;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li[current] .pli-index i {
display: inline-block;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li[current] .pli-index span {
display: none;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li[current] .pli-thumb {
transform: unset;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li[current] .pli-title .pli-tt-text {
font-weight: bold;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-index {
width: 0.32rem;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-index i {
display: none;
font-size: 1.5em;
color: #CC0;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-index span {
font-size: 0.9em;
color: rgba(255, 255, 255, 0.4);
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-thumb {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
transition: transform 0.3s;
width: 0.9rem;
height: 0.5rem;
border: 1px solid rgba(128, 128, 128, 0.1);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-thumb span {
position: absolute;
display: inline-block;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-thumb span[key="duration"] {
padding: 0.04rem 0.06rem;
right: 0;
bottom: 0;
font-size: 0.1rem;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-thumb span[key="type"] {
padding: 0 0.04rem;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.3);
line-height: 0.16rem;
font-size: 0.12rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-title {
padding: 0 0.1rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-title .pli-tt-text {
display: block;
line-height: 0.24rem;
font-size: 0.12rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list li .pli-title .pli-tt-size {
color: #888;
font-size: 0.1rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-qrcode {
transition: 0.5s;
position: absolute;
z-index: -1;
top: -4.8rem;
right: 0;
left: 0;
bottom: 4.8rem;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
color: #DDD;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-qrcode img {
width: 2.56rem;
height: 2.56rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-qrcode .tmp-qrtext {
padding: 0.2rem;
width: 100%;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view {
z-index: 100;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view .tmp-view-exitfullscreen {
display: block;
position: fixed;
right: 0;
top: 0;
padding: 0.1rem 0.2rem;
cursor: pointer;
color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0.4);
font-size: 0.2rem;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view .tmp-view-exitfullscreen i {
transition: 0.3s;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view .tmp-view-exitfullscreen:hover {
color: #FFF;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view .tmp-view-exitfullscreen:hover i {
transform: scale(1.1);
}
.skin-dynamic-_std-th_show_image > section.tm-abar {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
font-size: 0.14rem;
color: #888;
padding: 0.1rem;
line-height: 0.24rem;
display: -webkit-flex;
display: flex;
}
.skin-dynamic-_std-th_show_image > section.tm-abar > * {
flex: 0 0 auto;
margin: 0 0.05rem;
}
.skin-dynamic-_std-th_show_image > section.tm-abar > span.abar-space {
flex: 1 1 auto;
}
.skin-dynamic-_std-th_show_image > section.tm-abar a {
cursor: pointer;
display: block;
}
.skin-dynamic-_std-th_show_image > section.tm-abar .tm-a-share {
display: -webkit-flex;
display: flex;
padding-right: 0.3rem;
}
.skin-dynamic-_std-th_show_image > section.tm-abar .tm-a-share span {
display: block;
padding-right: 0.06rem;
}
.skin-dynamic-_std-th_show_image > section.tm-abar .tm-a-share a {
display: block;
padding: 0 0.04rem;
}
.skin-dynamic-_std-th_show_image > section.tm-abar a[a] {
color: #888;
}
.skin-dynamic-_std-th_show_image > section.tm-abar a[a]:hover {
color: #222;
text-decoration: none;
color: #000;
}
.skin-dynamic-_std-th_show_image > section.tm-abar a[a] i {
margin-right: 0.04rem;
line-height: unset;
font-size: 1.2em;
}
.skin-dynamic-_std-th_show_image > section.tm-abar a[a="plist"] {
transition: 0.3s;
padding: 0 0.1rem;
border: 1px dotted #AAA;
border-radius: 0.04rem;
margin-top: -1px;
}
.skin-dynamic-_std-th_show_image > section.tm-content {
padding: 0.1rem 0;
border-top: 1px solid #98CA22;
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-abar {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-abar a[a="plist"] {
border: 1px solid #98CA22;
background: #98CA22;
color: #FFF;
}
.skin-dynamic-_std-th_show_image[show-qrcode] > section.tm-play .tm-play-qrcode {
top: 0;
bottom: 0;
opacity: 1;
z-index: 6;
}
.skin-dynamic-_std-th_show_image[show-qrcode] > section.tm-abar {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.skin-dynamic-_std-th_show_image[show-qrcode] > section.tm-abar a[a="qrcode"] {
color: #98CA22;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list {
position: absolute;
right: -3.2rem;
top: 0;
bottom: 0;
border-left: 1px solid #000;
width: 3.2rem;
background: rgba(5, 10, 10, 0.8);
opacity: 0;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view {
position: fixed;
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-play .tm-play-list {
right: 0;
opacity: 1;
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-play[fullscreen] .tm-play-list {
right: -3.2rem;
opacity: 0;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_show_image > section.tm-play .tm-play-list {
position: absolute;
right: -3.2rem;
top: 0;
bottom: 0;
width: 3.2rem;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
}
.skin-dynamic-_std-th_show_image > section.tm-play[fullscreen] .tm-play-view {
position: fixed;
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-play:before {
display: block;
content: "";
position: absolute;
z-index: 4;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.05);
}
.skin-dynamic-_std-th_show_image[show-plist] > section.tm-play .tm-play-list {
right: 0;
opacity: 1;
z-index: 5;
}
}
.skin-dynamic-_std-th_show_goods .go-intro {
padding-bottom: 0.5rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
padding: 0.1rem;
position: relative;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-photo {
width: 100%;
height: 5rem;
padding: 0;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-photo[photo="none"] {
color: rgba(0, 0, 0, 0.4);
font-size: 0.4rem;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
background: rgba(10, 10, 0, 0.08);
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-photo[photo="yes"] {
display: -webkit-flex;
display: flex;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-photo[photo="yes"] span {
display: block;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info {
padding: 0.1rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-tags {
font-size: 1.2em;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-tags ul {
padding: 0.02rem 0;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-tags ul:after {
content: "";
display: block;
height: 0;
clear: both;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-tags ul li {
margin-right: 0.1rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-title {
font-size: 1.5em;
font-weight: bold;
padding: 0 0 0.1rem 0;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-title em {
font-style: normal;
margin-left: 0.1rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-title em:before {
display: inline;
content: "(";
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-title em:after {
display: inline;
content: ")";
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-slogan {
padding: 0 0 0.1rem 0;
font-size: 0.8em;
color: #F80;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-brief {
background: rgba(0, 0, 0, 0.05);
letter-spacing: 0.01rem;
color: #888;
line-height: 0.26rem;
padding: 0.1rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-price {
font-size: 1.2em;
color: #F80;
padding: 0.2rem;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-price em {
font-weight: bold;
font-style: normal;
letter-spacing: 0.02rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-buy {
padding: 0.1rem 0;
letter-spacing: 0.02rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-buy a {
transition: 0.3s;
display: inline-block;
padding: 0.15rem 0.4rem;
font-size: 1.1em;
font-weight: normal;
text-align: center;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
color: #EEE;
border-radius: 0.02rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-buy a i {
margin-right: 0.06rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-buy a:hover {
text-decoration: none;
background: rgba(0, 0, 0, 0.8);
color: #FFF;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row {
display: -webkit-flex;
display: flex;
padding: 0.1rem 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > span {
display: block;
flex: 0 0 auto;
color: #888;
min-width: 0.7rem;
padding: 0.06rem 0;
text-align: justify;
text-justify: distribute-all-lines;
/*ie6-8*/
text-align-last: justify;
/* ie9*/
-moz-text-align-last: justify;
/*ff*/
-webkit-text-align-last: justify;
/*chrome 20+*/
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul {
flex: 1 1 auto;
padding: 0 0 0 0.2rem;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul li {
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 0.08rem 0.2rem;
margin: 0.02rem;
border-radius: 0.02rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul li a[href] {
color: rgba(0, 0, 0, 0.6);
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul li a[href]:hover {
text-decoration: none;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul li[current] {
background: rgba(0, 0, 0, 0.8);
color: #FFF;
border-color: rgba(0, 0, 0, 0.8);
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row > ul li[current] a[href] {
color: #FFF;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list {
padding: 0.1rem;
width: 100%;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list ul {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list ul li {
margin: 0.02rem;
padding: 0.04rem;
border: 0.02rem solid transparent;
cursor: pointer;
opacity: 0.6;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list ul li[current] {
border-color: #CCC;
opacity: 1;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list ul li span {
display: block;
width: 100%;
height: 100%;
width: 0.6rem;
height: 0.6rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.skin-dynamic-_std-th_show_goods .go-detail {
padding: 0.1rem 0;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content[float-tabs] > .go-detail-tabs {
position: fixed;
top: 0;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(0, 0, 0, 0.05), 0 3px 0px rgba(0, 0, 0, 0.05), 0 4px 0px rgba(0, 0, 0, 0.05), 0 5px 0px rgba(0, 0, 0, 0.05), 0 6px 0px rgba(0, 0, 0, 0.05), 0 7px 0px rgba(0, 0, 0, 0.05), 0 8px 0px rgba(0, 0, 0, 0.05);
z-index: 9;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul {
list-style: none;
padding: 0 0.1rem;
margin: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.6);
background: #F0F0F0;
letter-spacing: 0.01rem;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul li {
padding: 0.1rem 0.3rem;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul li:hover {
color: #000;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul li[current] {
background: rgba(0, 0, 0, 0.6);
color: #FFF;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-block {
padding: 1px;
display: none;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-block[current] {
display: block;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-block p {
color: #888;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content .md-header {
padding: 0.1rem 0.3rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ul,
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ol {
padding: 0.1rem 0.06rem 0.1rem 0.4rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ul ul,
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ol ul,
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ul ol,
.skin-dynamic-_std-th_show_goods .go-detail article.md-content ol ol {
padding-left: 0.15rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content blockquote,
.skin-dynamic-_std-th_show_goods .go-detail article.md-content pre {
margin: 0.1rem 0.3rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content p {
margin: 0.2rem 0.3rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content p[md-img-only] {
margin: 0;
}
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block p,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h1,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h2,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h3,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h4,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h5,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="center"] .go-detail article.md-content > .go-detail-block h6 {
text-align: center;
}
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block p,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h1,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h2,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h3,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h4,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h5,
.skin-dynamic-_std-th_show_goods[sa-block-p-align="right"] .go-detail article.md-content > .go-detail-block h6 {
text-align: right;
}
.skin-dynamic-_std-th_show_goods[sa-hr-hide="poster"] article.md-content hr.poster-sep {
display: none;
}
.skin-dynamic-_std-th_show_goods[sa-hr-hide="always"] article.md-content hr {
display: none;
}
.skin-dynamic-_std-th_show_goods[sa-hide-row-title] .go-intro > .go-info .go-row > span {
display: none;
}
.skin-dynamic-_std-th_show_goods[sa-hide-row-title] .go-intro > .go-info .go-row > ul {
padding: 0;
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_show_goods .go-intro {
display: -webkit-flex;
display: flex;
align-items: flex-start;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview {
flex: 0 0 auto;
display: -webkit-flex;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info {
flex: 1 1 auto;
min-height: 4rem;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_show_goods .go-intro {
font-size: 1.5em;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview {
padding: 0.1rem 0.1rem 0 0.1rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-tags {
position: absolute;
top: 0;
left: 0;
right: 0;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-preview .go-photo {
height: 4rem;
padding-bottom: 0.3rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info {
padding: 0 0.1rem 0.1rem 0.1rem;
text-align: center;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-row {
padding: 0.1rem 0.24rem;
}
.skin-dynamic-_std-th_show_goods .go-intro > .go-info .go-list ul {
justify-content: center;
}
.skin-dynamic-_std-th_show_goods .go-detail {
font-size: 1.5em;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content[float-tabs] > .go-detail-tabs {
left: 0;
right: 0;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul li {
padding: 0.06rem 0.2rem;
cursor: pointer;
font-size: 0.18rem;
}
.skin-dynamic-_std-th_show_goods .go-detail article.md-content > .go-detail-tabs ul li {
padding: 0.2rem 0.25rem;
}
.skin-dynamic-_std-th_show_goods[sa-hide-row-title] .go-intro > .go-info .go-row > ul {
justify-content: center;
}
}
.skin-dynamic-_std-th_show_operation {
padding: 0.1rem 0 0.3rem 0;
}
.skin-dynamic-_std-th_show_operation .op-info {
padding: 0.1rem;
text-align: center;
}
.skin-dynamic-_std-th_show_operation .op-info .op-header {
border-bottom: 1px solid rgba(10, 10, 10, 0.1);
padding: 0.1rem;
}
.skin-dynamic-_std-th_show_operation .op-info .op-title {
font-size: 1.8em;
padding: 0.1rem 0;
}
.skin-dynamic-_std-th_show_operation .op-info .op-tags {
padding: 0.02rem;
font-size: 0.8em;
}
.skin-dynamic-_std-th_show_operation .op-info .op-tags ul {
padding: 0.02rem 0;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.skin-dynamic-_std-th_show_operation .op-info .op-tags ul li {
padding: 0.02rem 0.06rem;
margin: 0 0.02rem;
background: #ACF;
color: #FFF;
border-radius: 0.02rem;
}
.skin-dynamic-_std-th_show_operation .op-info .op-slogan {
font-size: 0.9em;
color: #98CA22;
}
.skin-dynamic-_std-th_show_operation .op-info .op-brief {
padding: 0.1rem;
color: #888;
max-width: 6rem;
margin: 0 auto;
}
.skin-dynamic-_std-th_show_operation .op-preview {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
padding: 0 0.1rem;
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-image {
flex: 0 0 auto;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-image[photo="none"] {
color: rgba(0, 0, 0, 0.4);
font-size: 0.4rem;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
background: rgba(10, 10, 0, 0.08);
}
.skin-dynamic-_std-th_show_operation .op-preview .op-image[photo="yes"] img {
width: 100%;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-image[photo="yes"] video {
width: 100%;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist {
flex: 1 1 auto;
padding: 0.1rem;
width: 100%;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist ul {
padding: 0;
margin: 0;
list-style: none;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist ul:after {
content: "";
display: block;
height: 0;
clear: both;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist ul li {
float: left;
margin: 0.02rem;
padding: 0.04rem;
border: 0.02rem solid transparent;
cursor: pointer;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist ul li[current] {
border-color: #98CA22;
}
.skin-dynamic-_std-th_show_operation .op-preview .op-plist ul li span {
display: block;
width: 0.6rem;
height: 0.6rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.skin-dynamic-_std-th_show_operation .op-detail {
padding: 0.1rem 0.25rem;
color: #666;
font-size: 0.14rem;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content {
line-height: 1.8em;
letter-spacing: 0.02em;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content[float-tabs] > .op-detail-tabs {
position: fixed;
top: 0;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(0, 0, 0, 0.05), 0 3px 0px rgba(0, 0, 0, 0.05), 0 4px 0px rgba(0, 0, 0, 0.05), 0 5px 0px rgba(0, 0, 0, 0.05), 0 6px 0px rgba(0, 0, 0, 0.05), 0 7px 0px rgba(0, 0, 0, 0.05), 0 8px 0px rgba(0, 0, 0, 0.05);
z-index: 9;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content > .op-detail-tabs ul {
list-style: none;
padding: 0 0.1rem;
margin: 0;
border-bottom: 2px solid #98CA22;
background: #F0F0F0;
letter-spacing: 0.01rem;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content > .op-detail-tabs ul li {
padding: 0.12rem 0.25rem;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content > .op-detail-tabs ul li:hover {
color: #98CA22;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content > .op-detail-tabs ul li[current] {
background: #98CA22;
color: #FFF;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content .md-header {
padding: 0.1rem 0;
margin: 0;
font-size: 1.4em;
font-weight: normal;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ul,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ol {
padding: 0.05rem 0.06rem 0.05rem 0.2rem;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ul ul,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ol ul,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ul ol,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content ol ol {
padding-left: 0.15rem;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content blockquote,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content pre {
margin: 0.1rem 0.3rem;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content b,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content em,
.skin-dynamic-_std-th_show_operation .op-detail article.md-content u {
color: unset;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content p {
margin: 0.1rem 0;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content p[md-img-only] {
margin: 0;
}
.skin-dynamic-_std-th_show_operation .op-detail article.md-content hr {
border-top-color: rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 640px) {
.skin-dynamic-_std-th_show_operation .op-main[detail="yes"] {
display: -webkit-flex;
display: flex;
}
.skin-dynamic-_std-th_show_operation .op-main[detail="yes"] .op-preview {
flex: 0 0 auto;
width: 50%;
}
.skin-dynamic-_std-th_show_operation .op-main[detail="yes"] .op-detail {
flex: 1 1 auto;
background: #F0F0F0;
}
}
@media screen and (max-width: 640px) {
.skin-dynamic-_std-th_show_operation .op-detail {
font-size: 0.18rem;
}
}
.skin-searcher-normal {
display: -webkit-flex;
display: flex;
padding: 0.05rem;
max-width: 6rem;
margin: 0 auto;
}
.skin-searcher-normal .kwd-input {
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
}
.skin-searcher-normal .kwd-input input {
flex: 1 1 auto;
padding: 0 1em;
font-size: 0.16rem;
font-weight: normal;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.04rem;
}
.skin-searcher-normal .kwd-input input:focus {
background: #FFC;
}
.skin-searcher-normal .kwd-btn {
flex: 0 0 auto;
}
.skin-searcher-normal .kwd-btn b {
transition: 0.3s;
text-align: center;
padding: 0.12rem;
font-size: 0.16rem;
font-weight: normal;
background: rgba(0, 0, 0, 0.8);
color: #FFF;
border-radius: 0.04rem;
border: 0;
}
.skin-searcher-normal .kwd-btn b:hover {
transform: translateX(3px);
}
.skin-searcher-btnlike {
position: relative;
padding: 0 0.1rem 0 0.1rem;
}
.skin-searcher-btnlike > div {
height: 0.42rem;
}
.skin-searcher-btnlike[show-input]:before {
display: block;
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.skin-searcher-btnlike[show-input] > .kwd-input input {
padding: 0 0.15rem;
}
.skin-searcher-btnlike > .kwd-input {
transition: 0.3s;
position: absolute;
right: 0.02rem;
top: 0;
z-index: 2;
width: 0.01rem;
opacity: 0;
padding: 0 0.1rem 0 0;
text-align: right;
}
.skin-searcher-btnlike > .kwd-input > input {
width: 100%;
height: 100%;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.36rem;
background: #DDD;
padding: 0;
}
.skin-searcher-btnlike > .kwd-input > input:focus {
background: #FFA;
}
.skin-searcher-btnlike > .kwd-btn {
z-index: 3;
padding: 0 0.1rem 0 0;
width: 0.3rem;
}
.skin-searcher-btnlike > .kwd-btn b {
border: 0;
font-size: 0.2rem;
width: 100%;
height: 100%;
padding: 0;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 640px) {
.skin-searcher-btnlike[show-input] > .kwd-input {
width: 4rem;
opacity: 1;
}
}
@media screen and (max-width: 640px) {
.skin-searcher-btnlike[show-input] > .kwd-input {
width: 4rem;
opacity: 1;
}
.skin-searcher-btnlike[show-input] > .kwd-input input {
font-size: 0.2rem;
}
}
.skin-filter-tabs .hmcf-fld {
display: -webkit-flex;
display: flex;
border: 0;
padding: 1px;
}
.skin-filter-tabs .fld-more {
display: none;
}
.skin-filter-tabs .fld-info {
flex: 0 0 auto;
display: block;
font-size: 1.2em;
border: 1px solid rgba(0, 0, 0, 0.1);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
color: #888;
margin: 0 1px 0 0;
}
.skin-filter-tabs .fld-info em {
color: unset;
}
.skin-filter-tabs .fld-info em:after {
display: none;
}
.skin-filter-tabs .fld-info[none-checked] {
background: rgba(0, 0, 0, 0.6);
color: #FFF;
}
.skin-filter-tabs .fld-items {
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
padding: 0;
}
.skin-filter-tabs .fld-items ul {
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.skin-filter-tabs .fld-items li {
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
padding: 0.1rem;
white-space: nowrap;
justify-content: center;
align-items: center;
text-align: center;
font-size: 1.2em;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #888;
margin: 0 1px 0 0;
}
.skin-filter-tabs .fld-items li[it-checked] {
background: rgba(0, 0, 0, 0.6);
color: #FFF;
text-shadow: 0.01rem 0.01rem 0.03rem rgba(0, 0, 0, 0.3);
}
.skin-filter-tabs .hmcf-exts {
padding-top: 0;
}
.skin-filter-tabs .hmcf-exts b {
border-top: 0;
font-size: 0.12rem;
padding: 0.02rem 0.1rem;
color: #888;
border-radius: 0 0 0.08rem 0.08rem;
}
.skin-filter-tabs[sa-hide-all] .fld-info {
display: none;
}
html[hmaker-runtime] .skin-filter-tabs .hmcf-exts {
display: none;
}
.skin-filter-advanced .fld-info {
padding: 0.08rem;
}
.skin-filter-advanced .fld-items li {
padding: 0.06rem 0.12rem;
border-radius: 2px;
margin: 0.02rem;
}
.skin-filter-advanced .fld-items li[multi-checked] {
color: #000;
}
.skin-filter-advanced .fld-btn {
padding: 0.1rem 0.04rem;
font-size: 0.12rem;
}
.skin-filter-advanced .fld-btn b {
border-radius: 2px;
padding: 0.02rem 0.06rem;
}
@media screen and (min-width: 640px) {
.skin-filter-advanced {
font-size: 0.14rem;
}
}
@media screen and (max-width: 640px) {
.skin-filter-advanced {
font-size: 0.16rem;
}
}
.skin-sorter-normal ul li {
border-radius: 0.04rem;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.06rem 0.12rem;
font-size: 0.12rem;
background: transparent;
color: #98CA22;
}
.skin-sorter-normal ul li[enabled] {
background: #98CA22;
color: #FFF;
border-color: #98CA22;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.skin-pager-normal {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
text-align: center;
padding: 0.1rem;
}
.skin-pager-normal b {
margin: 0 0.1rem;
}
.skin-pager-normal .pg_ele a {
background: #666;
color: #EEE;
padding: 0.1rem;
border-radius: 2px;
font-size: 12px;
}
.skin-pager-normal .pg_ele a:hover {
background: #000;
color: #FFF;
}
.skin-pager-normal .pg_nbs b {
color: #000;
}
.skin-pager-normal .pg_brief {
font-size: 12px;
padding: 0 0.15rem;
color: #888;
}
@media screen and (min-width: 640px) {
html body .hm-com[hm-dis-mode="mobile"] {
display: none;
}
html body div.hm-layout > div.hm-com-W > div.ui-arena > .skin-area-show-mobile {
display: none;
}
}
@media screen and (max-width: 640px) {
html body .hm-com[hm-dis-mode="desktop"] {
display: none;
}
html body div.hm-layout > div.hm-com-W > div.ui-arena > .skin-area-show-desktop {
display: none;
}
}