高仿应用市场
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

727 lines
8.8 KiB

@charset "utf-8";
/*CSS Reset*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-style: normal;
text-decoration: none;
font-weight: normal;
}
table,
tbody,
thead,
tfoot,
tr,
th,
td {
margin: 0;
padding: 0;
}
ol,
ul,
li {
list-style: none;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
button,
img {
margin: 0;
padding: 0;
border: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal
}
s,
i,
u,
em {
font-style: normal
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
input {
font-size: 12px;
outline: none;
}
body {
_background-image: url(../images/about:blank);
_background-attachment: fixed;
font-family: Microsoft YaHei;
font-size: 12px;
line-height: 1.6;
color: #5a5a5a;
background: #FFFFFF;
height: 100%;
}
html {
overflow-x: hidden;
height: 100%;
}
select,
input,
button,
textarea {
font-family: Microsoft YaHei;
color: #333;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
a {
font-family: Microsoft YaHei;
cursor: pointer;
font-weight: normal;
color: #333
}
a:hover {
color: #df0000;
}
img {
vertical-align: bottom;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
/*logo*/
#banner {
width: 100%;
overflow: hidden;
zoom: 1;
height: 120px;
background: #fff;
}
.banner_con {
width: 1160px;
display: block;
overflow: hidden;
margin: 30px auto;
}
.new_logo {
overflow: hidden;
width: 1200px !important;
}
.logo {
width: 210px;
height: 61px;
float: left;
background: url(../images/logo.png) 0px 0px no-repeat;
text-indent: -9999px;
/* background-size: 200px auto; */
margin-top: 0px;
}
/*搜索*/
.search {
overflow: hidden;
zoom: 1;
width: 546px;
height: 44px;
float: right;
display: inline;
margin-top: 10px;
position: relative;
right: 0%;
}
.new_logo .search {
right: 0 !important;
}
.search input[type="text"] {
margin: 0;
padding: 0;
border: none;
height: 40px;
width: 430px;
background: none;
padding-left: 10px;
float: left;
display: inline;
color: #333;
outline: none;
line-height: 42px;
font-size: 14px;
border: 2px solid #dbdbdb;
}
.search input[type="submit"] {
margin: 0;
padding: 0;
border: none;
line-height: 44px;
height: 44px;
width: 106px;
float: right;
display: inline;
color: #fff;
cursor: pointer;
background: #f31a22;
font-size: 16px;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
font-size: 18px;
}
/*nav*/
.common_nav {
width: 100%;
display: block;
overflow: hidden;
background: #F0322F;
height: 48px;
margin-top: 0px;
margin: 0 auto;
}
.new_index {
width: 1160px;
}
.common_nav ul.new_ul {
width: 1200px !important;
margin: 0 auto;
}
.common_nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
text-align: center;
}
.common_nav.new_index li a {
display: block;
overflow: hidden;
font-size: 16px;
color: #fff;
height: 48px;
line-height: 48px;
width: 72px;
/* padding: 0px 18px; */
}
.common_nav li a {
display: block;
overflow: hidden;
font-size: 16px;
color: #fff;
height: 48px;
line-height: 48px;
padding: 0px 15px;
}
.common_nav li a.active {
background: #f31a22;
color: #fff;
}
.common_nav li a:hover {
background: #f31a22;
color: #fff;
}
.common_nav li a.active:hover {
background: #d4074c;
}
/*友情链接*/
#links {
width: 100%;
background: #3b3b3b;
margin-top: 50px;
}
.linkcon {
width: 1160px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
padding-top: 45px;
padding-bottom: 24px;
border-bottom: 1px solid #494949;
}
.linkcon span {
width: 70px;
float: left;
display: inline-block;
font-weight: bold;
color: #a7a7a7;
}
.linkcon p {
width: 1090px;
float: right;
}
.linkcon p a {
color: #7e7e7e;
display: inline-block;
padding-right: 16px;
padding-bottom: 4px;
}
/*页脚*/
#footer {
width: 100%;
background: #3b3b3b;
overflow: hidden;
}
.footcon {
width: 1160px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
padding: 30px 0px;
}
.footcon em {
margin-left: 200px;
width: 190px;
height: 48px;
float: left;
display: inline-block;
margin-right: 25px;
margin-top: -5px;
}
.footcon span {
margin: 4px 0px;
display: block;
padding-bottom: 3px;
}
.footcon span a {
color: #7e7e7e;
padding: 0px 10px;
}
.footcon p {
color: #7e7e7e;
margin-left: 8px;
display: block;
}
.footcon p.hww {
padding-top: 7px;
}
.footcon p a {
color: #7e7e7e;
padding-right: 8px;
}
.footcon p a:hover {
color: #c0c0c0;
}
.linkcon p a:hover,
.footcon span a:hover {
color: #ddd;
}
/*底部*/
#bottom {
background: #f6f6f6;
overflow: hidden;
zoom: 1;
height: 126px;
border-top: 1px #d4d4d4 solid;
position: relative;
font-weight: normal;
}
.bottom1 {
width: 970px;
height: 75px;
display: block;
margin: 0px auto;
padding-top: 20px;
color: #fff
}
.bottom1 li {
width: 970px;
text-align: center;
height: 26px;
line-height: 26px;
color: #555;
}
.bottom1 li a {
color: #555;
padding: 0px 14px;
}
.bottom1 li a:hover {
color: #df0000;
}
.bottom1 li font {
color: #f31a22;
margin: 0px 7px;
}
.bottom1 li.word {
color: #999;
}
/*游戏推荐11*/
#tuijian {
width: 1198px;
height: 120px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
border: 1px solid #f4f4f4;
margin-top: 19px;
}
#tuijian .tj_tab {
width: 40px;
float: left;
}
#tuijian .tj_tab ul {}
#tuijian .tj_tab ul li {
width: 40px;
height: 120px;
cursor: pointer;
background: #f31a22;
position: relative;
margin-bottom: 1px;
}
#tuijian .tj_tab ul li span {
color: #fff;
width: 30px;
font-size: 18px;
display: block;
margin: 0 auto;
line-height: 26px;
text-align: center;
padding-top: 8px;
}
#tuijian .tj_tab ul li i.i1 {
background-position: -8px -6px;
}
#tuijian .tj_tab ul li i.i2 {
background-position: -8px -30px;
}
#tuijian .tj_tab ul li i.i3 {
background-position: -8px -59px;
}
#tuijian .tj_con {
float: right;
width: 1135px;
}
#tuijian .tuijian .tj_con {
float: right;
width: 866px !important;
}
#tuijian .tuijian .tj_con ul {
width: 866px;
overflow: hidden;
}
#tuijian .tj_con ul {
width: 1104px;
}
#tuijian .tj_con ul li {
float: left;
padding-left: 40px;
padding-right: 0;
}
#tuijian .tj_con ul li a {
width: 78px;
float: left;
display: inline-block;
padding-top: 16px;
position: relative;
}
#tuijian .tj_con ul li a img {
width: 78px;
height: 78px;
border-radius: 15px;
}
#tuijian .tj_con ul li a p {
color: #777;
font-size: 12px;
text-align: center;
padding-top: 6px;
line-height: 16px;
white-space: nowrap;
word-break: break-all;
width: 80px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
#tuijian .tj_con ul li a i {
width: 0;
height: 2px;
background: #f31a22;
position: absolute;
bottom: -10px;
-webkit-transition: all .35s;
-moz-transition: all .35s;
-ms-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
#tuijian .tj_con ul li a:hover i {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#tuijian .tj_con ul li a:hover p {
color: #f31a22;
}
/*404*/
#a404 {
margin: 30px auto;
width: 632px;
}
/*分页*/
#page,
.page {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
padding: 20px 20px 20px 0;
overflow: hidden;
zoom: 1;
width: 100%;
}
#page a,
.page a,
.pager strong {
background: #e8e8e8;
padding: 5px 11px;
margin: 0 6px 0 0;
color: #666;
border: 1px solid #d7d7d7;
}
.page strong.selected {
display: inline-block;
background: #f31a22;
color: #fff;
padding: 0px 14px;
line-height: 32px;
heig;
height: 32px;
margin: 0 10px 0 0;
font-size: 14px;
border: none;
box-shadow: none;
}
#page a:hover,
.pager a:hover {
color: #fff;
background: #f31a22;
text-decoration: none;
}
#page span,
.pager span {
padding: 4px 10px;
margin: 0 1px 0 0;
background: #22b0f7;
color: #fff;
}
#page b.sele,
.pager b.sele {
color: #fff;
background: #7db700;
text-decoration: none;
padding: 4px 10px;
margin: 0 3px 0 0;
}
#page b.total,
.pager b.total {
color: #999;
font-weight: normal;
}
#page b.selected,
.pager .selected {
background: #f31a22;
border: 1px solid #f31a22;
color: #fff;
padding: 5px 11px;
margin: 0 6px 0 0;
}
#page strong.total,
.pager strong.total {
color: #888;
font-weight: normal;
}
.con-box-2 {
display: block !important
}
#footer img {
width: ;
width: 206px;
height: 61px;
position: relative;
top: -10px;
left: 50px;
}