Skip to content

Commit fb408ee

Browse files
author
李阳
committed
anta 3d copy
1 parent 4cbdfe4 commit fb408ee

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

115 files changed

+3345
-0
lines changed

‎antacopy/css/main.css‎

Lines changed: 259 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,259 @@
1+
ul, li {
2+
list-style: none;
3+
line-height: 0px;
4+
}
5+
6+
body, div, ul, li, img, p, a, h1, h2, h3 {
7+
margin: 0px;
8+
padding: 0px;
9+
border: 0px;
10+
}
11+
12+
html, body {
13+
background: #ffffff;
14+
color: #49494d;
15+
font-family: "寰蒋闆呴粦", "榛戜綋", Helvetica, Verdana, sans-serif;
16+
font-size: 14px;
17+
18+
}
19+
20+
body {
21+
width: 100%;
22+
height: 100%;
23+
overflow: hidden;
24+
}
25+
26+
#main {
27+
position: absolute;
28+
top: 0px;
29+
left: 0px;
30+
width: 6.4rem;
31+
height: 100%;
32+
overflow: hidden;
33+
}
34+
#main .bg_red{
35+
width:100%;
36+
height:100%;
37+
background:url(../images/bg.jpg) 0 0 no-repeat;
38+
background-size:100% 100%;
39+
display:none;}
40+
41+
#main .pop {
42+
position: absolute;
43+
top: 0px;
44+
left: 0px;
45+
width: 100%;
46+
height: 100%;
47+
opacity: 0;
48+
display: none;
49+
}
50+
51+
#main #share {
52+
}
53+
54+
#main #share .bg {
55+
position: absolute;
56+
top: 0px;
57+
left: 0px;
58+
width: 100%;
59+
height: 100%;
60+
background: #000000;
61+
opacity: 0.8;
62+
}
63+
64+
#main #share .t1 {
65+
position: absolute;
66+
top: 50%;
67+
left: 50%;
68+
margin: -130px 0 0 -140px;
69+
}
70+
.loading_bg{position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#fff;}
71+
.loading_bg .loading_logo{position:absolute;width:30%;top:50%;left:35%;margin-top:-15%;}
72+
.loading_bg .loading_logo img{width:100%; }
73+
.loading_bg .loading_text{position:absolute;top:50%;left:0;width:100%;height:0.3rem;color:#000;text-align:center;font-size:16px}
74+
75+
.govr{position:absolute;right:0.3rem;top:0.3rem;width:48px;height:48px;background:url(../images/vr_close.png) no-repeat center left;background-size:cover;display:none}
76+
.govr a{width:100%;height:100%;display:block;}
77+
78+
.btn_close{position:absolute;background:url(../images/layer/btn_close.png) no-repeat;background-size:cover;width:0.4rem;height:0.4rem;}
79+
.layer_h{position:absolute;width:5.2rem;height:4.7rem;left:0px;top:50%;margin-top:-2.35rem;padding:0 0.6rem;display:none;z-index:100}
80+
.layer_h .box{margin:0 auto;position:relative;width:100%;height:4.5rem;}
81+
.layer_h .box .btn_close{right:0px;top:-0.2rem;}
82+
.layer_h .box .jz_left{background:url(../images/layer/layer_h_left.png) no-repeat;background-size:cover;width:0.5rem;height:4.5rem;position:absolute;left:-0.5rem;top:0px;}
83+
.layer_h .box .jz_right{background:url(../images/layer/layer_h_right.png) no-repeat;background-size:cover;width:0.5rem;height:4.5rem;position:absolute;right:-0.5rem;top:0px;}
84+
.layer_h .box .content{background:url(../images/layer/layer_h_bg.png) no-repeat;background-size:cover;width:100%;height:4.5rem;overflow:hidden}
85+
.layer_h .box .content p{width:3.93rem;height:2.19rem;margin-top:1.16rem;margin-left:0.7rem; }
86+
.layer_h .box .content p img{width:100%;}
87+
88+
.layer_s1{position:absolute;width:6.4rem;height:7.8rem;left:0px;top:50%;margin-top:-4.25rem;padding-top:1.2rem;display:none;z-index:100}
89+
.layer_s1 .box{height:7.11rem;position:relative}
90+
.layer_s1 .box .btn_close{right:0.8rem;top:-1.2rem;}
91+
.layer_s1 .box .jz_top{background:url(../images/layer/layer_s1_top.png) no-repeat;background-size:cover;width:100%;height:0.7rem;position:absolute;left:0rem;top:-0.7rem;}
92+
.layer_s1 .box .jz_bottom{background:url(../images/layer/layer_s1_bottom.png) no-repeat;background-size:cover;width:100%;height:0.7rem;position:absolute;right:0rem;bottom:-0.7rem;}
93+
.layer_s1 .box .content{background:url(../images/layer/layer_s1_bg.png) no-repeat;background-size:cover;width:100%;height:100%;overflow:hidden}
94+
.layer_s1 .box .content .txt{width:3.47rem;height:5rem;margin:0.55rem auto 0;overflow: hidden;}
95+
96+
97+
.layer_s1 .box .content p img,.layer_s1 .box .btnbox img{width:100%;}
98+
.layer_s1 .box .tips_xiala{height:0.14rem;width:100%;text-align:center;padding:0.1rem 0 0}
99+
.layer_s1 .box .tips_xiala span{width:0.38rem;height:0.14rem;float:left;margin-left:3.2rem;background:url(../images/layer/layer_tips_content.png) no-repeat;background-size:cover}
100+
.layer_s1 .box .btnbox{width:3.47rem;margin:0 auto;}
101+
102+
.layer_s2{position:absolute;width:6.4rem;height:6rem;left:0px;top:50%;margin-top:-2.85rem;padding-top:0.7rem;display:none;z-index:100}
103+
.layer_s2 .box{height:5.19rem;position:relative}
104+
.layer_s2 .box .btn_close{right:0.8rem;top:-1.2rem;}
105+
.layer_s2 .box .jz_top{background:url(../images/layer/layer_s1_top.png) no-repeat;background-size:cover;width:100%;height:0.7rem;position:absolute;left:0rem;top:-0.7rem;}
106+
.layer_s2 .box .jz_bottom{background:url(../images/layer/layer_s1_bottom.png) no-repeat;background-size:cover;width:100%;height:0.7rem;position:absolute;right:0rem;bottom:-0.7rem;}
107+
.layer_s2 .box .content{background:url(../images/layer/layer_s2_bg.png) no-repeat;background-size:cover;width:100%;height:100%;overflow:hidden}
108+
.layer_s2 .box .content .txt{width:3.47rem;height:5rem;margin:0.5rem auto 0;overflow: hidden;}
109+
.layer_s2 .box .content .txt img{width:100%;}
110+
#layer_zgl .box .content .txt{height:5.8rem}
111+
112+
.qp_video{position:fixed;left:0px;top:0px;width:6.4rem;height:100%;display:none;background-color:#000000;z-index:9999}
113+
.qp_video .close{height:0.7rem;width:100%;position:relative;z-index:1111;}
114+
.qp_video .btn_close{right:0.2rem;top:0.2rem;}
115+
.qp_video .mod_player{width:100%;height:100%;box-sizing:border-box;padding-bottom:1.4rem;}
116+
.music{position:absolute;left:0.3rem;top:0.3rem;width:59px;height:50px;background:url(../images/music.png) no-repeat center left;background-size:cover;display:none}
117+
.music.pause{background:url(../images/music_pause.png) no-repeat;background-size:cover;}
118+
/* ==========================================================================
119+
Animations
120+
========================================================================== */
121+
.floating-arrow {
122+
-webkit-animation-name: floating-arrow;
123+
animation-name: floating-arrow;
124+
-webkit-animation-duration: 0.8s;
125+
animation-duration: 0.8s;
126+
-webkit-animation-iteration-count: infinite;
127+
animation-iteration-count: infinite;
128+
-webkit-animation-timing-function: ease-in-out;
129+
animation-timing-function: ease-in-out; }
130+
131+
@-webkit-keyframes floating-arrow {
132+
from {
133+
-webkit-transform: translate(-50%, 0);
134+
transform: translate(-50%, 0); }
135+
65% {
136+
-webkit-transform: translate(-50%, 3px);
137+
transform: translate(-50%, 3px); }
138+
to {
139+
-webkit-transform: translate(-50%, 0);
140+
transform: translate(-50%, 0); } }
141+
142+
@keyframes floating-arrow {
143+
from {
144+
-webkit-transform: translate(-50%, 0);
145+
transform: translate(-50%, 0); }
146+
65% {
147+
-webkit-transform: translate(-50%, 3px);
148+
transform: translate(-50%, 3px); }
149+
to {
150+
-webkit-transform: translate(-50%, 0);
151+
transform: translate(-50%, 0); } }
152+
153+
.loading-anm {
154+
}
155+
156+
@-webkit-keyframes loading-anm {
157+
from {
158+
-webkit-transform:rotateY(0deg);
159+
transform:rotateY(0deg); }
160+
50% {
161+
-webkit-transform:rotateY(360deg);
162+
transform:rotateY(360deg); }
163+
to {
164+
-webkit-transform:rotateY(0deg);
165+
transform:rotateY(0deg); }
166+
}
167+
@keyframes loading-anm {
168+
from {
169+
-webkit-transform:rotateY(0deg);
170+
transform:rotateY(0deg); }
171+
50% {
172+
-webkit-transform:rotateY(360deg);
173+
transform:rotateY(360deg); }
174+
to {
175+
-webkit-transform:rotateY(0deg);
176+
transform:rotateY(0deg); }
177+
}
178+
#bg {
179+
position: absolute;
180+
left: 0px;
181+
top: 0px;
182+
width: 100%;
183+
height: 100%;
184+
background: url("../images/bg.jpg") center center no-repeat;
185+
background-size:100% 100%;
186+
opacity: 0;
187+
}
188+
189+
#card{
190+
position: absolute;
191+
left: 0px;
192+
top: 0px;
193+
width: 100%;
194+
height: 100%;
195+
background: url("../images/pop/0/bg2.jpg") center center no-repeat;
196+
background-size: 100% 100%;
197+
opacity: 0;
198+
display: none;
199+
}
200+
201+
#card .bg{
202+
position: absolute;
203+
width: 444px;
204+
height: 815px;
205+
left: 50%;
206+
top: 50%;
207+
margin: -475px 0 0 -222px;
208+
background: url('../images/pop/0/bg.png');
209+
}
210+
#card .avatar{
211+
position: absolute;
212+
left: 50%;
213+
top: 50%;
214+
width: 92px;
215+
height: 92px;
216+
-webkit-border-radius: 50px;
217+
overflow: hidden;
218+
margin: -470px 0 0 -46px;
219+
}
220+
#card .avatar img {
221+
width: 100%;
222+
height: 100%;
223+
}
224+
#card .title {
225+
position: absolute;
226+
left: 50%;
227+
top: 50%;
228+
width: 300px;
229+
font-size: 40px;
230+
line-height: 40px;
231+
height: 40px;
232+
text-align: center;
233+
margin: -355px 0 0 -150px;
234+
}
235+
#card .info {
236+
position: absolute;
237+
left: 50%;
238+
top: 50%;
239+
border: 0px;
240+
width: 300px;
241+
height: 240px;
242+
font-size: 22px;
243+
line-height: 36px;
244+
text-align: center;
245+
resize: none;
246+
color: #ffffff;
247+
margin: -80px 0 0 -150px;
248+
}
249+
#card .btn {
250+
position: absolute;
251+
left: 50%;
252+
top: 50%;
253+
width: 516px;
254+
height: 78px;
255+
margin: 375px 0 0 -258px;
256+
background: url('../images/pop/0/btn.png');
257+
}
258+
259+
a,.music{outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}

‎antacopy/images/bg.jpg‎

200 KB

‎antacopy/images/bg/1 (1).png‎

28.3 KB

‎antacopy/images/bg/1.png‎

28.3 KB

‎antacopy/images/bg/10.png‎

40.1 KB

‎antacopy/images/bg/11.png‎

37.3 KB

‎antacopy/images/bg/12.png‎

34.9 KB

‎antacopy/images/bg/13.png‎

40.8 KB

‎antacopy/images/bg/14.png‎

42.2 KB

‎antacopy/images/bg/15.png‎

42.5 KB

0 commit comments

Comments
 (0)