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.
1817 lines
31 KiB
1817 lines
31 KiB
3 months ago
|
@charset "utf-8";
|
||
|
|
|
||
|
|
.a{
|
||
|
|
background:#ffffff
|
||
|
|
}
|
||
|
|
|
||
|
|
/*面包�?-页面位置*/
|
||
|
|
#place {
|
||
|
|
width: 1200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
line-height: 35px;
|
||
|
|
height: 35px;
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-top: 6px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
font-family: Microsoft yahei;
|
||
|
|
}
|
||
|
|
|
||
|
|
#place span {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
#place a {
|
||
|
|
margin: 0px 5px;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
#place a:hover {
|
||
|
|
color: #efa735;
|
||
|
|
}
|
||
|
|
|
||
|
|
#place a.nplace {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*banner*/
|
||
|
|
.t_banner {
|
||
|
|
width: 100%;
|
||
|
|
height: 340px;
|
||
|
|
text-align: center;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.t_banner img {
|
||
|
|
width: 1920px;
|
||
|
|
height: 340px;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 0;
|
||
|
|
margin-left: -960px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dh {
|
||
|
|
width: 1200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
height: 60px;
|
||
|
|
position: relative;
|
||
|
|
background: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mcon {
|
||
|
|
height: 60px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mcon a {
|
||
|
|
font-size: 20px;
|
||
|
|
float: left;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0 42px;
|
||
|
|
height: 60px;
|
||
|
|
line-height: 60px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mcon a:hover,
|
||
|
|
.mcon a.hover {
|
||
|
|
background: #ed444a;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .num_top {
|
||
|
|
width: 166px;
|
||
|
|
height: 77px;
|
||
|
|
right: 5px;
|
||
|
|
float: right;
|
||
|
|
position: absolute;
|
||
|
|
margin-top: 85px;
|
||
|
|
/* background: #eee; */
|
||
|
|
background: url("../images/top1.png") no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#shr {
|
||
|
|
width: 250px;
|
||
|
|
height: 36px;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
display: inline-block;
|
||
|
|
float: right;
|
||
|
|
position: relative;
|
||
|
|
margin-top: 12px;
|
||
|
|
border-radius: 24px;
|
||
|
|
margin-right: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span {
|
||
|
|
float: left;
|
||
|
|
display: inline;
|
||
|
|
height: 33px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span.sl {
|
||
|
|
width: 20px;
|
||
|
|
height: 33px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span.s_con {
|
||
|
|
width: 250px;
|
||
|
|
height: 36px;
|
||
|
|
border-radius: 24px;
|
||
|
|
background: #555;
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span.s_con input {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
background: none;
|
||
|
|
line-height: 22px;
|
||
|
|
height: 22px;
|
||
|
|
color: #999;
|
||
|
|
font-family: Arial, 'Simsun';
|
||
|
|
outline: none;
|
||
|
|
width: 240px;
|
||
|
|
padding-left: 19px;
|
||
|
|
padding-top: 7px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span.sr {
|
||
|
|
width: 45px;
|
||
|
|
height: 35px;
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shr span.sr input {
|
||
|
|
border: none;
|
||
|
|
width: 21px;
|
||
|
|
height: 21px;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
cursor: pointer;
|
||
|
|
background: url(../images/mzt_icons.png) no-repeat;
|
||
|
|
background-position: 0 0;
|
||
|
|
text-indent: -9999px;
|
||
|
|
margin-left: 12px;
|
||
|
|
margin-top: 6px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*游戏介绍-标签*/
|
||
|
|
.gtag {
|
||
|
|
overflow: hidden;
|
||
|
|
float: right;
|
||
|
|
width: 645px;
|
||
|
|
zoom: 1;
|
||
|
|
background: url(../images/g_tag_pl.gif) repeat-x 0px 46px;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gtag span {
|
||
|
|
padding: 0 0 0 20px;
|
||
|
|
display: block;
|
||
|
|
background: url(../images/tag_tb.png) no-repeat 1px 3px;
|
||
|
|
margin: 5px 0 5px 0;
|
||
|
|
line-height: 18px;
|
||
|
|
height: 20px;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gtag span a {
|
||
|
|
color: #17a7ee;
|
||
|
|
border: 1px solid #17a7ee;
|
||
|
|
border-radius: 2px;
|
||
|
|
padding: 0px 3px;
|
||
|
|
margin-right: 10px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gtag span a:hover {
|
||
|
|
color: #fff;
|
||
|
|
background: #17a7ee
|
||
|
|
}
|
||
|
|
|
||
|
|
.gtag span i {
|
||
|
|
color: #C0C0C0;
|
||
|
|
font-style: normal;
|
||
|
|
border: 1px solid #DBDBDB;
|
||
|
|
border-radius: 2px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding: 0px 3px;
|
||
|
|
margin-right: 10px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*内容部分*/
|
||
|
|
.gamecont {
|
||
|
|
width: 1200px;
|
||
|
|
margin: 10px auto 20px;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.g_tit {
|
||
|
|
font-size: 22px;
|
||
|
|
color: #3a3b3c;
|
||
|
|
line-height: 50px;
|
||
|
|
height: 50px;
|
||
|
|
border-bottom: 1px #e7e7e7 solid;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .bq_box {
|
||
|
|
width: 645px;
|
||
|
|
height: 30px;
|
||
|
|
float: right;
|
||
|
|
line-height: 30px;
|
||
|
|
margin-top: -3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .bq_box p {
|
||
|
|
font-size: 14px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .bq_box p a {
|
||
|
|
padding: 2px 8px;
|
||
|
|
border: 1px solid #00bfff;
|
||
|
|
margin: auto 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #00bfff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .bq_box p span {
|
||
|
|
padding: 2px 8px;
|
||
|
|
border: 1px solid #333;
|
||
|
|
margin: auto 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.g_tit font {
|
||
|
|
color: #888;
|
||
|
|
font-size: 18px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left {
|
||
|
|
width: 850px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_right {
|
||
|
|
width: 300px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo {
|
||
|
|
width: 100%;
|
||
|
|
height: 280px;
|
||
|
|
margin-top: 20px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .gminfo_left {
|
||
|
|
width: 186px;
|
||
|
|
float: left;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .game_pf {
|
||
|
|
display: block;
|
||
|
|
width: 180px;
|
||
|
|
height: 32px;
|
||
|
|
margin: 15px auto 10px;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) -5px -61px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .game_pf i {
|
||
|
|
display: block;
|
||
|
|
height: 32px;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) -5px -17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_praise {
|
||
|
|
display: block;
|
||
|
|
width: 120px;
|
||
|
|
height: 34px;
|
||
|
|
line-height: 34px;
|
||
|
|
margin: 0 auto;
|
||
|
|
background: #fe6265;
|
||
|
|
color: #fff;
|
||
|
|
border-radius: 5px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_praise i {
|
||
|
|
display: block;
|
||
|
|
width: 32px;
|
||
|
|
height: 34px;
|
||
|
|
float: left;
|
||
|
|
margin-right: 6px;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) -462px -12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .img {
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .img,
|
||
|
|
.gamecont .gamecont_left .Gminfo .img img {
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
border-radius: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .lis {
|
||
|
|
float: right;
|
||
|
|
width: 645px;
|
||
|
|
height: 60px;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .lis li {
|
||
|
|
width: 220px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin-right: 15px;
|
||
|
|
float: left;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #303030;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .lis li a {
|
||
|
|
color: #f0412a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box {
|
||
|
|
width: 645px;
|
||
|
|
height: 150px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn {
|
||
|
|
width: 424px;
|
||
|
|
height: 150px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn a {
|
||
|
|
display: block;
|
||
|
|
width: 170px;
|
||
|
|
height: 50px;
|
||
|
|
float: left;
|
||
|
|
line-height: 50px;
|
||
|
|
color: #fff;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-top: 20px;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-right: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn a span {
|
||
|
|
display: block;
|
||
|
|
width: 56px;
|
||
|
|
height: 50px;
|
||
|
|
float: left;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .az_btn {
|
||
|
|
background: #23bc6a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .az_btn span {
|
||
|
|
background-position: -350px -3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .pc_btn {
|
||
|
|
background: url(../images/soft_btn_tg.png) no-repeat center center;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .pc_btn span {
|
||
|
|
background-position: -400px -4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .ios_btn {
|
||
|
|
background: #9a9a9a;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .ios_btn span {
|
||
|
|
background-position: -353px -48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .zl_btn {
|
||
|
|
background: #5c5c5c;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .zl_btn span {
|
||
|
|
background-position: -408px -6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .qr_img {
|
||
|
|
width: 200px;
|
||
|
|
height: 150px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .qr_img img {
|
||
|
|
margin-top: 15px;
|
||
|
|
width: 110px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .hm_btn {
|
||
|
|
background: #ea6969;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .gamecont_left .Gminfo .btn_box .btn .hm_btn span {
|
||
|
|
background: url(../images/harmony.png) no-repeat center;
|
||
|
|
background-size: 30px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* 传奇样式 */
|
||
|
|
.gamecont .chuanqi .g_tit {
|
||
|
|
border-bottom: none;
|
||
|
|
padding-top: 30px;
|
||
|
|
margin-left: 56px;
|
||
|
|
color: #f4a735;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .g_tit h1 font {
|
||
|
|
color: #f4a735
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi {
|
||
|
|
background: url(../images/cqback.png) no-repeat;
|
||
|
|
height: 296px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo {
|
||
|
|
width: 100%;
|
||
|
|
height: 170px;
|
||
|
|
margin-top: 10px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .gminfo_left {
|
||
|
|
width: 186px;
|
||
|
|
float: left;
|
||
|
|
margin: 0 10px 0 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .game_pf {
|
||
|
|
display: block;
|
||
|
|
width: 180px;
|
||
|
|
height: 32px;
|
||
|
|
margin: 15px auto 10px;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) -5px -61px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .game_pf i {
|
||
|
|
display: block;
|
||
|
|
height: 32px;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) -5px -17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .img {
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
border-radius: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .img img {
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
border-radius: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .lis {
|
||
|
|
float: left;
|
||
|
|
width: 645px;
|
||
|
|
height: 60px;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .lis li {
|
||
|
|
width: 200px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
margin-right: 15px;
|
||
|
|
float: left;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .lis li a {
|
||
|
|
color: #f0412a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box {
|
||
|
|
width: 645px;
|
||
|
|
height: 150px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box .btn {
|
||
|
|
width: 100%;
|
||
|
|
height: 100px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box .btn a {
|
||
|
|
display: block;
|
||
|
|
width: 180px;
|
||
|
|
height: 50px;
|
||
|
|
float: left;
|
||
|
|
line-height: 50px;
|
||
|
|
color: #fff;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-top: 20px;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-right: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box .btn a span {
|
||
|
|
display: block;
|
||
|
|
width: 65px;
|
||
|
|
height: 50px;
|
||
|
|
float: left;
|
||
|
|
background: url(../images/soft_pc_infoicon.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box .btn .az_btn {
|
||
|
|
background: url(../images/down_az.jpg) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gamecont .chuanqi .Gminfo .btn_box .btn .chuanqi_btn {
|
||
|
|
background: url(../images/chuanqi.jpg) no-repeat center center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 传奇�?服列�? */
|
||
|
|
.chuanqi_list {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .notice {
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px;
|
||
|
|
background-color: #90190b;
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 18px;
|
||
|
|
margin-top: 15px;
|
||
|
|
border-bottom: 1px solid #9d1a0b
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table thead {
|
||
|
|
height: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
background-color: #90190b;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr {
|
||
|
|
background-color: #fff;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
text-align: center;
|
||
|
|
color: #000;
|
||
|
|
font-size: 13px;
|
||
|
|
transition: background .2s ease
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr.active {
|
||
|
|
background-color: #ff0
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr td:nth-child(2) {
|
||
|
|
color: red
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr a {
|
||
|
|
transition: color .3s ease
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr a:hover {
|
||
|
|
color: #d21f01
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table th {
|
||
|
|
border: 0 !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table td:nth-child(1) {
|
||
|
|
border-left: 0 !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table td {
|
||
|
|
border-left: 1px solid #d21f01;
|
||
|
|
border-bottom: 1px solid #d21f01
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr.active:hover {
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.chuanqi_list .table tbody tr:hover {
|
||
|
|
background-color: #ff0
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.subNav-tab {
|
||
|
|
height: 39px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subNav-tab .tab {
|
||
|
|
position: relative;
|
||
|
|
width: 106px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subNav-tab ul {
|
||
|
|
border: 1px #e5e5e5 solid;
|
||
|
|
height: 45px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.focus-tab .tab {
|
||
|
|
float: left;
|
||
|
|
width: 120px;
|
||
|
|
height: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
display: inline;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 14px;
|
||
|
|
text-align: center;
|
||
|
|
border-right: 1px #e5e5e5 solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
.focus-tab .tab a {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.focus-tab .current {
|
||
|
|
background-color: #fff;
|
||
|
|
border-top: 2px #ff3d3d solid;
|
||
|
|
color: #ff3d3d;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main .nav-gd {
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
_top: expression(documentElement.scrollTop + 0 + "px");
|
||
|
|
_position: absolute;
|
||
|
|
z-index: 1000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon p {
|
||
|
|
color: #656565;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 26px;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon p a {
|
||
|
|
color: #df0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon p a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon a.it {
|
||
|
|
border-bottom: 2px solid #f31a22;
|
||
|
|
padding: 0px 4px;
|
||
|
|
color: #333;
|
||
|
|
font-weight: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon p img {
|
||
|
|
max-width: 556px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#infocon h3 {
|
||
|
|
margin: 10px 0 0 0;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 16px;
|
||
|
|
padding-left: 6px;
|
||
|
|
border-left: 4px solid #f31a22;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*imgview*/
|
||
|
|
#imgview {
|
||
|
|
margin: 20px 0;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
border-top: 1px #eee solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
#imgview h3 i {
|
||
|
|
background: url(../images/bg_Img.gif) -214px -402px no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
#imgview ul {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
overflow: auto;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
#imgview ul li {
|
||
|
|
padding-right: 12px;
|
||
|
|
height: 276px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#imgview ul li img {
|
||
|
|
height: 276px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main_titles {
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: bold;
|
||
|
|
border-bottom: 1px solid #e7e7e7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main_titles i {
|
||
|
|
display: block;
|
||
|
|
width: 5px;
|
||
|
|
height: 20px;
|
||
|
|
background: #f31a22;
|
||
|
|
margin: 10px 10px 0 5px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main_titles .h_more {
|
||
|
|
float: right;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-right: 5px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main_titles .h_more:hover {
|
||
|
|
color: #ff3d3d;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*相关版本*/
|
||
|
|
#xgbb {
|
||
|
|
margin-bottom: 22px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb p {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: #666;
|
||
|
|
font-family: arial, "Microsoft YaHei";
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li {
|
||
|
|
clear: both;
|
||
|
|
line-height: 36px;
|
||
|
|
height: 36px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li a {
|
||
|
|
color: #666;
|
||
|
|
font-size: 14px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li span {
|
||
|
|
display: inline-block;
|
||
|
|
overflow: hidden;
|
||
|
|
height: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li span.title {
|
||
|
|
width: 630px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li span.dx {
|
||
|
|
width: 120px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li span.more {
|
||
|
|
width: 80px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li span.down {
|
||
|
|
background: #77bb44;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 5px;
|
||
|
|
width: 80px;
|
||
|
|
display: none;
|
||
|
|
line-height: 30px;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li a:hover .down {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
#xgbb ul li a:hover .more {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#getMoreNewsBtn {
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
background-color: #f4f4f4;
|
||
|
|
color: #999;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
float: left;
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#getMoreNewsBtn:hover {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
background-color: #ff3d3d;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 手游详情 - 版本 */
|
||
|
|
.mg_edition ul {
|
||
|
|
width: 885px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li {
|
||
|
|
width: 383px;
|
||
|
|
float: left;
|
||
|
|
border: 1px solid #e6e6e6;
|
||
|
|
margin: 20px 37px 0 0;
|
||
|
|
padding: 10px;
|
||
|
|
line-height: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li span,
|
||
|
|
.mg_edition li em,
|
||
|
|
.mg_edition li a {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li span {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
margin: 4px 5px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li em {
|
||
|
|
width: 240px;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li em a {
|
||
|
|
width: 240px;
|
||
|
|
height: 28px;
|
||
|
|
background: none;
|
||
|
|
color: #333;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li em a:hover {
|
||
|
|
background: none;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li a {
|
||
|
|
width: 74px;
|
||
|
|
height: 28px;
|
||
|
|
background: #fa833e;
|
||
|
|
border-radius: 2px;
|
||
|
|
color: #fff;
|
||
|
|
float: right;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li a:hover {
|
||
|
|
background: #dd6926;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li .an_icon {
|
||
|
|
background-position: -140px -63px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_edition li .ios_icon {
|
||
|
|
background-position: -160px -63px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 游戏资讯 */
|
||
|
|
.topnews-content {
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media {
|
||
|
|
position: relative;
|
||
|
|
*vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media:hover {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media .link {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media .link:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-title {
|
||
|
|
line-height: 34px;
|
||
|
|
margin-bottom: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-title:hover {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-content {
|
||
|
|
line-height: 24px;
|
||
|
|
height: 50px;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-content:hover {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-content a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta {
|
||
|
|
height: 28px;
|
||
|
|
line-height: 28px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 22px;
|
||
|
|
width: 100%;
|
||
|
|
white-space: nowrap;
|
||
|
|
min-width: 320px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .cmt {
|
||
|
|
margin-left: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta i,
|
||
|
|
.topnews-content .media-body-meta p {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .author {
|
||
|
|
width: 110px
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .date {
|
||
|
|
width: 130px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-title h2,
|
||
|
|
.media-body-title h3,
|
||
|
|
.media-body-title strong {
|
||
|
|
line-height: 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .tag span,
|
||
|
|
.topnews-content .media-body-meta .tag a {
|
||
|
|
color: #999
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .tag .mBtn-a:hover {
|
||
|
|
color: #fff;
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content .media-body-meta .tag .mBtn-a {
|
||
|
|
line-height: 22px;
|
||
|
|
display: block;
|
||
|
|
padding: 0 10px;
|
||
|
|
border-radius: 5px;
|
||
|
|
height: 22px;
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
color: #f0322f;
|
||
|
|
border: 1px #f0322f solid;
|
||
|
|
background: url(../images/icon-keywbg.jpg) no-repeat 0 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content a.more {
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
background-color: #f4f4f4;
|
||
|
|
color: #999;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
float: left;
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnews-content a.more:hover {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
background-color: #ff3d3d;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media {
|
||
|
|
border-bottom: 1px solid #e5e5e5;
|
||
|
|
padding: 20px 0;
|
||
|
|
line-height: 1.7;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.media:hover {
|
||
|
|
background-color: #f7f7f7
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-hover {
|
||
|
|
background-color: #f7f7f7
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-left {
|
||
|
|
width: 180px;
|
||
|
|
height: 135px;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-right: 22px;
|
||
|
|
float: right;
|
||
|
|
background: #f7f7f7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-left img {
|
||
|
|
width: 180px;
|
||
|
|
height: 135px;
|
||
|
|
vertical-align: middle
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body {
|
||
|
|
padding-right: 40px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-title {
|
||
|
|
margin-bottom: 3px
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-title a {
|
||
|
|
color: #333;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-line-clamp: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-title a:hover {
|
||
|
|
color: #ff3d3d
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-title h2,
|
||
|
|
.media-body-title h3,
|
||
|
|
.media-body-title strong {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-content {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999;
|
||
|
|
margin-bottom: 7px
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-body-meta .keyword {
|
||
|
|
margin-right: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.oTit {
|
||
|
|
border-bottom: 2px solid #FF8329;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.oTit h2 {
|
||
|
|
height: 38px;
|
||
|
|
line-height: 38px;
|
||
|
|
padding: 0 15px;
|
||
|
|
background: #FF8329;
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-top: 15px;
|
||
|
|
float: left;
|
||
|
|
border-radius: 5px 5px 0px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.oTit a {
|
||
|
|
float: right;
|
||
|
|
margin-top: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guess_tab {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 4px;
|
||
|
|
margin-left: 20px;
|
||
|
|
right: 0;
|
||
|
|
height: 30px;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.guess_tab b {
|
||
|
|
font-weight: normal;
|
||
|
|
margin: 0 0 0 5px;
|
||
|
|
cursor: pointer;
|
||
|
|
background: #e5e5e5;
|
||
|
|
padding: 6px 10px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #6b6b6b;
|
||
|
|
font-size: 13px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guess_tab b.cur {
|
||
|
|
background: #f9a019;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top {
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
padding-bottom: 14px;
|
||
|
|
border-bottom: 1px dashed #d8d8d8;
|
||
|
|
margin-left: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top span {
|
||
|
|
float: left;
|
||
|
|
width: 570px;
|
||
|
|
height: 18px;
|
||
|
|
line-height: 18px;
|
||
|
|
margin: 6px 0 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top p {
|
||
|
|
float: left;
|
||
|
|
width: 570px;
|
||
|
|
line-height: 26px;
|
||
|
|
margin-left: 15px;
|
||
|
|
color: #858585;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top span .ztname {
|
||
|
|
float: right;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top span .ztname:hover {
|
||
|
|
color: #f0322f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top span .tztname {
|
||
|
|
float: left;
|
||
|
|
display: inline;
|
||
|
|
line-height: 22px;
|
||
|
|
font-size: 18px;
|
||
|
|
color: #444;
|
||
|
|
font-family: "Microsoft YaHei";
|
||
|
|
font-weight: bold;
|
||
|
|
height: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top span .tztname i {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 100;
|
||
|
|
padding-left: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top .ztimg {
|
||
|
|
float: left;
|
||
|
|
width: 210px;
|
||
|
|
height: 103px;
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top .ztimg img {
|
||
|
|
width: 210px;
|
||
|
|
height: 102px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_top .ztimg span {
|
||
|
|
width: 215px;
|
||
|
|
height: 105px;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
background: url(../images/guess_cover1.png) -3px top no-repeat;
|
||
|
|
_background: none;
|
||
|
|
_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src../images/guess_cover1.png");margin-left: 0px;margin-top: 0px;}
|
||
|
|
|
||
|
|
|
||
|
|
.zt_list {
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list ul {}
|
||
|
|
|
||
|
|
.zt_list li {
|
||
|
|
float:left; width: 249px; padding:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list li:hover {
|
||
|
|
background:#f6f6f6
|
||
|
|
}
|
||
|
|
|
||
|
|
.s_ztlistbox {}
|
||
|
|
|
||
|
|
.ztgimg {
|
||
|
|
float:left; margin-right:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ztgimg img {
|
||
|
|
width:90px; height:90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ztgname {
|
||
|
|
display:block; width: 150px; height:22px; color:#08c; line-height:22px; overflow:hidden; font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list li span {
|
||
|
|
display:inline-block; width: 150px; height:24px; overflow:hidden; color:#999; line-height:18px; margin-top:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list li span i {
|
||
|
|
width:1px; height:12px; background:#dbdbdb; display:inline-block; margin:0 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list font {
|
||
|
|
color:#f08620; font-weight:bold; font-size:14px; font-family: Georgia;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zt_list li span i {
|
||
|
|
width:1px; height:12px; background:#dbdbdb; display:inline-block; margin:0 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* 推荐专区 */
|
||
|
|
#tjzt_bigbox {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tjzt_bigbox .zt_list font {
|
||
|
|
font-family: "microsoft yahei"; font-weight: normal; color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tjzt_bigbox .zt_top .ztimg {
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list {}
|
||
|
|
|
||
|
|
.text-list li {
|
||
|
|
height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0; border-bottom:1px dotted #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list li:before {
|
||
|
|
content: "�?"; color:#ddd; font-size:12px; margin-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list li:last-child {
|
||
|
|
border-bottom:none; padding-bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list-v {}
|
||
|
|
|
||
|
|
.text-list-v li {
|
||
|
|
padding: 5px 0; height: 20px; overflow: hidden; line-height: 20px; text-overflow:ellipsis; white-space:nowrap; color: #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-more {
|
||
|
|
float:right; font-size:12px; margin-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fc-gray {
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list-game {}
|
||
|
|
|
||
|
|
.text-list-game li {
|
||
|
|
border-bottom:1px dotted #ddd; padding:10px 0; height:1%; overflow:hidden; position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-list-game li img {
|
||
|
|
float:left; margin-right:10px; width:72px; height:72px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.game-stars {
|
||
|
|
height: 25px; width: 140px; overflow: hidden; background: url(//static.e3ol.com/../images/soft_pc_infoicon.png) -204px -63px no-repeat; margin-top: 5px; position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.game-stars span {
|
||
|
|
float: left; height: 25px; overflow: hidden; background: url(//static.e3ol.com/../images/soft_pc_infoicon.png) -204px -20px no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.game-stars.here {
|
||
|
|
-webkit-animation: stars 0.5s infinite; opacity: 1; background-position: 0 -100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.sort {
|
||
|
|
margin-top: 20px; overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul {
|
||
|
|
padding-top:15px; overflow:hidden; zoom:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul li {
|
||
|
|
float: left; padding: 0 22px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a {
|
||
|
|
display:inline-block; font-family: "Microsoft Yahei"; font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c1 {
|
||
|
|
color:#68d46d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c2 {
|
||
|
|
color:#f58797;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c3 {
|
||
|
|
color:#66bcff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c4 {
|
||
|
|
color:#9ed96a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c5 {
|
||
|
|
color:#68d9c2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c6 {
|
||
|
|
color:#77d46a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c7 {
|
||
|
|
color:#7fdcfb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c8 {
|
||
|
|
color:#d983ee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c9 {
|
||
|
|
color:#6d86b3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c10 {
|
||
|
|
color:#b3b0f6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c11 {
|
||
|
|
color:#f792e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c12 {
|
||
|
|
color:#ebc53c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c13 {
|
||
|
|
color:#b0d5f5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c14 {
|
||
|
|
color:#ffa646;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c15 {
|
||
|
|
color:#888888;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c16 {
|
||
|
|
color:#7fdcfb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c17 {
|
||
|
|
color:#959fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c18 {
|
||
|
|
color:#a6da6d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a.c19 {
|
||
|
|
color:#ff7f58;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul a:hover {
|
||
|
|
color:#df0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sort ul li {
|
||
|
|
display: inline-block; float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*本周排行*/
|
||
|
|
.bzph ul {
|
||
|
|
overflow:hidden; zoom:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li {
|
||
|
|
width: 100%; font-family:arial, "Microsoft YaHei"; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #e7e7e7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a, .ztlist ul li span, .ztlist ul li i, .ztlist ul li em {
|
||
|
|
display:inline; overflow:hidden; zoom:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a.ztgimg {
|
||
|
|
width:60px; height:60px; margin-right: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a.ztgimg img {
|
||
|
|
height:60px; width: 60px; border-radius: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a.ztgname, .ztlist ul li span {
|
||
|
|
width: 110px; height: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a.ztgname {
|
||
|
|
color:#454545; display: block; width: 225px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li a.ztgname:hover {
|
||
|
|
color:#ff7d50;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li span {
|
||
|
|
display: block; line-height: 20px; color:#999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li span em {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bzph ul li span em b {
|
||
|
|
color: #f31a22; font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yxhj {
|
||
|
|
width: 100%; margin-top: 20px; overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yxhj {
|
||
|
|
margin-top: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yxhj .lis {
|
||
|
|
display: block; margin-bottom: 18px; width: 97%; height: 160px; text-align: center; overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yxhj .lis img {
|
||
|
|
width: 100%; min-height: 160px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yxhj .lis:hover {
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 手游详情 - 同类手游 */
|
||
|
|
.mg_similar {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_similar ul {
|
||
|
|
width: 330px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_similar li {
|
||
|
|
float:left; width: 87px; text-align:center; margin-top:20px; margin-right: 23px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_similar li a {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_similar li img {
|
||
|
|
display:block; margin:0 auto; border:1px solid #f2f2f2; border-radius:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mg_similar li span {
|
||
|
|
display:block; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*游戏截图*/
|
||
|
|
/*lightbox*/
|
||
|
|
#jquery-overlay {
|
||
|
|
position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#jquery-lightbox {
|
||
|
|
position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; z-index: 9999;
|
||
|
|
}
|
||
|
|
|
||
|
|
#jquery-lightbox a img {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image-box {
|
||
|
|
position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image {
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-loading {
|
||
|
|
position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-nav {
|
||
|
|
position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image-box > #lightbox-nav {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-nav a {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
|
||
|
|
width: 49%; height: 100%; zoom: 1; display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-nav-btnPrev {
|
||
|
|
left: 0; float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-nav-btnNext {
|
||
|
|
right: 0; float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image-data-box {
|
||
|
|
font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image-data {
|
||
|
|
padding: 0 10px; color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-container-image-data #lightbox-image-details {
|
||
|
|
width: 70%; float: left; text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-image-details-caption {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-image-details-currentNumber {
|
||
|
|
display: block; clear: left; padding-bottom: 1.0em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lightbox-secNav-btnClose {
|
||
|
|
width: 66px; float: right; padding-bottom: 0.7em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*右侧悬浮二维码和返回顶部*/
|
||
|
|
.side_tools {
|
||
|
|
position: fixed; z-index:999999; width:56px; left: 50%; margin-left: 620px; bottom:180px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools a {
|
||
|
|
display: block; width: 56px; height: 56px; margin-bottom: 5px; position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .qr {
|
||
|
|
background-image: url(../images/icon-qrtop.png); background-position: 0 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .scrolltop {}
|
||
|
|
|
||
|
|
.side_tools .scrolltopshow {
|
||
|
|
background-image: url(../images/icon-qrtop.png); background-position: -56px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .qr:hover {
|
||
|
|
background-position:0px -56px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .scrolltopshow:hover {
|
||
|
|
background-image: url(../images/icon-qrtop.png); background-position: -56px -56px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .qr span {
|
||
|
|
display: none; background-color: #23b0f7; padding:10px; position: absolute; top: 0; right: 56px; color:#fff; text-align: center; font-size: 15px; line-height:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .qr span img {
|
||
|
|
display: block; width:110px; height: 110px; margin-bottom: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
.side_tools .qr:hover span {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*预约*/
|
||
|
|
.yuyuemengban {
|
||
|
|
display: none; width: 100%; height:2000px; position: fixed; z-index: 999; ; background: rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); left: 0; top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap {
|
||
|
|
display:none; width: 400px; height: 300px; position: fixed; left: 50%; top:45%; margin: -150px 0 0 -200px; background: #fff; border-radius: 8px; z-index: 1000; cursor: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .closebtn {
|
||
|
|
position: absolute; right: 10px; top: 5px; font: 20px/18px microsoft yahei; color: #3bb3f2; cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .closebtn:hover {
|
||
|
|
opacity: 0.88;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyue_con {
|
||
|
|
width: 320px; height: 260px; margin:0px auto; padding-top:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyue_con .phone {
|
||
|
|
width: 300px; height: 45px; font-size: 14px; line-height: 45px; padding: 0 10px; border:1px solid #ccc; display: block; margin: 20px auto 0 auto; border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyue_con .phone:focus {
|
||
|
|
border:1px solid #3bb3f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyue_con .tips {
|
||
|
|
width: 320px; text-align: center; line-height: 45px; font: 16/45; margin: 10px auto; color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyuebtn_bs, .yuyuewrap .yuyuebtn_br {
|
||
|
|
width: 330px; height: 45px; line-height: 45px; text-align: center; border-radius:3px; margin: 10px auto 20px; font-size: 16px; cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyuebtn_bs {
|
||
|
|
background: #3bb3f2; color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyuebtn_bs:hover, .yuyuewrap .yuyuebtn_br:hover {
|
||
|
|
opacity: 0.88;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yuyuewrap .yuyuebtn_br {
|
||
|
|
color: #3bb3f2; border: 1px solid #3bb3f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*热门标签*/
|
||
|
|
.tagg {
|
||
|
|
overflow: hidden; background: url(../images/tagg_bg.jpg); margin-bottom: 30px
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li {
|
||
|
|
display: inline-block; padding-right: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a {
|
||
|
|
line-height: 44px; font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a.bl {
|
||
|
|
color: #00b2f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a.ye {
|
||
|
|
color: #fb7327
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a.gr {
|
||
|
|
color: #2ad214
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a.re {
|
||
|
|
color: #fb534c
|
||
|
|
}
|
||
|
|
|
||
|
|
.tagg li a:hover {
|
||
|
|
color: #c00
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 手游推荐�? */
|
||
|
|
.otList {
|
||
|
|
overflow:hidden; margin-top:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList ul {
|
||
|
|
width: 870px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList li {
|
||
|
|
float:left; width:104px; height:168px; overflow:hidden; margin-right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList li img {
|
||
|
|
display:block; width:104px; height:104px; margin:0 auto; border-radius:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList li em {
|
||
|
|
display:block; overflow:hidden; text-align:center; font-size:16px; height:24px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; margin-top:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList li p {
|
||
|
|
height:28px; line-height:28px; font-size:16px; text-align:center; color:#23c268
|
||
|
|
}
|
||
|
|
|
||
|
|
.otList li p .icon.star {
|
||
|
|
display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-4px 6px 0 0; background: url(../images/star.png) no-repeat; background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.couplet_ad {
|
||
|
|
position:fixed; bottom:auto; top:0; width: 120px;
|
||
|
|
/* height: 416px; */
|
||
|
|
z-index:99999; margin-top: 180px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.couplet_ad img {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
html .couplet_ad {
|
||
|
|
_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));
|
||
|
|
}
|
||
|
|
|
||
|
|
.couplet_ad a {
|
||
|
|
display:block; cursor:pointer; background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ad_left {
|
||
|
|
right: 50%; margin-right: 620px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ad_right {
|
||
|
|
left: 50%; margin-left: 620px;
|
||
|
|
}
|