blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    font-weight: 400;
    text-align: left
}

abbr,
body,
fieldset,
html,
iframe,
img {
    border: 0
}

img {
    vertical-align: middle
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

[hidefocus],
summary {
    outline: 0
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%
}

sub,
sup {
    font-size: 83%
}

code,
kbd,
pre,
samp {
    font-family: inherit
}

q:after,
q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label,
summary {
    cursor: default
}

a,
button {
    border: 0;
    cursor: pointer;
    outline: none
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700
}

a,
a:hover,
del,
ins,
s,
u {
    background: transparent;
    text-decoration: none
}

body,
button,
input,
keygen,
legend,
select,
textarea {
    -webkit-text-size-adjust: none;
    color: #000;
    font: 1em/1.125em microsoft yahei, arial, helvetica;
    outline: 0
}

img {
    display: block;
    width: 100%
}

a,
a:hover {
    color: #333
}

body,
html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
    background-color: #fff;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 640px
}

.x-fixed,
body,
html {
    height: 100%;
    width: 100%
}

.x-fixed {
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    max-width: 11.851852rem;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    z-index: 2
}

.x-fixed .x-header {
    background: #fff;
    pointer-events: auto;
    padding: .222222rem 0 .277778rem;
    position: relative;
    width: 100%
}

.x-fixed .x-header .x-index {
    position: relative;
    width: 100%;
    z-index: 1
}

.x-fixed .x-header .x-index img {
    display: block;
    margin: 0 auto;
    width: 4.8rem
}

.x-fixed .x-header .x-prev {
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: .83037rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 11.4%;
    z-index: 100;
}

.x-fixed .x-l {
    float: left;
    height: 100%;
    margin-top: 1px;
    pointer-events: all;
    position: relative;
    width: 22.5%
}

.x-fixed .x-l ul {
    background: #fff;
    height: 100%;
    padding-bottom: .740741rem;
    width: 100%
}

.x-fixed .x-l ul li {
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    color: #444;
    display: block;
    font-size: .407407rem;
    font-weight: 400;
    height: 1.574074rem;
    line-height: 1.574074rem;
    position: relative;
    text-align: center;
    transition: all .6s;
    width: 100%;
    z-index: 2
}

.x-fixed .x-l ul .x-active {
    color: #e70;
    font-weight: 500
}

.x-fixed .x-l ul .x-focus {
    background: #f3f3f3;
    height: 1.574074rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.x-fixed .x-l ul .x-focus:after {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #e70;
    content: "";
    height: .555556rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .055556rem
}

.x-con {
    height: 100%;
    padding-bottom: 1.481481rem;
    padding-top: 12%;
    width: 100%;
    z-index: 1
}

.x-con,
.x-con .x-r {
    background: #f3f3f3;
    position: relative
}

.x-con .x-r {
    float: right;
    padding: .277778rem 3.9% 1.851852rem;
    width: 77.5%
}

.x-con .x-r:after {
    bottom: .37037rem;
    color: #9b9b9b;
    content: "\2014\2014   \6682\65E0\66F4\591A   \2014\2014";
    font-size: .37037rem;
    left: 0;
    line-height: .925926rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.x-con .x-r ul {
    display: none;
    width: 100%
}

.x-con .x-r ul li {
    display: block
}

.x-con .x-r ul li img {
    display: block;
    width: 100%
}

.x-con .x-r ul li .x-img,
.x-con .x-r ul li .x-img-wrap,
.x-con .x-r ul li .x-t {
    padding: .277778rem 0
}

.x-con .x-r ul li .x-img img {
    border-radius: .277778rem
}

.x-con .x-r ul li .x-t {
    color: #494949;
    font-size: .37037rem;
    font-weight: 300;
    line-height: .444444rem;
    padding-bottom: 0;
    padding-top: .277778rem
}

.x-con .x-r ul li .x-t a {
    color: #e70;
    display: inline-block;
    float: right;
    font-size: .333333rem
}

.x-con .x-r ul li .x-img-wrap {
    -ms-flex-wrap: wrap;
    background: #fff;
    border-radius: .277778rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .277778rem;
    margin-top: .277778rem;
    padding: .277778rem;
    width: 100%
}

.x-con .x-r ul li .x-img-wrap figure {
    margin: .185185rem 3%;
    width: 27.33%
}

.x-con .x-r ul li .x-img-wrap figure img {
    border-radius: 50%
}

.x-con .x-r ul li .x-img-wrap figure figcaption {
    color: #666;
    font-size: .333333rem;
    font-weight: 300;
    line-height: 1.2;
    padding-top: .074074rem;
    text-align: center
}
.x-con .x-r ul li .x-img-wrap figure figcaption.zy-time{
    color: #e70 !important;
    font-size: .25rem !important;
}
.x-con .x-r .x-show {
    display: block
}