/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
margin: 0;
padding: 0;
}
.no-webp body {background:black}
.webp body {background:black}
body {
padding: 0;
margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
border: 0;
}
li {
list-style: none;
}
textarea {
overflow: auto;
resize: none;
}
a,
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
font-weight: bold;
}
a,
a:hover {
text-decoration: none;
}
body,
textarea,
input,
button {
color: #62a1c9;
}
.sogoubottom {
display: none!important;
}
iframe[name=cjIframe] {
position: absolute;
}
html,
body {
width: 100%;
min-width: 1400px;
margin: 0 auto 0;
height: auto;
font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.shijieguan .wrap,
body.newbie .wrap {
overflow: hidden;
}
.inline {
display: inline-block;
*display: inline;
*zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
.cb {
clear: both;
}
.oh {
overflow: hidden;
}
.hide {
display: none;
}
.show {
display: block !important;
}
.hide {
display: none;
}
/*消除input number默认的按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #393636;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #393636;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #393636;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #393636;
}
.no-webp .pop_video_bg {background:#000}
.webp .pop_video_bg {background:#000}
.pop_video_bg {
position: fixed;
top: 0;
left: 0;
opacity: .5;
filter: alpha(opacity=50);
width: 100%;
z-index: 9999;
min-width: 1200px;
}
.pop_video {
position: fixed;
left: 50%;
z-index: 10000;
display: none;
}
.no-webp .close_pv {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -210px}
.webp .close_pv {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -210px}
.no-webp .close_pv {background-size:720px 677px}
.webp .close_pv {background-size:720px 677px}
.no-webp .close_pv {background-position:-551px -210px}
.webp .close_pv {background-position:-551px -210px}
.close_pv {
position: absolute;
right: -48px;
top: 0;
width: 48px;
height: 48px;
text-indent: -9999em;
outline: 0;
}
.no-webp .close_pv:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-601px -210px}
.webp .close_pv:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-601px -210px}
.no-webp .close_pv:hover {background-size:720px 677px}
.webp .close_pv:hover {background-size:720px 677px}
.no-webp .close_pv:hover {background-position:-601px -210px}
.webp .close_pv:hover {background-position:-601px -210px}
.close_pv:hover {
width:48px;
height:48px;
}
/**.keyframes(demo_keyframes, {
100% {
.transform(rotate(360-43deg));
margin-left: -20px;
width: 26px;
}
});*/
@-webkit-keyframes test {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(30px);
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes test {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(30px);
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
}
}
@-o-keyframes test {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(30px);
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
}
}
@-ms-keyframes test {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(30px);
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
}
}
@keyframes test {
0% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(30px);
}
100% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
}
}
@-webkit-keyframes play {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes play {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes play {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-ms-keyframes play {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes play {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.test {
opacity: 0;
-webkit-animation: leihuo 0.5s 0.3s forwards 300ms 0 ease;
-moz-animation: leihuo 0.5s 0.3s forwards 300ms 0 ease;
-ms-animation: leihuo 0.5s 0.3s forwards 300ms 0 ease;
animation: leihuo 0.5s 0.3s forwards 300ms 0 ease;
-moz-animation: leihuo 0.5s 0.3s forwards;
-webkit-animation: leihuo 0.5s 0.3s forwards;
-o-animation: leihuo 0.5s 0.3s forwards;
-ms-animation: leihuo 0.5s 0.3s forwards;
animation: leihuo 0.5s 0.3s forwards;
}
@-webkit-keyframes playbtn {
0% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
}
@-moz-keyframes playbtn {
0% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
}
@-o-keyframes playbtn {
0% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
}
@-ms-keyframes playbtn {
0% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
}
@keyframes playbtn {
0% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(0.85);
opacity: 0.75;
}
}
@-webkit-keyframes scan {
0% {
-webkit-transform: translateY(0px);
}
100% {
-webkit-transform: translateY(125px);
}
}
@-moz-keyframes scan {
0% {
-webkit-transform: translateY(0px);
}
100% {
-webkit-transform: translateY(125px);
}
}
@-o-keyframes scan {
0% {
-webkit-transform: translateY(0px);
}
100% {
-webkit-transform: translateY(125px);
}
}
@-ms-keyframes scan {
0% {
-webkit-transform: translateY(0px);
}
100% {
-webkit-transform: translateY(125px);
}
}
@keyframes scan {
0% {
-webkit-transform: translateY(0px);
}
100% {
-webkit-transform: translateY(125px);
}
}
.BX_Class3 {
left: 192.00px;
top: 47.00px;
width: 91px;
height: 90px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate3D(0, 0, 0px) rotate(0deg) scale(1, 1);
transform: translate3D(0, 0, 0px) rotate(0deg) scale(1, 1);
opacity: 1.00;
-webkit-transform-origin: -46.15% 37.78%;
transform-origin: -46.15% 37.78%;
display: block;
position: absolute;
}
.no-webp .BX_BG3 {background:transparent}
.webp .BX_BG3 {background:transparent}
.BX_BG3 {
}
.BX_Ani3 {
/* animation: name duration timing-function delay iteration-count direction fill-mode; */
-webkit-animation: BX_AniKey3 8s steps(1) 0s infinite normal none;
animation: BX_AniKey3 8s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_AniKey3 {
/* This layer has no animations to export */
}
@keyframes BX_AniKey3 {
/* This layer has no animations to export */
}
.BX_Sprite3 {
width: 91px;
height: 90px;
-webkit-animation: BX_SprAniKey3 8s steps(1) 0s infinite normal none;
animation: BX_SprAniKey3 8s steps(1) 0s infinite normal none;
}
@-webkit-keyframes BX_SprAniKey3 {
0% {
background-position: 0px 0px;
}
0.52% {
background-position: -91px 0px;
}
1.04% {
background-position: -182px 0px;
}
1.56% {
background-position: -273px 0px;
}
2.08% {
background-position: -364px 0px;
}
2.60% {
background-position: -455px 0px;
}
3.13% {
background-position: -546px 0px;
}
3.65% {
background-position: -637px 0px;
}
4.17% {
background-position: -728px 0px;
}
4.69% {
background-position: -819px 0px;
}
5.21% {
background-position: -910px 0px;
}
5.73% {
background-position: -1001px 0px;
}
6.25% {
background-position: -1092px 0px;
}
6.77% {
background-position: -1183px 0px;
}
7.29% {
background-position: -1274px 0px;
}
7.81% {
background-position: -1365px 0px;
}
8.33% {
background-position: -1456px 0px;
}
8.85% {
background-position: -1547px 0px;
}
9.38% {
background-position: -1638px 0px;
}
9.90% {
background-position: -1729px 0px;
}
10.42% {
background-position: -1820px 0px;
}
10.94% {
background-position: -1911px 0px;
}
11.46% {
background-position: -2002px 0px;
}
11.98% {
background-position: -2093px 0px;
}
12.50% {
background-position: -2184px 0px;
}
13.02% {
background-position: -2275px 0px;
}
13.54% {
background-position: -2366px 0px;
}
14.06% {
background-position: -2457px 0px;
}
14.58% {
background-position: -2548px 0px;
}
15.10% {
background-position: -2639px 0px;
}
15.63% {
background-position: -2730px 0px;
}
16.15% {
background-position: -2821px 0px;
}
16.67% {
background-position: -2912px 0px;
}
17.19% {
background-position: -3003px 0px;
}
17.71% {
background-position: -3094px 0px;
}
18.23% {
background-position: -3185px 0px;
}
18.75% {
background-position: -3276px 0px;
}
19.27% {
background-position: -3367px 0px;
}
19.79% {
background-position: -3458px 0px;
}
20.31% {
background-position: -3549px 0px;
}
20.83% {
background-position: -3640px 0px;
}
21.35% {
background-position: -3731px 0px;
}
21.88% {
background-position: -3822px 0px;
}
22.40% {
background-position: -3913px 0px;
}
22.92% {
background-position: -4004px 0px;
}
23.44% {
background-position: 0px -90px;
}
23.96% {
background-position: -91px -90px;
}
24.48% {
background-position: -182px -90px;
}
25.00% {
background-position: -273px -90px;
}
25.52% {
background-position: -364px -90px;
}
26.04% {
background-position: -455px -90px;
}
26.56% {
background-position: -546px -90px;
}
27.08% {
background-position: -637px -90px;
}
27.60% {
background-position: -728px -90px;
}
28.13% {
background-position: -819px -90px;
}
28.65% {
background-position: -910px -90px;
}
29.17% {
background-position: -1001px -90px;
}
29.69% {
background-position: -1092px -90px;
}
30.21% {
background-position: -1183px -90px;
}
30.73% {
background-position: -1274px -90px;
}
31.25% {
background-position: -1365px -90px;
}
31.77% {
background-position: -1456px -90px;
}
32.29% {
background-position: -1547px -90px;
}
32.81% {
background-position: -1638px -90px;
}
33.33% {
background-position: -1729px -90px;
}
33.85% {
background-position: -1820px -90px;
}
34.38% {
background-position: -1911px -90px;
}
34.90% {
background-position: -2002px -90px;
}
35.42% {
background-position: -2093px -90px;
}
35.94% {
background-position: -2184px -90px;
}
36.46% {
background-position: -2275px -90px;
}
36.98% {
background-position: -2366px -90px;
}
37.50% {
background-position: -2457px -90px;
}
38.02% {
background-position: -2548px -90px;
}
38.54% {
background-position: -2639px -90px;
}
39.06% {
background-position: -2730px -90px;
}
39.58% {
background-position: -2821px -90px;
}
40.10% {
background-position: -2912px -90px;
}
40.63% {
background-position: -3003px -90px;
}
41.15% {
background-position: -3094px -90px;
}
41.67% {
background-position: -3185px -90px;
}
42.19% {
background-position: -3276px -90px;
}
42.71% {
background-position: -3367px -90px;
}
43.23% {
background-position: -3458px -90px;
}
43.75% {
background-position: -3549px -90px;
}
44.27% {
background-position: -3640px -90px;
}
44.79% {
background-position: -3731px -90px;
}
45.31% {
background-position: -3822px -90px;
}
45.83% {
background-position: -3913px -90px;
}
46.35% {
background-position: -4004px -90px;
}
46.88% {
background-position: 0px -180px;
}
47.40% {
background-position: -91px -180px;
}
47.92% {
background-position: -182px -180px;
}
48.44% {
background-position: -273px -180px;
}
48.96% {
background-position: -364px -180px;
}
49.48% {
background-position: -455px -180px;
}
50.00% {
background-position: -546px -180px;
}
50.52% {
background-position: -637px -180px;
}
51.04% {
background-position: -728px -180px;
}
51.56% {
background-position: -819px -180px;
}
52.08% {
background-position: -910px -180px;
}
52.60% {
background-position: -1001px -180px;
}
53.13% {
background-position: -1092px -180px;
}
53.65% {
background-position: -1183px -180px;
}
54.17% {
background-position: -1274px -180px;
}
54.69% {
background-position: -1365px -180px;
}
55.21% {
background-position: -1456px -180px;
}
55.73% {
background-position: -1547px -180px;
}
56.25% {
background-position: -1638px -180px;
}
56.77% {
background-position: -1729px -180px;
}
57.29% {
background-position: -1820px -180px;
}
57.81% {
background-position: -1911px -180px;
}
58.33% {
background-position: -2002px -180px;
}
58.85% {
background-position: -2093px -180px;
}
59.38% {
background-position: -2184px -180px;
}
59.90% {
background-position: -2275px -180px;
}
60.42% {
background-position: -2366px -180px;
}
60.94% {
background-position: -2457px -180px;
}
61.46% {
background-position: -2548px -180px;
}
61.98% {
background-position: -2639px -180px;
}
62.50% {
background-position: -2730px -180px;
}
63.02% {
background-position: -2821px -180px;
}
63.54% {
background-position: -2912px -180px;
}
64.06% {
background-position: -3003px -180px;
}
64.58% {
background-position: -3094px -180px;
}
65.10% {
background-position: -3185px -180px;
}
65.63% {
background-position: -3276px -180px;
}
66.15% {
background-position: -3367px -180px;
}
66.67% {
background-position: -3458px -180px;
}
67.19% {
background-position: -3549px -180px;
}
67.71% {
background-position: -3640px -180px;
}
68.23% {
background-position: -3731px -180px;
}
68.75% {
background-position: -3822px -180px;
}
69.27% {
background-position: -3913px -180px;
}
69.79% {
background-position: -4004px -180px;
}
70.31% {
background-position: 0px -270px;
}
70.83% {
background-position: -91px -270px;
}
71.35% {
background-position: -182px -270px;
}
71.88% {
background-position: -273px -270px;
}
72.40% {
background-position: -364px -270px;
}
72.92% {
background-position: -455px -270px;
}
73.44% {
background-position: -546px -270px;
}
73.96% {
background-position: -637px -270px;
}
74.48% {
background-position: -728px -270px;
}
75.00% {
background-position: -819px -270px;
}
75.52% {
background-position: -910px -270px;
}
76.04% {
background-position: -1001px -270px;
}
76.56% {
background-position: -1092px -270px;
}
77.08% {
background-position: -1183px -270px;
}
77.60% {
background-position: -1274px -270px;
}
78.13% {
background-position: -1365px -270px;
}
78.65% {
background-position: -1456px -270px;
}
79.17% {
background-position: -1547px -270px;
}
79.69% {
background-position: -1638px -270px;
}
80.21% {
background-position: -1729px -270px;
}
80.73% {
background-position: -1820px -270px;
}
81.25% {
background-position: -1911px -270px;
}
81.77% {
background-position: -2002px -270px;
}
82.29% {
background-position: -2093px -270px;
}
82.81% {
background-position: -2184px -270px;
}
83.33% {
background-position: -2275px -270px;
}
83.85% {
background-position: -2366px -270px;
}
84.38% {
background-position: -2457px -270px;
}
84.90% {
background-position: -2548px -270px;
}
85.42% {
background-position: -2639px -270px;
}
85.94% {
background-position: -2730px -270px;
}
86.46% {
background-position: -2821px -270px;
}
86.98% {
background-position: -2912px -270px;
}
87.50% {
background-position: -3003px -270px;
}
88.02% {
background-position: -3094px -270px;
}
88.54% {
background-position: -3185px -270px;
}
89.06% {
background-position: -3276px -270px;
}
89.58% {
background-position: -3367px -270px;
}
90.10% {
background-position: -3458px -270px;
}
90.63% {
background-position: -3549px -270px;
}
91.15% {
background-position: -3640px -270px;
}
91.67% {
background-position: -3731px -270px;
}
92.19% {
background-position: -3822px -270px;
}
92.71% {
background-position: -3913px -270px;
}
93.23% {
background-position: -4004px -270px;
}
93.75% {
background-position: 0px -360px;
}
94.27% {
background-position: -91px -360px;
}
94.79% {
background-position: -182px -360px;
}
95.31% {
background-position: -273px -360px;
}
95.83% {
background-position: -364px -360px;
}
96.35% {
background-position: -455px -360px;
}
96.88% {
background-position: -546px -360px;
}
97.40% {
background-position: -637px -360px;
}
97.92% {
background-position: -728px -360px;
}
98.44% {
background-position: -819px -360px;
}
98.96% {
background-position: -910px -360px;
}
99.48% {
background-position: -1001px -360px;
}
100% {
background-position: -1001px -360px;
}
}
@keyframes BX_SprAniKey3 {
0% {
background-position: 0px 0px;
}
0.52% {
background-position: -91px 0px;
}
1.04% {
background-position: -182px 0px;
}
1.56% {
background-position: -273px 0px;
}
2.08% {
background-position: -364px 0px;
}
2.60% {
background-position: -455px 0px;
}
3.13% {
background-position: -546px 0px;
}
3.65% {
background-position: -637px 0px;
}
4.17% {
background-position: -728px 0px;
}
4.69% {
background-position: -819px 0px;
}
5.21% {
background-position: -910px 0px;
}
5.73% {
background-position: -1001px 0px;
}
6.25% {
background-position: -1092px 0px;
}
6.77% {
background-position: -1183px 0px;
}
7.29% {
background-position: -1274px 0px;
}
7.81% {
background-position: -1365px 0px;
}
8.33% {
background-position: -1456px 0px;
}
8.85% {
background-position: -1547px 0px;
}
9.38% {
background-position: -1638px 0px;
}
9.90% {
background-position: -1729px 0px;
}
10.42% {
background-position: -1820px 0px;
}
10.94% {
background-position: -1911px 0px;
}
11.46% {
background-position: -2002px 0px;
}
11.98% {
background-position: -2093px 0px;
}
12.50% {
background-position: -2184px 0px;
}
13.02% {
background-position: -2275px 0px;
}
13.54% {
background-position: -2366px 0px;
}
14.06% {
background-position: -2457px 0px;
}
14.58% {
background-position: -2548px 0px;
}
15.10% {
background-position: -2639px 0px;
}
15.63% {
background-position: -2730px 0px;
}
16.15% {
background-position: -2821px 0px;
}
16.67% {
background-position: -2912px 0px;
}
17.19% {
background-position: -3003px 0px;
}
17.71% {
background-position: -3094px 0px;
}
18.23% {
background-position: -3185px 0px;
}
18.75% {
background-position: -3276px 0px;
}
19.27% {
background-position: -3367px 0px;
}
19.79% {
background-position: -3458px 0px;
}
20.31% {
background-position: -3549px 0px;
}
20.83% {
background-position: -3640px 0px;
}
21.35% {
background-position: -3731px 0px;
}
21.88% {
background-position: -3822px 0px;
}
22.40% {
background-position: -3913px 0px;
}
22.92% {
background-position: -4004px 0px;
}
23.44% {
background-position: 0px -90px;
}
23.96% {
background-position: -91px -90px;
}
24.48% {
background-position: -182px -90px;
}
25.00% {
background-position: -273px -90px;
}
25.52% {
background-position: -364px -90px;
}
26.04% {
background-position: -455px -90px;
}
26.56% {
background-position: -546px -90px;
}
27.08% {
background-position: -637px -90px;
}
27.60% {
background-position: -728px -90px;
}
28.13% {
background-position: -819px -90px;
}
28.65% {
background-position: -910px -90px;
}
29.17% {
background-position: -1001px -90px;
}
29.69% {
background-position: -1092px -90px;
}
30.21% {
background-position: -1183px -90px;
}
30.73% {
background-position: -1274px -90px;
}
31.25% {
background-position: -1365px -90px;
}
31.77% {
background-position: -1456px -90px;
}
32.29% {
background-position: -1547px -90px;
}
32.81% {
background-position: -1638px -90px;
}
33.33% {
background-position: -1729px -90px;
}
33.85% {
background-position: -1820px -90px;
}
34.38% {
background-position: -1911px -90px;
}
34.90% {
background-position: -2002px -90px;
}
35.42% {
background-position: -2093px -90px;
}
35.94% {
background-position: -2184px -90px;
}
36.46% {
background-position: -2275px -90px;
}
36.98% {
background-position: -2366px -90px;
}
37.50% {
background-position: -2457px -90px;
}
38.02% {
background-position: -2548px -90px;
}
38.54% {
background-position: -2639px -90px;
}
39.06% {
background-position: -2730px -90px;
}
39.58% {
background-position: -2821px -90px;
}
40.10% {
background-position: -2912px -90px;
}
40.63% {
background-position: -3003px -90px;
}
41.15% {
background-position: -3094px -90px;
}
41.67% {
background-position: -3185px -90px;
}
42.19% {
background-position: -3276px -90px;
}
42.71% {
background-position: -3367px -90px;
}
43.23% {
background-position: -3458px -90px;
}
43.75% {
background-position: -3549px -90px;
}
44.27% {
background-position: -3640px -90px;
}
44.79% {
background-position: -3731px -90px;
}
45.31% {
background-position: -3822px -90px;
}
45.83% {
background-position: -3913px -90px;
}
46.35% {
background-position: -4004px -90px;
}
46.88% {
background-position: 0px -180px;
}
47.40% {
background-position: -91px -180px;
}
47.92% {
background-position: -182px -180px;
}
48.44% {
background-position: -273px -180px;
}
48.96% {
background-position: -364px -180px;
}
49.48% {
background-position: -455px -180px;
}
50.00% {
background-position: -546px -180px;
}
50.52% {
background-position: -637px -180px;
}
51.04% {
background-position: -728px -180px;
}
51.56% {
background-position: -819px -180px;
}
52.08% {
background-position: -910px -180px;
}
52.60% {
background-position: -1001px -180px;
}
53.13% {
background-position: -1092px -180px;
}
53.65% {
background-position: -1183px -180px;
}
54.17% {
background-position: -1274px -180px;
}
54.69% {
background-position: -1365px -180px;
}
55.21% {
background-position: -1456px -180px;
}
55.73% {
background-position: -1547px -180px;
}
56.25% {
background-position: -1638px -180px;
}
56.77% {
background-position: -1729px -180px;
}
57.29% {
background-position: -1820px -180px;
}
57.81% {
background-position: -1911px -180px;
}
58.33% {
background-position: -2002px -180px;
}
58.85% {
background-position: -2093px -180px;
}
59.38% {
background-position: -2184px -180px;
}
59.90% {
background-position: -2275px -180px;
}
60.42% {
background-position: -2366px -180px;
}
60.94% {
background-position: -2457px -180px;
}
61.46% {
background-position: -2548px -180px;
}
61.98% {
background-position: -2639px -180px;
}
62.50% {
background-position: -2730px -180px;
}
63.02% {
background-position: -2821px -180px;
}
63.54% {
background-position: -2912px -180px;
}
64.06% {
background-position: -3003px -180px;
}
64.58% {
background-position: -3094px -180px;
}
65.10% {
background-position: -3185px -180px;
}
65.63% {
background-position: -3276px -180px;
}
66.15% {
background-position: -3367px -180px;
}
66.67% {
background-position: -3458px -180px;
}
67.19% {
background-position: -3549px -180px;
}
67.71% {
background-position: -3640px -180px;
}
68.23% {
background-position: -3731px -180px;
}
68.75% {
background-position: -3822px -180px;
}
69.27% {
background-position: -3913px -180px;
}
69.79% {
background-position: -4004px -180px;
}
70.31% {
background-position: 0px -270px;
}
70.83% {
background-position: -91px -270px;
}
71.35% {
background-position: -182px -270px;
}
71.88% {
background-position: -273px -270px;
}
72.40% {
background-position: -364px -270px;
}
72.92% {
background-position: -455px -270px;
}
73.44% {
background-position: -546px -270px;
}
73.96% {
background-position: -637px -270px;
}
74.48% {
background-position: -728px -270px;
}
75.00% {
background-position: -819px -270px;
}
75.52% {
background-position: -910px -270px;
}
76.04% {
background-position: -1001px -270px;
}
76.56% {
background-position: -1092px -270px;
}
77.08% {
background-position: -1183px -270px;
}
77.60% {
background-position: -1274px -270px;
}
78.13% {
background-position: -1365px -270px;
}
78.65% {
background-position: -1456px -270px;
}
79.17% {
background-position: -1547px -270px;
}
79.69% {
background-position: -1638px -270px;
}
80.21% {
background-position: -1729px -270px;
}
80.73% {
background-position: -1820px -270px;
}
81.25% {
background-position: -1911px -270px;
}
81.77% {
background-position: -2002px -270px;
}
82.29% {
background-position: -2093px -270px;
}
82.81% {
background-position: -2184px -270px;
}
83.33% {
background-position: -2275px -270px;
}
83.85% {
background-position: -2366px -270px;
}
84.38% {
background-position: -2457px -270px;
}
84.90% {
background-position: -2548px -270px;
}
85.42% {
background-position: -2639px -270px;
}
85.94% {
background-position: -2730px -270px;
}
86.46% {
background-position: -2821px -270px;
}
86.98% {
background-position: -2912px -270px;
}
87.50% {
background-position: -3003px -270px;
}
88.02% {
background-position: -3094px -270px;
}
88.54% {
background-position: -3185px -270px;
}
89.06% {
background-position: -3276px -270px;
}
89.58% {
background-position: -3367px -270px;
}
90.10% {
background-position: -3458px -270px;
}
90.63% {
background-position: -3549px -270px;
}
91.15% {
background-position: -3640px -270px;
}
91.67% {
background-position: -3731px -270px;
}
92.19% {
background-position: -3822px -270px;
}
92.71% {
background-position: -3913px -270px;
}
93.23% {
background-position: -4004px -270px;
}
93.75% {
background-position: 0px -360px;
}
94.27% {
background-position: -91px -360px;
}
94.79% {
background-position: -182px -360px;
}
95.31% {
background-position: -273px -360px;
}
95.83% {
background-position: -364px -360px;
}
96.35% {
background-position: -455px -360px;
}
96.88% {
background-position: -546px -360px;
}
97.40% {
background-position: -637px -360px;
}
97.92% {
background-position: -728px -360px;
}
98.44% {
background-position: -819px -360px;
}
98.96% {
background-position: -910px -360px;
}
99.48% {
background-position: -1001px -360px;
}
100% {
background-position: -1001px -360px;
}
}
.inline {
display: inline-block;
*display: inline;
*zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
.cb {
clear: both;
}
.oh {
overflow: hidden;
}
.hide {
display: none;
}
.show {
display: block !important;
}
@-webkit-keyframes more {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-moz-keyframes more {
from {
transform: rotate(0);
}
to {
transform: rotate(180deg);
}
}
@-ms-keyframes more {
from {
transform: rotate(0);
}
to {
transform: rotate(180deg);
}
}
@keyframes more {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.lazyload {
opacity: 0;
-webkit-filter: Aplha(opacity=0);
filter: Aplha(opacity=0);
}
.lazyload.show {
filter: alpha(opacity=100);
opacity: 1;
-webkit-animation: goto 0.2s 0.2s ease both 300ms 0 ease;
-moz-animation: goto 0.2s 0.2s ease both 300ms 0 ease;
-ms-animation: goto 0.2s 0.2s ease both 300ms 0 ease;
animation: goto 0.2s 0.2s ease both 300ms 0 ease;
-moz-animation: goto 0.2s 0.2s ease both;
-webkit-animation: goto 0.2s 0.2s ease both;
-o-animation: goto 0.2s 0.2s ease both;
-ms-animation: goto 0.2s 0.2s ease both;
animation: goto 0.2s 0.2s ease both;
}
.no-webp .pop_video_bg {background:#000}
.webp .pop_video_bg {background:#000}
.pop_video_bg {
position: fixed;
top: 0;
left: 0;
opacity: .5;
filter: alpha(opacity=50);
width: 100%;
z-index: 9999;
min-width: 1200px;
}
.pop_video {
position: fixed;
left: 50%;
z-index: 10000;
display: none;
}
@-webkit-keyframes music {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes music {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes music {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-ms-keyframes music {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes music {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#active-box {
position: absolute;
top: 477px;
left: 161px;
width: 441px;
height: 49px;
}
.no-webp #active-box input {background:transparent}
.webp #active-box input {background:transparent}
#active-box input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0 5px;
width: 339px;
*width: 333px;
height: 49px;
line-height: 49px;
border: none;
font-size: 14px;
font-family: "Microsoft YaHei";
color: #000;
outline: none;
}
#active-box input.blur {
color: #c1c1c1;
}
#active-box a {
display: inline-block;
width: 92px;
line-height: 49px;
color: #fff;
text-align: center;
font-family: "Microsoft YaHei";
font-weight: bold;
vertical-align: top;
}
.no-webp .s_top {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) center no-repeat;background-size:720px 677px;
background-position:-432px -129px}
.webp .s_top {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) center no-repeat;background-size:720px 677px;
background-position:-432px -129px}
.no-webp .s_top {background-size:720px 677px}
.webp .s_top {background-size:720px 677px}
.no-webp .s_top {background-position:-432px -129px}
.webp .s_top {background-position:-432px -129px}
.s_top {
position: fixed;
_position: absolute;
display: none;
z-index: 10;
width: 110px;
height: 111px;
bottom: 150px;
right: 200px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.s_top:hover {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
.middle {
/* 垂直居中 */
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.zoom {
width: 206px;
height: 122px;
vertical-align: middle;
-webkit-transition: -webkit-transform 0.4s;
-ms-transition: -webkit-transform 0.4s;
-moz-transition: -webkit-transform 0.4s;
-o-transition: -webkit-transform 0.4s;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
}
.bottom-box:hover .zoom {
/* hover放大 */
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
zoom: 1.05;
}
html,
body {
margin: 0 auto 0;
}
.no-webp .inner {background:#f6fbff}
.webp .inner {background:#f6fbff}
.inner {
}
.no-webp .inner .banner-text {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-img1_75684867.png) no-repeat 0 0}
.webp .inner .banner-text {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-img1_75684867.webp) no-repeat 0 0}
.inner .banner-text {
}
.no-webp .inner .banner-text:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-img2_14ff50ac.png) no-repeat 0 0}
.webp .inner .banner-text:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-img2_14ff50ac.webp) no-repeat 0 0}
.inner .banner-text:hover {
}
.no-webp .inner .inner-out-bg {background:#e5f1ff}
.webp .inner .inner-out-bg {background:#e5f1ff}
.inner .inner-out-bg {
position: relative;
min-width: 1200px;
_width: 1200px;
overflow: hidden;
}
.no-webp .inner .inner-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-bg_002c9593.jpg) no-repeat center top}
.webp .inner .inner-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-bg_002c9593.webp) no-repeat center top}
.inner .inner-bg {
}
.no-webp .inner .inner-bg-bottom {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-bg-bottom_8f890c6a.jpg) no-repeat center bottom}
.webp .inner .inner-bg-bottom {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-bg-bottom_8f890c6a.webp) no-repeat center bottom}
.inner .inner-bg-bottom {
position: relative;
top: 0;
}
.inner .inner-bg-con {
position: absolute;
width: 100%;
height: 1080px;
top: 0;
}
.no-webp .inner .inner-bg-con .inner-role {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/role_d292fe2f.png) no-repeat}
.webp .inner .inner-bg-con .inner-role {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/role_d292fe2f.webp) no-repeat}
.inner .inner-bg-con .inner-role {
position: absolute;
right: 10px;
width: 1171px;
height: 1071px;
}
@media screen and (max-width: 1400px) {
.inner .inner-bg-con .inner-role {
left: 50%;
right: auto;
margin-left: -400px;
}
}
.no-webp .inner .inner-bg-con .inner-butterfly {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/butterfly1_c9131485.png) no-repeat}
.webp .inner .inner-bg-con .inner-butterfly {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/butterfly1_c9131485.webp) no-repeat}
.inner .inner-bg-con .inner-butterfly {
position: absolute;
width: 1781px;
height: 1080px;
}
.no-webp .inner .inner-bg-con .inner-slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/slogan_51b7a7d8.png) no-repeat;
background-size: 100%}
.webp .inner .inner-bg-con .inner-slogan {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/slogan_51b7a7d8.webp) no-repeat;
background-size: 100%}
.no-webp .inner .inner-bg-con .inner-slogan {background-size:100%}
.webp .inner .inner-bg-con .inner-slogan {background-size:100%}
.inner .inner-bg-con .inner-slogan {
position: absolute;
top: 88px;
left: 50%;
margin-left: -823px;
width: 841px;
height: 658px;
}
.no-webp .inner .inner-bg-con .fade-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/fade_7d20721e.png) no-repeat center top;
background-size: 1920px 412px}
.webp .inner .inner-bg-con .fade-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/fade_7d20721e.webp) no-repeat center top;
background-size: 1920px 412px}
.no-webp .inner .inner-bg-con .fade-bg {background-size:1920px 412px}
.webp .inner .inner-bg-con .fade-bg {background-size:1920px 412px}
.inner .inner-bg-con .fade-bg {
position: absolute;
width: 100%;
height: 412px;
bottom: 0;
}
.no-webp .inner .inner-bg-con .inner-content-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/content-bg_94e50332.png) no-repeat center top;
background-size: 100%}
.webp .inner .inner-bg-con .inner-content-bg {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/content-bg_94e50332.webp) no-repeat center top;
background-size: 100%}
.no-webp .inner .inner-bg-con .inner-content-bg {background-size:100%}
.webp .inner .inner-bg-con .inner-content-bg {background-size:100%}
.inner .inner-bg-con .inner-content-bg {
position: absolute;
left: 50%;
margin-left: -336px;
width: 930px;
height: 617px;
bottom: 0;
}
.inner .main {
width: 1200px;
margin: 0 auto;
padding-top: 536px;
padding-bottom: 600px;
}
.inner .main.main_guide {
width: 1400px;
padding-bottom: 0px;
}
.inner .main.main_det {
padding-bottom: 0px;
padding-top: 560px;
}
.inner .main.main_det .content-title,
.inner .main.main_det #search {
display: none;
}
.inner .main.main_det .content-nav {
padding: 0 0 0;
}
.inner .main.main_list {
width: 1400px;
padding-bottom: 0px;
}
.no-webp .inner .main.main_list .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list_tit_053dccc6.png) no-repeat}
.webp .inner .main.main_list .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list_tit_053dccc6.webp) no-repeat}
.inner .main.main_list .content-title {
}
.no-webp .inner .main .btn-ticket {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-262px -424px}
.webp .inner .main .btn-ticket {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-262px -424px}
.no-webp .inner .main .btn-ticket {background-size:720px 677px}
.webp .inner .main .btn-ticket {background-size:720px 677px}
.no-webp .inner .main .btn-ticket {background-position:-262px -424px}
.webp .inner .main .btn-ticket {background-position:-262px -424px}
.inner .main .btn-ticket {
display: none;
position: absolute;
top: 98px;
left: 50%;
margin-left: -212px;
width: 117px;
height: 127px;
}
.no-webp .inner .main .btn-ticket:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-432px -0px}
.webp .inner .main .btn-ticket:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-432px -0px}
.no-webp .inner .main .btn-ticket:hover {background-size:720px 677px}
.webp .inner .main .btn-ticket:hover {background-size:720px 677px}
.no-webp .inner .main .btn-ticket:hover {background-position:-432px -0px}
.webp .inner .main .btn-ticket:hover {background-position:-432px -0px}
.inner .main .btn-ticket:hover {
width:117px;
height:127px;
}
.inner .left-box {
display: none;
}
.no-webp .inner .left-box a {background-image:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-left_33698097.png);
background-repeat: no-repeat}
.webp .inner .left-box a {background-image:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-left_33698097.webp);
background-repeat: no-repeat}
.no-webp .inner .left-box a {background-repeat:no-repeat}
.webp .inner .left-box a {background-repeat:no-repeat}
.inner .left-box a {
position: relative;
display: block;
}
.no-webp .inner .left-box .inner_logo {background:#fff}
.webp .inner .left-box .inner_logo {background:#fff}
.inner .left-box .inner_logo {
display: none;
opacity: 0;
filter: alpha(opacity=0);
width: 200px;
height: 60px;
position: absolute;
left: -40px;
top: -340px;
}
.no-webp .inner .left-box .bottom-box {background:none}
.webp .inner .left-box .bottom-box {background:none}
.inner .left-box .bottom-box {
margin-top: 0;
height: 160px;
position: relative;
top: 6px;
overflow: hidden;
}
.inner .left-box .bottom-box img {
margin-left: 6px;
}
.no-webp .inner .left-box .top-box2 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 634px;
background-position:-0px -0px}
.webp .inner .left-box .top-box2 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 634px;
background-position:-0px -0px}
.no-webp .inner .left-box .top-box2 {background-size:720px 634px}
.webp .inner .left-box .top-box2 {background-size:720px 634px}
.no-webp .inner .left-box .top-box2 {background-position:-0px -0px}
.webp .inner .left-box .top-box2 {background-position:-0px -0px}
.inner .left-box .top-box2 {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 260px;
height: 674px;
*height: 634px;
padding-top: 40px;
}
.inner .left-box .top-box2 img {
display: block;
}
.inner .left-box .top-box2 .left-wx {
width: 167px;
margin: 0 auto;
}
.no-webp .inner .left-box .top-box2 .inner-left-ios {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -0px}
.webp .inner .left-box .top-box2 .inner-left-ios {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -0px}
.no-webp .inner .left-box .top-box2 .inner-left-ios {background-size:720px 677px}
.webp .inner .left-box .top-box2 .inner-left-ios {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .inner-left-ios {background-position:-551px -0px}
.webp .inner .left-box .top-box2 .inner-left-ios {background-position:-551px -0px}
.inner .left-box .top-box2 .inner-left-ios {
display: block;
width: 169px;
height: 51px;
margin: 15px auto 10px;
}
.no-webp .inner .left-box .top-box2 .inner-left-ios:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -53px}
.webp .inner .left-box .top-box2 .inner-left-ios:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -53px}
.no-webp .inner .left-box .top-box2 .inner-left-ios:hover {background-size:720px 677px}
.webp .inner .left-box .top-box2 .inner-left-ios:hover {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .inner-left-ios:hover {background-position:-551px -53px}
.webp .inner .left-box .top-box2 .inner-left-ios:hover {background-position:-551px -53px}
.inner .left-box .top-box2 .inner-left-ios:hover {
width:169px;
height:51px;
}
.no-webp .inner .left-box .top-box2 .inner-left-an {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -106px}
.webp .inner .left-box .top-box2 .inner-left-an {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -106px}
.no-webp .inner .left-box .top-box2 .inner-left-an {background-size:720px 677px}
.webp .inner .left-box .top-box2 .inner-left-an {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .inner-left-an {background-position:-551px -106px}
.webp .inner .left-box .top-box2 .inner-left-an {background-position:-551px -106px}
.inner .left-box .top-box2 .inner-left-an {
display: block;
width: 167px;
height: 50px;
margin: 0 auto;
}
.no-webp .inner .left-box .top-box2 .inner-left-an:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -158px}
.webp .inner .left-box .top-box2 .inner-left-an:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -158px}
.no-webp .inner .left-box .top-box2 .inner-left-an:hover {background-size:720px 677px}
.webp .inner .left-box .top-box2 .inner-left-an:hover {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .inner-left-an:hover {background-position:-551px -158px}
.webp .inner .left-box .top-box2 .inner-left-an:hover {background-position:-551px -158px}
.inner .left-box .top-box2 .inner-left-an:hover {
width:167px;
height:50px;
}
.inner .left-box .top-box2 .wx_wb {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 235px;
height: 310px;
*height: 310px;
padding-top: 35px;
padding-left: 45px;
}
.inner .left-box .top-box2 .wx_wb a {
z-index: 2;
float: left;
margin-right: 14px;
width: 34px;
height: 34px;
}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-1 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-651px -210px}
.webp .inner .left-box .top-box2 .wx_wb .icon-1 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-651px -210px}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-1 {background-size:720px 677px}
.webp .inner .left-box .top-box2 .wx_wb .icon-1 {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-1 {background-position:-651px -210px}
.webp .inner .left-box .top-box2 .wx_wb .icon-1 {background-position:-651px -210px}
.inner .left-box .top-box2 .wx_wb .icon-1 {
width:34px;
height:34px;
}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-2 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-551px -260px}
.webp .inner .left-box .top-box2 .wx_wb .icon-2 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-551px -260px}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-2 {background-size:720px 677px}
.webp .inner .left-box .top-box2 .wx_wb .icon-2 {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .wx_wb .icon-2 {background-position:-551px -260px}
.webp .inner .left-box .top-box2 .wx_wb .icon-2 {background-position:-551px -260px}
.inner .left-box .top-box2 .wx_wb .icon-2 {
width:34px;
height:34px;
}
.inner .left-box .top-box2 .wx_wb div.active {
display: block;
}
.no-webp .inner .left-box .top-box2 .wx_wb div {background-repeat:no-repeat}
.webp .inner .left-box .top-box2 .wx_wb div {background-repeat:no-repeat}
.inner .left-box .top-box2 .wx_wb div {
display: none;
position: absolute;
width: 168px;
height: 210px;
top: 32px;
left: 42px;
}
.no-webp .inner .left-box .top-box2 .wx_wb .weixin {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-262px -0px}
.webp .inner .left-box .top-box2 .wx_wb .weixin {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-262px -0px}
.no-webp .inner .left-box .top-box2 .wx_wb .weixin {background-size:720px 677px}
.webp .inner .left-box .top-box2 .wx_wb .weixin {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .wx_wb .weixin {background-position:-262px -0px}
.webp .inner .left-box .top-box2 .wx_wb .weixin {background-position:-262px -0px}
.inner .left-box .top-box2 .wx_wb .weixin {
width:168px;
height:210px;
}
.no-webp .inner .left-box .top-box2 .wx_wb .weibo {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-262px -212px}
.webp .inner .left-box .top-box2 .wx_wb .weibo {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-262px -212px}
.no-webp .inner .left-box .top-box2 .wx_wb .weibo {background-size:720px 677px}
.webp .inner .left-box .top-box2 .wx_wb .weibo {background-size:720px 677px}
.no-webp .inner .left-box .top-box2 .wx_wb .weibo {background-position:-262px -212px}
.webp .inner .left-box .top-box2 .wx_wb .weibo {background-position:-262px -212px}
.inner .left-box .top-box2 .wx_wb .weibo {
width:168px;
height:210px;
}
.inner .content-box {
position: relative;
padding: 0 0;
width: 100%;
}
.no-webp .inner .content-box .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_tit_e3f18780.png) no-repeat left top}
.webp .inner .content-box .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_tit_e3f18780.webp) no-repeat left top}
.inner .content-box .content-title {
height: 52px;
width: 984px;
border-bottom: 1px solid #9ab0c4;
font-size: 14px;
font-family: "Microsoft YaHei";
font-weight: normal;
color: #000;
}
.inner .content-box .content-title .bread-nav {
margin-top: 50px;
display: none;
}
.inner .content-box .content-title .bread-nav a {
color: #000;
}
.inner .content-box .content-title .red {
color: #ff7481;
}
.inner .content-box .hongka {
display: none;
}
.inner .content-box .content-nav {
padding: 20px 50px 30px;
font-family: "Microsoft YaHei";
}
.no-webp .inner .content-box .content-nav h4 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list-img_915afc07.png) no-repeat left -231px}
.webp .inner .content-box .content-nav h4 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list-img_915afc07.webp) no-repeat left -231px}
.inner .content-box .content-nav h4 {
height: 30px;
text-indent: 1.5em;
color: #284fa3;
}
.inner .content-box .content-nav .nav-list {
overflow: hidden;
}
.inner .content-box .content-nav .nav-list li {
float: left;
line-height: 36px;
height: 44px;
}
.no-webp .inner .content-box .content-nav .nav-list li a {background-color:#56a3e0}
.webp .inner .content-box .content-nav .nav-list li a {background-color:#56a3e0}
.inner .content-box .content-nav .nav-list li a {
display: block;
padding: 0 15px;
color: #fff;
font-family: "Microsoft YaHei";
}
.no-webp .inner .content-box .content-nav .nav-list li a.active,
.no-webp .inner .content-box .content-nav .nav-list li a:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-nav-hover_8b098b44.png) center center}
.webp .inner .content-box .content-nav .nav-list li a.active,
.webp .inner .content-box .content-nav .nav-list li a:hover {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/inner-nav-hover_8b098b44.webp) center center}
.inner .content-box .content-nav .nav-list li a.active,
.inner .content-box .content-nav .nav-list li a:hover {
height: 44px;
font-weight: bold;
}
.no-webp .inner .content-box .content-nav .nav-list1.active {background:none}
.webp .inner .content-box .content-nav .nav-list1.active {background:none}
.inner .content-box .content-nav .nav-list1.active {
display: block;
}
.no-webp .inner .content-box .content-nav .nav-list1 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list-img_915afc07.png) no-repeat left -269px}
.webp .inner .content-box .content-nav .nav-list1 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/list-img_915afc07.webp) no-repeat left -269px}
.inner .content-box .content-nav .nav-list1 {
display: none;
overflow: hidden;
padding-top: 13px;
}
.inner .content-box .content-nav .nav-list1 li {
float: left;
border-right: 1px solid #97d9f4;
margin-bottom: 10px;
}
.inner .content-box .content-nav .nav-list1 li a {
padding: 8px 5px;
color: #00a2e6;
font-size: 14px;
}
.inner .content-box .content-nav .nav-list1 li a.active,
.inner .content-box .content-nav .nav-list1 li a:hover {
color: #ff7481;
}
.inner .content-box .article-box {
padding: 0 0 50px;
font-family: "Microsoft YaHei";
color: #000;
}
.inner .content-box .article-box .b {
font-weight: bold;
}
.inner .content-box .article-box .detail-box {
margin-top: 15px;
margin-bottom: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
}
.inner .content-box .article-box .detail-box a {
color: #1899dd;
}
.inner .content-box .article-box .detail-box a:hover {
text-decoration: underline;
}
.inner .content-box .article-box .detail-box span {
display: inline-block;
vertical-align: top;
}
.inner .content-box .article-box .detail-box span.text-share .NIE-share {
margin-top: 13px;
}
.no-webp .inner .content-box .article-box .important-box {background-color:#375090}
.webp .inner .content-box .article-box .important-box {background-color:#375090}
.inner .content-box .article-box .important-box {
margin-top: 40px;
padding: 15px 18px;
color: #fff;
font-size: 12px;
line-height: 20px;
}
.inner .content-box .article-box p {
font-size: 14px;
line-height: 24px;
}
.inner .content-box .article-box p .red {
color: red;
}
.inner .content-box .article-box p .blue {
color: #00a2e6;
}
.inner .content-box .article-box p .green {
color: #15b600;
}
.inner .content-box .article-box .text-center {
margin: 0 auto;
width: 600px;
}
.inner .content-box .article-box .text-center1 {
margin: 0 auto;
width: 700px;
}
.inner .content-box .article-box .img-box {
margin: 0 auto;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.inner .content-box .article-box .img-box .chart-wrap {
display: inline-block;
*zoom: 1;
*display: inline;
}
.inner .content-box .article-box .content-img {
vertical-align: middle;
}
.inner .content-box .article-box table {
margin: 20px auto;
border-top: 1px solid #e1ce94;
border-left: 1px solid #e1ce94;
}
.inner .content-box .list-box {
padding: 60px 7px 0;
min-height: 1000px;
position: relative;
}
.inner .content-box .list-box .tab-title {
height: 44px;
position: absolute;
top: -44px;
left: 274px;
}
.inner .content-box .list-box .tab-title li {
display: inline-block;
height: 100%;
cursor: pointer;
position: relative;
margin-right: 50px;
}
.inner .content-box .list-box .tab-title li.active:after,
.inner .content-box .list-box .tab-title li:hover:after {
display: block;
}
.no-webp .inner .content-box .list-box .tab-title li:after {background:#8396af}
.webp .inner .content-box .list-box .tab-title li:after {background:#8396af}
.inner .content-box .list-box .tab-title li:after {
content: '';
width: 64px;
height: 3px;
display: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -32px;
}
.inner .content-box .list-box .tab-title li a {
display: block;
height: 100%;
font-size: 26px;
color: #586c7e;
line-height: 44px;
text-align: left;
}
.inner .content-box .list-box .news-list {
display: none;
}
.inner .content-box .list-box .news-list li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 216px;
padding-top: 16px;
position: relative;
}
.no-webp .inner .content-box .list-box .news-list li:hover:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/news_active_238b5950.png) center no-repeat}
.webp .inner .content-box .list-box .news-list li:hover:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/news_active_238b5950.webp) center no-repeat}
.inner .content-box .list-box .news-list li:hover:before {
content: '';
width: 1920px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;
}
.no-webp .inner .content-box .list-box .news-list li:hover a:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i_5a5758de.png) center no-repeat}
.webp .inner .content-box .list-box .news-list li:hover a:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i_5a5758de.webp) center no-repeat}
.inner .content-box .list-box .news-list li:hover a:before {
content: '';
width: 40px;
height: 39px;
position: absolute;
top: 11px;
left: 2px;
}
.inner .content-box .list-box .news-list li:hover a .time {
margin-left: 46px;
}
.inner .content-box .list-box .news-list li a {
height: 100%;
display: block;
position: relative;
font-size: 0;
}
.inner .content-box .list-box .news-list li a .time {
font-size: 40px;
line-height: 60px;
text-align: left;
color: #586c7e;
}
.no-webp .inner .content-box .list-box .news-list li a .time:after {background:rgba(163, 179, 195, 0.5)}
.webp .inner .content-box .list-box .news-list li a .time:after {background:rgba(163, 179, 195, 0.5)}
.inner .content-box .list-box .news-list li a .time:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 60px;
left: 0;
}
.inner .content-box .list-box .news-list li a .time span {
font-size: 20px;
margin-left: 16px;
}
.inner .content-box .list-box .news-list li a .type {
display: inline-block;
color: #586c7e;
font-size: 20px;
line-height: 36px;
text-align: left;
}
.inner .content-box .list-box .news-list li a .stit {
display: inline-block;
color: #586c7e;
font-size: 20px;
line-height: 36px;
text-align: left;
}
.inner .content-box .list-box .news-list li a .stit:before {
content: '|';
margin: 0 10px;
}
.inner .content-box .list-box .news-list li a .com {
height: 60px;
font-size: 16px;
color: #7b8e9e;
line-height: 30px;
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.inner .content-box .list-box .news-list.active {
display: block;
}
.inner .content-box .page-box {
margin-top: 65px;
}
.inner .content-box .page-box {
padding: 35px 0;
text-align: center;
font-size: 14px;
font-family: "Microsoft YaHei";
}
.inner .content-box .page-box .paging {
display: inline-block;
*zoom: 1;
*display: inline;
line-height: 30px;
}
.inner .content-box .page-box .paging {
color: #455671;
}
.no-webp .inner .content-box .page-box .paging > i {background-color:#8d9bb0}
.webp .inner .content-box .page-box .paging > i {background-color:#8d9bb0}
.inner .content-box .page-box .paging > i {
display: block;
float: left;
margin-right: 15px;
padding: 0 11px;
height: 30px;
line-height: 30px;
color: #fff;
border: 1px solid #455671;
font-style: normal;
}
.no-webp .inner .content-box .page-box .paging a.active,
.no-webp .inner .content-box .page-box .paging a:hover {background-color:#8d9bb0}
.webp .inner .content-box .page-box .paging a.active,
.webp .inner .content-box .page-box .paging a:hover {background-color:#8d9bb0}
.inner .content-box .page-box .paging a.active,
.inner .content-box .page-box .paging a:hover {
color: #fff;
}
.inner .content-box .page-box .paging a {
display: block;
float: left;
margin-right: 15px;
padding: 0 11px;
height: 30px;
line-height: 30px;
color: #455671;
border: 1px solid #455671;
}
.inner .content-box .page-box .paging a i {
font-style: normal;
}
.inner .content-box .page-box .paging .last,
.inner .content-box .page-box .paging .next,
.inner .content-box .page-box .paging .pre {
float: left;
display: block;
margin-right: 15px;
padding: 0 5px;
width: auto;
height: 30px;
line-height: 30px;
border: 1px solid #455671;
}
.inner .content-box .page-box .count {
font-size: 12px;
margin-right: 5px;
color: #455671;
}
.inner #share {
margin-top: 70px;
margin-bottom: 30px;
}
.inner #footer {
padding: 0 0 160px 0;
}
.inner #NIE-topBar,
.inner #NIE-topBar-include {
min-width: 1200px;
_width: 1200px;
}
#search {
width: 400px;
height: 50px;
position: absolute;
top: 26px;
right: 0px;
}
.no-webp #search:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/input_i_b7162e5d.png) center no-repeat}
.webp #search:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/input_i_b7162e5d.webp) center no-repeat}
#search:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
top: 11px;
left: 17px;
}
.no-webp #search #searchKeyWords {background:#f7fbff}
.webp #search #searchKeyWords {background:#f7fbff}
#search #searchKeyWords {
width: 100%;
height: 100%;
text-indent: 2em;
line-height: 50px;
display: block;
border: none;
outline: 0;
color: #000;
border-radius: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 82px 0 60px;
}
.no-webp #search .btn {background:#99b6cf}
.webp #search .btn {background:#99b6cf}
#search .btn {
position: absolute;
top: 5px;
right: 5px;
width: 62px;
height: 40px;
font-size: 16px;
color: #fff;
line-height: 40px;
text-align: center;
border-radius: 25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#search .btn:hover {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.vote-wrap {
display: none !important;
}
.guide section {
padding-bottom: 30px;
}
.guide .game-detail {
padding: 55px 0 0px;
font-family: "Microsoft YaHei";
}
.no-webp .guide .game-detail .section-2 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t2_a57f23d4.png) right center no-repeat}
.webp .guide .game-detail .section-2 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t2_a57f23d4.webp) right center no-repeat}
.guide .game-detail .section-2 .detail-title {
}
.no-webp .guide .game-detail .section-3 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t3_1383bc8f.png) right center no-repeat}
.webp .guide .game-detail .section-3 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t3_1383bc8f.webp) right center no-repeat}
.guide .game-detail .section-3 .detail-title {
}
.no-webp .guide .game-detail .section-4 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t4_da498f29.png) right center no-repeat}
.webp .guide .game-detail .section-4 .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t4_da498f29.webp) right center no-repeat}
.guide .game-detail .section-4 .detail-title {
}
.no-webp .guide .game-detail .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t1_5a6493a7.png) right center no-repeat}
.webp .guide .game-detail .detail-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_t1_5a6493a7.webp) right center no-repeat}
.guide .game-detail .detail-title {
width: 178px;
height: 40px;
margin-bottom: 20px;
font-size: 0;
position: relative;
}
.no-webp .guide .game-detail .detail-title:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i_5a5758de.png) right center no-repeat}
.webp .guide .game-detail .detail-title:before {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i_5a5758de.webp) right center no-repeat}
.guide .game-detail .detail-title:before {
content: '';
width: 40px;
height: 39px;
position: absolute;
top: 0;
left: 0;
}
.guide .game-detail .detail-line {
overflow: hidden;
margin-bottom: 14px;
padding-top: 6px;
}
.no-webp .guide .game-detail .detail-line .detail-title-s {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i2_b5c44fda.png) center no-repeat}
.webp .guide .game-detail .detail-line .detail-title-s {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_i2_b5c44fda.webp) center no-repeat}
.guide .game-detail .detail-line .detail-title-s {
width: 193px;
height: 41px;
color: #586c7e;
text-align: center;
line-height: 40px;
}
.guide .game-detail .detail-line li.detail-title-s {
font-size: 16px;
text-indent: 0px;
margin-left: 42px;
margin-top: 0;
margin-right: 30px;
padding-right: 0;
}
.guide .game-detail .detail-line li {
float: left;
margin: 10px 0 10px 12px;
line-height: 18px;
font-size: 18px;
padding-right: 30px;
}
.guide .game-detail .detail-line li a {
display: inline-block;
color: #586c7e;
position: relative;
}
.guide .game-detail .detail-line li a:before {
content: '\B7';
position: absolute;
top: 0;
left: -10px;
line-height: 18px;
}
.guide .game-detail .detail-line li a:hover {
font-weight: bold;
text-decoration: underline;
}
.guide #NIE-topBar,
.guide #NIE-topBar-include {
min-width: 1200px;
_width: 1200px;
}
.no-webp .guide .content-box .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_tit_e3f18780.png) no-repeat left top}
.webp .guide .content-box .content-title {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/zl_tit_e3f18780.webp) no-repeat left top}
.guide .content-box .content-title {
}
#share {
margin-top: 75px;
height: 40px;
text-align: center;
}
#share .NIE-share-txt {
color: #3086ca;
font-size: 20px;
margin-right: 5px;
font-weight: 500;
font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#share .NIE-share {
*zoom: 1;
*display: inline;
}
#share .NIE-share-iconBtn a {
height: 40px;
}
#share .NIE-share-iconBtn li {
margin-left: 10px;
}
#share .NIE-share .NIE-share-iconBtn a {
font-size: 40px;
line-height: 40px;
color: #3086ca;
}
#share .NIE-share .NIE-share-iconBtn a:hover {
color: #53b3ff;
}
#share .NIE-share-txt {
line-height: 40px;
}
#footer {
text-align: center;
padding: 20px 0;
}
#footer #NIE-copyRight {
color: #000;
}
#footer #NIE-copyRight a {
color: #000;
}
#footer #NIE-copyRight a.nie-cn-guardianship {
color: #fff;
}
#footer #NIE-copyRight #ncp-l3 {
display: none;
}
#NIE-art {
margin: 0 0 10px 0;
}
/*核心提示*/
.no-webp #NIE-art .artTips {background-color:#2a3975}
.webp #NIE-art .artTips {background-color:#2a3975}
#NIE-art .artTips {
border-color: #2a3975;
color: #ffffff;
}
/*诗词*/
#NIE-art .artPoem {
color: #1899dd;
margin: 15px 0;
}
/*标题*/
#NIE-art .artTitle {
font-size: 30px;
text-align: center;
color: #586c7e;
}
#NIE-art .artInfo {
margin-top: 13px;
margin-bottom: 50px;
line-height: 45px;
position: relative;
}
.no-webp #NIE-art .artInfo:after {background:#c4d2e1}
.webp #NIE-art .artInfo:after {background:#c4d2e1}
#NIE-art .artInfo:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 68px;
left: 0;
}
#NIE-art .artInfo .artDate {
font-size: 22px;
color: #586c7e;
}
#NIE-art .artInfo span {
vertical-align: top;
}
#NIE-art .artInfo a.iconfont {
color: #586c7e;
}
/*正文*/
#NIE-art .artText {
/*color:#000;*/
min-height: 683px;
}
/*一级标题*/
.no-webp #NIE-art .artText h2 {background:#86a8c6 url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/h2-icon_a28fdec7.png) no-repeat}
.webp #NIE-art .artText h2 {background:#86a8c6 url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/h2-icon_a28fdec7.webp) no-repeat}
#NIE-art .artText h2 {
margin-top: 20px;
margin-bottom: 20px;
font-family: "\6977\4F53";
color: #fff;
line-height: 30px;
font-size: 20px;
font-weight: normal;
text-indent: 2em;
}
/*二级标题*/
.no-webp #NIE-art .artText h3 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/h3-icon_2f11aab3.png) no-repeat}
.webp #NIE-art .artText h3 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/h3-icon_2f11aab3.webp) no-repeat}
#NIE-art .artText h3 {
margin: 20px 0px;
line-height: 27px;
color: #fff;
font-size: 16px;
text-indent: 1.5em;
}
/*三级标题*/
.no-webp #NIE-art .artText h4 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/article-icon_60476b92.png) no-repeat 0 -91px}
.webp #NIE-art .artText h4 {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/article-icon_60476b92.webp) no-repeat 0 -91px}
#NIE-art .artText h4 {
color: #385090;
line-height: 26px;
font-size: 14px;
text-indent: 1.2em;
}
#NIE-art .artText h3 {
margin-left: 30px;
}
#NIE-art .artText .artCon2 h3 {
margin-left: 0;
}
#NIE-art .artText li h4 {
padding-left: 15px;
}
/*列表*/
#NIE-art ul li {
/*background:url(../img/inner_li.gif) no-repeat 3px 11px;*/
}
/*链接颜色*/
#NIE-art a {
color: #1899dd;
text-decoration: underline;
}
#NIE-art a.iconfont {
color: #1899dd;
text-decoration: none;
}
#NIE-art .paging a {
text-decoration: none;
}
.no-webp #NIE-art .paging a i {background:#0f6bb8}
.webp #NIE-art .paging a i {background:#0f6bb8}
#NIE-art .paging a i {
border: none;
color: #fff;
}
.no-webp #NIE-art .paging i,
.no-webp #NIE-art .paging a:hover i {background:none}
.webp #NIE-art .paging i,
.webp #NIE-art .paging a:hover i {background:none}
#NIE-art .paging i,
#NIE-art .paging a:hover i {
border: 0;
padding: 2px 5px;
color: #5b85ac;
margin: 0 1px;
}
.no-webp #NIE-art .paging .pre i,
.no-webp #NIE-art .paging .next i {background-position:-34px -332px}
.webp #NIE-art .paging .pre i,
.webp #NIE-art .paging .next i {background-position:-34px -332px}
#NIE-art .paging .pre i,
#NIE-art .paging .next i {
}
/* === 发布系统 === */
/*普通文字颜色*/
#NIE-art {
color: #3e3a39;
}
/*着重色1*/
#NIE-art .red {
color: #ef1600;
}
/*着重色1加粗*/
#NIE-art .redb {
color: #ef1600;
font-weight: bold;
}
/*着重色2*/
#NIE-art .blue {
color: #00a2e6;
}
/*着重色3*/
#NIE-art .green {
color: #15b600;
}
/*服务器名字*/
#NIE-art .fuchsia {
color: #cc66ff;
}
/*文字表格*/
/*表格th部分兼容*/
#NIE-art .table-txt th {
border: 1px solid #a8c3db;
}
/* == 为了兼容旧table颜色，方便统一修改（可拆开使用）== */
/*浅色背景色*/
.no-webp #NIE-art .table-pic,
.no-webp #NIE-art .table-txt,
.no-webp #NIE-art .table3,
.no-webp #NIE-art .table4,
.no-webp #NIE-art .tablepad12,
.no-webp #NIE-art .tablepad {background-color:#f1eee6}
.webp #NIE-art .table-pic,
.webp #NIE-art .table-txt,
.webp #NIE-art .table3,
.webp #NIE-art .table4,
.webp #NIE-art .tablepad12,
.webp #NIE-art .tablepad {background-color:#f1eee6}
#NIE-art .table-pic,
#NIE-art .table-txt,
#NIE-art .table3,
#NIE-art .table4,
#NIE-art .tablepad12,
#NIE-art .tablepad {
border-collapse: collapse;
}
/*深色背景色*/
.no-webp #NIE-art .table-txt thead td,
.no-webp #NIE-art .table3 thead td,
.no-webp #NIE-art .table4 thead td {background:#daba5a}
.webp #NIE-art .table-txt thead td,
.webp #NIE-art .table3 thead td,
.webp #NIE-art .table4 thead td {background:#daba5a}
#NIE-art .table-txt thead td,
#NIE-art .table3 thead td,
#NIE-art .table4 thead td {
color: #fff;
}
/*边框颜色*/
#NIE-art .table-txt td,
#NIE-art .table-pic td,
#NIE-art .table3 td,
#NIE-art .table4 td,
#NIE-art .tablepad12 td,
#NIE-art .tablepad td {
border-color: #e1ce94;
text-align: center;
border-right: 1px solid #e1ce94;
border-bottom: 1px solid #e1ce94;
}
/*图片边框颜色*/
#NIE-art .table-pic img,
#NIE-art .table3 img {
border: none;
vertical-align: middle;
}
/*图片.hover边框颜色*/
#NIE-art .table-pic a:hover img,
#NIE-art .table3 a:hover img {
border-color: #d4dcf6;
}
/*table3 td,th,thead样式*/
#NIE-art .table3 td,
#NIE-art .table3 th {
padding: 3px;
text-align: center;
}
.no-webp #NIE-art .table3 {background:#f1eee6}
.webp #NIE-art .table3 {background:#f1eee6}
#NIE-art .table3 {
font: normal 12px/27px "simsun";
color: #674b07;
}
.no-webp #NIE-art .table3 td {background-color:#fff4f4}
.webp #NIE-art .table3 td {background-color:#fff4f4}
#NIE-art .table3 td {
border: 1px solid #ff7481;
}
.no-webp #NIE-art .table3 thead td,
.no-webp #NIE-art .table3 th {background:#ff7481}
.webp #NIE-art .table3 thead td,
.webp #NIE-art .table3 th {background:#ff7481}
#NIE-art .table3 thead td,
#NIE-art .table3 th {
border: 1px solid #ff7481;
font-size: 14px;
font-weight: bold;
color: #f8f7f5;
}
/*兼容之前图片样式pic*/
.no-webp #NIE-art .pic {background:#d4dcf6}
.webp #NIE-art .pic {background:#d4dcf6}
#NIE-art .pic {
padding: 3px;
display: inline-block;
margin: 0 auto;
}
#NIE-art .pic img {
display: block;
}
/*图片表格*/
.no-webp #NIE-art .table-pic {background-color:#86a8c6}
.webp #NIE-art .table-pic {background-color:#86a8c6}
#NIE-art .table-pic {
color: #fff;
}
#NIE-art .table-pic a,
#NIE-art .table-pic p {
color: #fff;
font-size: 14px;
line-height: 26px;
}
.m-qcode {
display: none;
}
.no-webp .mask {background:#000}
.webp .mask {background:#000}
.mask {
position: fixed;
width: 100%;
height: 100%;
opacity: 0.65;
filter: alpha(opacity=65);
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10000;
display: none;
}
.pop {
display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 10001;
}
.no-webp .pop .closepop {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-687px -210px}
.webp .pop .closepop {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-687px -210px}
.no-webp .pop .closepop {background-size:720px 677px}
.webp .pop .closepop {background-size:720px 677px}
.no-webp .pop .closepop {background-position:-687px -210px}
.webp .pop .closepop {background-position:-687px -210px}
.pop .closepop {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: -15px;
-webkit-transition: all .5s;
transition: all .5s;
}
.pop .closepop:hover {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.no-webp .qq {background:#000}
.webp .qq {background:#000}
.qq {
position: fixed;
top: 0;
width: 100%;
color: #fff;
line-height: 24px;
font-size: 16px;
text-align: center;
padding: 10px 0;
z-index: 100000;
}
.big_banner {
position: fixed;
width: 700px;
height: 400px;
left: 50%;
top: 50%;
margin-left: -350px;
margin-top: -200px;
z-index: 10001;
display: none;
}
.no-webp .big_banner .close_big {background:#fff}
.webp .big_banner .close_big {background:#fff}
.big_banner .close_big {
display: block;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
}
.detail-line a {
position: relative;
}
.no-webp .detail-line a i {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.png) no-repeat;background-size:720px 677px;
background-position:-587px -260px}
.webp .detail-line a i {background:url(https://qnm.res.netease.com/pc/zt/20220225145315657/img/sprite-6eada4_6eada42f.webp) no-repeat;background-size:720px 677px;
background-position:-587px -260px}
.no-webp .detail-line a i {background-size:720px 677px}
.webp .detail-line a i {background-size:720px 677px}
.no-webp .detail-line a i {background-position:-587px -260px}
.webp .detail-line a i {background-position:-587px -260px}
.detail-line a i {
display: block;
position: absolute;
width:29px;
height:15px;
top: -15px;
right: -29px;
}
.item_index {
color: #fff;
position: absolute;
right: 5px;
bottom: 0;
}
#bottompop {
position: fixed;
left: 0;
bottom: 0;
width: 240px;
height: 450px;
z-index: 1000;
}
.no-webp #bottompop .bottompop-close {background:url(https://qn.res.netease.com/gw/12v1/images/blank.gif) no-repeat center top}
.webp #bottompop .bottompop-close {background:url(https://qn.res.netease.com/gw/12v1/images/blank.gif) no-repeat center top}
#bottompop .bottompop-close {
width: 35px;
height: 35px;
position: absolute;
right: 0;
top: 0;
display: block;
overflow: hidden;
z-index: 5;
text-indent: -999em;
cursor: pointer;
}
@-webkit-keyframes finger {
0% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=20);
}
}
@-moz-keyframes finger {
0% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=20);
}
}
@-ms-keyframes finger {
0% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=20);
}
}
@-o-keyframes finger {
0% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=20);
}
}
@keyframes finger {
0% {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
100% {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=20);
}
}