You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1249 lines
30 KiB
CSS
1249 lines
30 KiB
CSS
5 years ago
|
@charset "utf-8";
|
||
|
|
.g-header {
|
||
|
|
box-shadow: 0 4px 4px rgba(0, 0, 0, .2)
|
||
|
|
}
|
||
|
|
/*.slide-box*/
|
||
|
|
.slide-box {
|
||
|
|
width: 100%;
|
||
|
|
height: 450px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.slide-box .slide-bd {
|
||
|
|
height: 450px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.slide-bd li {
|
||
|
|
width: 100%;
|
||
|
|
height: 450px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.slide-next, .slide-prev {
|
||
|
|
width: 45px;
|
||
|
|
height: 80px;
|
||
|
|
line-height: 200;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
top: 210px;
|
||
|
|
left: 0px;
|
||
|
|
background: #000;
|
||
|
|
opacity: 0.5;
|
||
|
|
filter:alpha(opacity=50);
|
||
|
|
}
|
||
|
|
.slide-next {
|
||
|
|
left: auto;
|
||
|
|
right: 0px;
|
||
|
|
background-position: -68px -434px;
|
||
|
|
}
|
||
|
|
.slide-next:hover, .slide-prev:hover {
|
||
|
|
background: #03b4f5;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.slide-next:before, .slide-prev:before {
|
||
|
|
display: block;
|
||
|
|
width: 14px;
|
||
|
|
height: 25px;
|
||
|
|
margin: 28px auto 0;
|
||
|
|
content: '';
|
||
|
|
}
|
||
|
|
.slide-prev:before {
|
||
|
|
background-position: 0 -240px;
|
||
|
|
}
|
||
|
|
.slide-next:before {
|
||
|
|
background-position: 0 -270px;
|
||
|
|
}
|
||
|
|
.slide-nav {
|
||
|
|
width: auto;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 20px;
|
||
|
|
padding: 0 12px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: center;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
background: rgba(255, 255, 255, 0.5);
|
||
|
|
position: absolute;
|
||
|
|
bottom: 20px;
|
||
|
|
left: 50%;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
.slide-nav li {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
margin: 0 6px;
|
||
|
|
line-height: 99px;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: #434343;
|
||
|
|
*display: inline;
|
||
|
|
*zoom: 1;
|
||
|
|
}
|
||
|
|
.slide-nav li:hover, .slide-nav .active {
|
||
|
|
margin: 0 3px;
|
||
|
|
border: 3px solid #fff;
|
||
|
|
border: 3px solid rgba(255, 255, 255, 1);
|
||
|
|
background: #03b4f5;
|
||
|
|
}
|
||
|
|
/*.g-container*/
|
||
|
|
.g-container {
|
||
|
|
}
|
||
|
|
.g-tit .icon {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
.i-crown {
|
||
|
|
background-position: 0 -295px;
|
||
|
|
}
|
||
|
|
.i-refresh {
|
||
|
|
background-position: 3px -325px;
|
||
|
|
}
|
||
|
|
.i-downl {
|
||
|
|
width: 14px;
|
||
|
|
height: 32px;
|
||
|
|
background-position: 0 -741px;
|
||
|
|
}
|
||
|
|
.i-like {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
background-position: 0 -360px;
|
||
|
|
*vertical-align: middle;
|
||
|
|
}
|
||
|
|
.i-fire {
|
||
|
|
background-position: 0 -420px;
|
||
|
|
}
|
||
|
|
.i-s, .i-h, .i-n {
|
||
|
|
width: 12px !important;
|
||
|
|
height: 9px !important;
|
||
|
|
vertical-align: middle !important;
|
||
|
|
}
|
||
|
|
.i-s {
|
||
|
|
background-position: 0 -450px;
|
||
|
|
}
|
||
|
|
.i-h {
|
||
|
|
background-position: 0 -480px;
|
||
|
|
}
|
||
|
|
.i-n {
|
||
|
|
background-position: 0 -510px;
|
||
|
|
}
|
||
|
|
.i-cup {
|
||
|
|
background-position: 0 -535px;
|
||
|
|
}
|
||
|
|
.i-sms {
|
||
|
|
background-position: 0 -564px;
|
||
|
|
}
|
||
|
|
.i-star {
|
||
|
|
background-position: 0 -597px;
|
||
|
|
}
|
||
|
|
.i-rocket {
|
||
|
|
background-position: 0 -625px;
|
||
|
|
}
|
||
|
|
.i-gift {
|
||
|
|
background-position: 4px -656px;
|
||
|
|
}
|
||
|
|
.i-more {
|
||
|
|
background-position: 13px -683px;
|
||
|
|
}
|
||
|
|
.i-rgift {
|
||
|
|
background-position: 3px -717px;
|
||
|
|
}
|
||
|
|
.g-tit {
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: #383838;
|
||
|
|
font-size: 22px;
|
||
|
|
margin: 20px 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.g-tit a:hover {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.btn-refresh, .btn-more {
|
||
|
|
font-size: 12px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
right: 0px;
|
||
|
|
}
|
||
|
|
.btn-more {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 0px 10px;
|
||
|
|
color: #A7A7A7;
|
||
|
|
display: block;
|
||
|
|
margin-top: 10px;
|
||
|
|
height:20px;line-height:20px;
|
||
|
|
}
|
||
|
|
.btn-more:hover {
|
||
|
|
color:#03b4f5;border-color:#03b4f5;
|
||
|
|
}
|
||
|
|
.btn-refresh .i-refresh {
|
||
|
|
}
|
||
|
|
.btn-refresh:hover .i-refresh {
|
||
|
|
transition: all 0.8s ease;
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
.rmd-game-list {
|
||
|
|
margin-right: -30px;
|
||
|
|
}
|
||
|
|
.rmd-game-list li {
|
||
|
|
width: 277px;
|
||
|
|
margin-right: 30px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-pic {
|
||
|
|
display: block;
|
||
|
|
/* width: 380px; */width:100%;
|
||
|
|
height: 176px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
background:url(../images/templace/home_recommend.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.rmd-game-list .hot-font {
|
||
|
|
position: absolute;
|
||
|
|
/* width: 380px; */width:100%;
|
||
|
|
height: 176px;
|
||
|
|
top: -100%;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
}
|
||
|
|
.rmd-game-list .hot-font .bg {
|
||
|
|
/* width: 380px; */width:100%;
|
||
|
|
height: 176px;
|
||
|
|
opacity: .85;
|
||
|
|
background: #03b4f5;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
filter: alpha(opacity=85);
|
||
|
|
}
|
||
|
|
.rmd-game-list .hot-font .con {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 2;
|
||
|
|
/* padding: 40px 0 0 14px; */
|
||
|
|
overflow: hidden;text-align:center;width:100%;height:100%;padding-top:38px;
|
||
|
|
}
|
||
|
|
.rmd-game-list .hot-font .con .rmdglicon {display:inline-block;width:100px;height:100px;margin:0 11px;}
|
||
|
|
.rmd-game-list .hot-font .con .rmdglicon .gameicon {width:100%;height:100%;}
|
||
|
|
.rmd-game-list .hot-font .con .rmdglicon p {margin-top:5px;font-size:16px;color:#FFF;}
|
||
|
|
.rmd-game-list .hot-font .con .rmdglicon .gameticon {vertical-align:middle;margin-right:4px;margin-top:-2px;}
|
||
|
|
.rmd-game-list .hot-font .font-qr {
|
||
|
|
float: left;
|
||
|
|
margin: 0 30px 0 0;
|
||
|
|
}
|
||
|
|
.rmd-game-list .hot-font .txt {
|
||
|
|
float: left;
|
||
|
|
width: 156px;
|
||
|
|
height: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-pic:hover .hot-font {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-pic .f-turn, .hot-game-list .enter-web {
|
||
|
|
-webkit-transition: all .3s ease-in;
|
||
|
|
-moz-transition: all .3s ease-in;
|
||
|
|
-ms-transition: all .3s ease-in;
|
||
|
|
-o-transition: all .3s ease-in;
|
||
|
|
transition: all .3s ease-in;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-info {
|
||
|
|
height: 140px;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-name {
|
||
|
|
height: 22px;
|
||
|
|
line-height: 24px;
|
||
|
|
font-size: 22px;
|
||
|
|
padding-top: 20px;
|
||
|
|
font-weight: normal;clear:both;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-name .game-title {width:60%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
|
.rmd-game-list .game-name .game-score {width:36%;float:right;}
|
||
|
|
.rmd-game-list .game-name .game-score .tjstart {margin-top:4px;}
|
||
|
|
.rmd-game-list .game-intro {
|
||
|
|
height: 26px;
|
||
|
|
line-height: 26px;
|
||
|
|
color: #9f9f9f;
|
||
|
|
margin: 12px 0 20px 0;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.rmd-game-list .game-other {
|
||
|
|
line-height: 30px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.btn-like:hover .i-like {
|
||
|
|
background-position: 0 -390px;
|
||
|
|
}
|
||
|
|
.btn-like {
|
||
|
|
color: #9f9f9f;
|
||
|
|
margin-right: 10px;
|
||
|
|
max-width: 120px;
|
||
|
|
overflow: hidden;
|
||
|
|
height: 34px;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
text-overflow:ellipsis;
|
||
|
|
}
|
||
|
|
.game-other .g-btn{ float:right;}
|
||
|
|
/*.hot-game-list*/
|
||
|
|
.mod-hot-game {
|
||
|
|
width: 790px;
|
||
|
|
}
|
||
|
|
.mod-hot-game .hot-game-list {
|
||
|
|
margin-right: -20px;
|
||
|
|
}
|
||
|
|
.g-tit .itip {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.g-tit .itip em {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.hot-game-list li {
|
||
|
|
width: 238px;
|
||
|
|
height: 96px;
|
||
|
|
color: #999;
|
||
|
|
padding: 16px 0 16px 12px;
|
||
|
|
margin: 0 20px 20px 0;
|
||
|
|
float: left;
|
||
|
|
display: inline;
|
||
|
|
transition: all .2s ease-in-out;
|
||
|
|
}
|
||
|
|
.hot-game-list li:hover {
|
||
|
|
box-shadow: 0 0 5px #03b4f5;
|
||
|
|
}
|
||
|
|
.hot-game-list .img {
|
||
|
|
display: block;
|
||
|
|
width: 96px;
|
||
|
|
height: 96px;
|
||
|
|
margin-right: 15px;
|
||
|
|
border-radius: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
background:url(../images/templace/home_game.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.hot-game-list .img img {
|
||
|
|
max-width:100%;
|
||
|
|
}
|
||
|
|
.hot-game-list .gname {
|
||
|
|
display: block;
|
||
|
|
width: 126px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #666;
|
||
|
|
margin: 10px 0 6px 0;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.hot-game-list .gname:hover {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.hot-game-list .g-btn {
|
||
|
|
width: 72px;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.hot-game-list .gname .icon {
|
||
|
|
position: relative;
|
||
|
|
top: -4px;
|
||
|
|
}
|
||
|
|
/*.mod-rank-game*/
|
||
|
|
.mod-rank-game {
|
||
|
|
width: 382px;
|
||
|
|
}
|
||
|
|
.rank-game-list {
|
||
|
|
height: 400px;
|
||
|
|
padding: 8px 10px 16px;
|
||
|
|
}
|
||
|
|
.rank-game-list li {
|
||
|
|
height: 22px;
|
||
|
|
padding: 8px 0px;
|
||
|
|
border-bottom: 1px dotted #cecece;
|
||
|
|
vertical-align: top;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
;
|
||
|
|
}
|
||
|
|
.rank-game-list .active .rank {
|
||
|
|
margin-top: 24px;
|
||
|
|
}
|
||
|
|
.rank-game-list .rank {
|
||
|
|
display: block;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
border-radius: 5px;
|
||
|
|
background: #ccc;
|
||
|
|
}
|
||
|
|
.rank-game-list .rank-0 {
|
||
|
|
background: #fd5253;
|
||
|
|
}
|
||
|
|
.rank-game-list .rank-1 {
|
||
|
|
background: #ff7b41;
|
||
|
|
}
|
||
|
|
.rank-game-list .rank-2 {
|
||
|
|
background: #ffad2b;
|
||
|
|
}
|
||
|
|
.rank-game-list .desc {
|
||
|
|
width:342px;
|
||
|
|
height: 22px;
|
||
|
|
line-height: 18px;
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
right: 0px;
|
||
|
|
}
|
||
|
|
.rank-game-list .name {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 210px;
|
||
|
|
padding: 0 18px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
.rank-game-list .type {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
.rank-game-list .detail {
|
||
|
|
background: #fff;
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
right: 0px;
|
||
|
|
transform: scale(0.8);
|
||
|
|
}
|
||
|
|
.rank-game-list .detail .img {
|
||
|
|
display: block;
|
||
|
|
width: 68px;
|
||
|
|
height: 68px;
|
||
|
|
border-radius: 15px;
|
||
|
|
padding:0 18px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.rank-game-list .detail .info {
|
||
|
|
width: 148px;
|
||
|
|
height: 70px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.rank-game-list .detail .name {
|
||
|
|
height: 22px;
|
||
|
|
line-height: 22px;
|
||
|
|
padding: 0;
|
||
|
|
color: #fd5253;
|
||
|
|
margin-top: 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.rank-game-list .g-btn {
|
||
|
|
width: 72px;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
.rank-game-list .active {
|
||
|
|
height: 70px;
|
||
|
|
padding: 9px 0;
|
||
|
|
}
|
||
|
|
.rank-game-list .active .desc {
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
}
|
||
|
|
.rank-game-list .active .detail {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
transform: scale(1);
|
||
|
|
transition: all 0.3s ease-in-out;
|
||
|
|
}
|
||
|
|
/*.mod-zx-box*/
|
||
|
|
.mod-zx-box .hd .cr, .mod-hd-box .hd .cr {
|
||
|
|
width: 38px;
|
||
|
|
height: 38px;
|
||
|
|
background: url() no-repeat;
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.mod-hd-box .hd .cr {
|
||
|
|
background-position: -38px 0;
|
||
|
|
}
|
||
|
|
.mod-zx-box {
|
||
|
|
width: 380px;
|
||
|
|
}
|
||
|
|
.mod-zx-box .zx-list {
|
||
|
|
width: 350px;
|
||
|
|
height: 406px;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.mod-zx-box .hd {
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mod-zx-box .hd img {
|
||
|
|
transition: all 0.3s ease-in-out;
|
||
|
|
width:350px;
|
||
|
|
height:80px;
|
||
|
|
background:url(../images/templace/home_news.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.mod-zx-box .hd:hover img {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd {
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd li {
|
||
|
|
width: 100%;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-top: 10px;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd span {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd .type-1, .mod-zx-box .bd .type-2 {
|
||
|
|
width: 35px;
|
||
|
|
height: 24px;
|
||
|
|
text-align: center;
|
||
|
|
color: #999;
|
||
|
|
background: #f7f7f7;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd .type-1 {
|
||
|
|
border-left: 2px solid #f36161;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd .type-2 {
|
||
|
|
border-left: 2px solid #44b3f8;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd .tit {
|
||
|
|
width: 258px;
|
||
|
|
padding: 0 10px;
|
||
|
|
font-size: 14px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd .date {
|
||
|
|
width: 35px;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd a {
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
.mod-zx-box .bd a:hover {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
/*.mod-hd-box*/
|
||
|
|
.mod-hd-box a img {
|
||
|
|
transition: all 0.3s ease-in-out;
|
||
|
|
|
||
|
|
}
|
||
|
|
.mod-hd-box a:hover img {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
.mod-hd-box {
|
||
|
|
width: 380px;
|
||
|
|
margin: 0 29px;
|
||
|
|
}
|
||
|
|
.mod-hd-box .hd-list {
|
||
|
|
width: 350px;
|
||
|
|
height: 406px;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.mod-hd-box .hd {
|
||
|
|
display: block;
|
||
|
|
width: 352px;
|
||
|
|
height: 200px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
background:url(../images/templace/home_activity1.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.mod-hd-box .hd p {
|
||
|
|
width: 100%;
|
||
|
|
height: 26px;
|
||
|
|
line-height: 26px;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
background: rgba(0, 0, 0, .5);
|
||
|
|
*background: #000;
|
||
|
|
position: absolute;
|
||
|
|
left: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
}
|
||
|
|
.mod-hd-box .bd {
|
||
|
|
margin-right: -28px;
|
||
|
|
}
|
||
|
|
.mod-hd-box .bd a {
|
||
|
|
margin: 18px 20px 0 0;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
width:166px;height:85px;overflow:hidden;
|
||
|
|
background:url(../images/templace/home_activity2.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
/*.mod-channel-box*/
|
||
|
|
.mod-channel-box .channel-list {
|
||
|
|
width: 380px;
|
||
|
|
height: 436px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd {
|
||
|
|
overflow: hidden;
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd .item {
|
||
|
|
width: 189px;
|
||
|
|
height: 60px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #999;
|
||
|
|
border-right: 1px solid #e6e6e6;
|
||
|
|
border-bottom: 1px solid #e6e6e6;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
transition: color 0.4s ease;
|
||
|
|
}
|
||
|
|
.kslink{ line-height:30px; margin:0 auto; background: #F1F2F3; padding:5px 0px;}
|
||
|
|
.kslink a{display: block;
|
||
|
|
height: 30px;
|
||
|
|
width: 120px;
|
||
|
|
border-radius: 30px;
|
||
|
|
border: 1px solid #F0676E;
|
||
|
|
color: #EF6769;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 auto;}
|
||
|
|
.kslink a:hover{ background:#F0676E; color:#fff;}
|
||
|
|
|
||
|
|
|
||
|
|
.mod-channel-box .hd i, .mod-channel-box .server-online i {
|
||
|
|
background: url(../images/channel.jpg) no-repeat;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd .s, .mod-channel-box .hd .s1, .mod-channel-box .hd .s2 {
|
||
|
|
display: block;
|
||
|
|
vertical-align: top;
|
||
|
|
width: 100%;
|
||
|
|
height: 2px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd .s1 {
|
||
|
|
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd .s2 {
|
||
|
|
width: 0px;
|
||
|
|
margin: 0 auto;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
transition: all 0.4s ease;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd i {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
margin: 15px 0 2px 0;
|
||
|
|
float:left;
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-left: 40px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd p{ display:block; float:left; height:60px; line-height:60px;}
|
||
|
|
.mod-channel-box .item:hover .s2 {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1 .s1, .mod-channel-box .item-2 .s1, .mod-channel-box .item-3 .s1 {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1 i {
|
||
|
|
background-position: 4px 0;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-2 i {
|
||
|
|
background-position: 0 -30px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-3 i {
|
||
|
|
background-position: 4px -60px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-4 i {
|
||
|
|
background-position: 0 -90px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-5 i {
|
||
|
|
background-position: 0 -120px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-6 i {
|
||
|
|
background-position: 0 -150px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-7 i {
|
||
|
|
background-position: 0 -180px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-8 i {
|
||
|
|
background-position: 2px -210px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-9 i {
|
||
|
|
background-position: 0 -240px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1:hover i {
|
||
|
|
background-position: -26px 0;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-2:hover i {
|
||
|
|
background-position: -30px -30px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-3:hover i {
|
||
|
|
background-position: -26px -60px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-4:hover i {
|
||
|
|
background-position: -30px -90px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-5:hover i {
|
||
|
|
background-position: -30px -120px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-6:hover i {
|
||
|
|
background-position: -30px -150px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-7:hover i {
|
||
|
|
background-position: -30px -180px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-8:hover i {
|
||
|
|
background-position: -28px -210px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-9:hover i {
|
||
|
|
background-position: -30px -240px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .hd em {
|
||
|
|
display: block;
|
||
|
|
width: 0px;
|
||
|
|
height: 0px;
|
||
|
|
border-width: 5px;
|
||
|
|
border-style: solid;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0px;
|
||
|
|
right: 0px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1 em {
|
||
|
|
border-color: #fff #ca7dbb #ca7dbb #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-2 em {
|
||
|
|
border-color: #fff #8dc11f #8dc11f #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-3 em {
|
||
|
|
border-color: #fff #58a1f3 #58a1f3 #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-4 em {
|
||
|
|
border-color: #fff #f5a22b #f5a22b #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-5 em {
|
||
|
|
border-color: #fff #50c3a1 #50c3a1 #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-6 em {
|
||
|
|
border-color: #fff #fdb18f #fdb18f #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-7 em {
|
||
|
|
border-color: #fff #fe9acc #fe9acc #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-8 em {
|
||
|
|
border-color: #fff #ff6764 #ff6764 #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-9 em {
|
||
|
|
border-color: #fff #ff33cc #ff33cc #fff;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1, .mod-channel-box .item-1:hover {
|
||
|
|
color: #ca7dbb;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-2, .mod-channel-box .item-2:hover {
|
||
|
|
color: #8dc11f;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-3, .mod-channel-box .item-3:hover {
|
||
|
|
color: #58a1f3;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-4, .mod-channel-box .item-4:hover {
|
||
|
|
color: #f5a22b;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-5, .mod-channel-box .item-5:hover {
|
||
|
|
color: #50c3a1;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-6, .mod-channel-box .item-6:hover {
|
||
|
|
color: #fdb18f;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-7, .mod-channel-box .item-7:hover {
|
||
|
|
color: #fe9acc;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-8, .mod-channel-box .item-8:hover {
|
||
|
|
color: #ff6764;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-9, .mod-channel-box .item-9:hover {
|
||
|
|
color: #ff33cc;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-1:hover .s2 {
|
||
|
|
background-color: #ca7dbb;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-2:hover .s2 {
|
||
|
|
background-color: #8dc11f;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-3:hover .s2 {
|
||
|
|
background-color: #58a1f3;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-4:hover .s2 {
|
||
|
|
background-color: #f5a22b;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-5:hover .s2 {
|
||
|
|
background-color: #50c3a1;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-6:hover .s2 {
|
||
|
|
background-color: #fdb18f;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-7:hover .s2 {
|
||
|
|
background-color: #fe9acc;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-8:hover .s2 {
|
||
|
|
background-color: #ff6764;
|
||
|
|
}
|
||
|
|
.mod-channel-box .item-9:hover .s2 {
|
||
|
|
background-color: #ff33cc;
|
||
|
|
}
|
||
|
|
.mod-channel-box .bd {
|
||
|
|
}
|
||
|
|
.mod-channel-box .server-online {
|
||
|
|
width: 189px;
|
||
|
|
height: 152px;
|
||
|
|
text-align: center;
|
||
|
|
color: #ef656c;
|
||
|
|
border-right: 1px solid #e6e6e6;
|
||
|
|
}
|
||
|
|
.mod-channel-box .server-online i {
|
||
|
|
display: inline-block;
|
||
|
|
width: 67px;
|
||
|
|
height: 69px;
|
||
|
|
margin: 12px 0 15px 0;
|
||
|
|
background-position: 0 -270px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .server-online p {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .other {
|
||
|
|
width: 190px;
|
||
|
|
}
|
||
|
|
.mod-channel-box .other .item {
|
||
|
|
display: block;
|
||
|
|
height: 75px;
|
||
|
|
line-height: 75px;
|
||
|
|
padding-left: 20px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #999;
|
||
|
|
border-bottom: 1px solid #e6e6e6;
|
||
|
|
}
|
||
|
|
.mod-channel-box .other .item:hover {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.mod-channel-box .other .item-kf {
|
||
|
|
line-height: 26px;
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.mod-channel-box .other .item-kf p {
|
||
|
|
padding-top: 12px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
/*.mod-lb-box */
|
||
|
|
.mod-lb-box {
|
||
|
|
}
|
||
|
|
.mod-lb-box .lb-list {
|
||
|
|
height: auto;
|
||
|
|
padding: 0 0 36px 32px;
|
||
|
|
}
|
||
|
|
.mod-lb-box li {
|
||
|
|
float: left;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-top: 36px;
|
||
|
|
vertical-align: top;
|
||
|
|
height:120px;
|
||
|
|
}
|
||
|
|
.mod-lb-box .item {
|
||
|
|
display: block;
|
||
|
|
width: 230px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.mod-lb-box .img {
|
||
|
|
width: 98px;
|
||
|
|
height: 98px;
|
||
|
|
border-radius: 20px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
float: left;background:url(../images/templace/home_game.png) center center no-repeat;
|
||
|
|
}
|
||
|
|
.mod-lb-box .i-rgift {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
border-radius: 6px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: -4px;
|
||
|
|
right: -4px;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.mod-lb-box .info {
|
||
|
|
width: 115px;
|
||
|
|
padding-left: 15px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.mod-lb-box .lbname {
|
||
|
|
font-size: 14px;
|
||
|
|
color: #666;
|
||
|
|
margin-top: 12px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.mod-lb-box .gname {
|
||
|
|
color: #999;
|
||
|
|
margin: 4px 0 8px 0;
|
||
|
|
}
|
||
|
|
.mod-lb-box .nums {
|
||
|
|
color: #999;
|
||
|
|
margin: 4px 0 8px 0;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mod-lb-box .nums em {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.mod-lb-box .item:hover .lbname {
|
||
|
|
color: #03b4f5;
|
||
|
|
}
|
||
|
|
.mod-lb-box .item:hover .nums {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mod-lb-box .item:hover .gname {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.g-footer {
|
||
|
|
background: #f1f2f3;
|
||
|
|
}
|
||
|
|
/* 右侧游戏开服表 */
|
||
|
|
.ikai {
|
||
|
|
display:inline-block;
|
||
|
|
vertical-align:top;
|
||
|
|
*vertical-align:middle;
|
||
|
|
background:url(../images/kai-index.png) 0 0 no-repeat;
|
||
|
|
_background:url(../images/kai-index.gif) 0 0 no-repeat;
|
||
|
|
}
|
||
|
|
.g-tit .ikai {
|
||
|
|
width:30px;
|
||
|
|
height:30px;
|
||
|
|
}
|
||
|
|
.i-kaifu {
|
||
|
|
background-position:-1px 4px;
|
||
|
|
}
|
||
|
|
.rank-kf-list {
|
||
|
|
height:424px;
|
||
|
|
}
|
||
|
|
.rank-kf-tit {
|
||
|
|
height:40px;
|
||
|
|
padding-top:2px;
|
||
|
|
}
|
||
|
|
.rank-kf-tit span {
|
||
|
|
float:left;
|
||
|
|
display:inline;
|
||
|
|
font:14px/40px \5FAE\8F6F\96C5\9ED1;
|
||
|
|
color:#9f9f9f;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.kf-tit-name {
|
||
|
|
width:112px;
|
||
|
|
}
|
||
|
|
.kf-tit-date, .kf-tab-date {
|
||
|
|
width:48px;
|
||
|
|
}
|
||
|
|
.kf-tit-time, .kf-tab-time {
|
||
|
|
width:56px;
|
||
|
|
}
|
||
|
|
.kf-tit-zone, .kf-tab-zone {
|
||
|
|
width:92px;
|
||
|
|
}
|
||
|
|
.kf-tit-down {
|
||
|
|
width:54px;
|
||
|
|
}
|
||
|
|
.rank-kf-wrap {
|
||
|
|
width:382px;
|
||
|
|
height:351px;
|
||
|
|
margin:0;
|
||
|
|
overflow:hidden;
|
||
|
|
position:relative;
|
||
|
|
|
||
|
|
}
|
||
|
|
.rank-kf-tab {
|
||
|
|
width:10000px;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
.rank-kf-tab ul {
|
||
|
|
width:382px;
|
||
|
|
float:left;
|
||
|
|
margin:0px;
|
||
|
|
overflow:hidden !important;
|
||
|
|
}
|
||
|
|
.kf-tab-line {
|
||
|
|
width:346px;
|
||
|
|
height:1px;
|
||
|
|
background-color:#e6e6e6;
|
||
|
|
font:0/0 a;
|
||
|
|
overflow:hidden;
|
||
|
|
margin:0 auto;
|
||
|
|
}
|
||
|
|
.kf-tab-box {
|
||
|
|
padding:9px 18px;
|
||
|
|
height:20px;
|
||
|
|
color:#777;
|
||
|
|
overflow:hidden;
|
||
|
|
font:12px/20px \5FAE\8F6F\96C5\9ED1;
|
||
|
|
}
|
||
|
|
.kf-tab-box span {
|
||
|
|
float:left;
|
||
|
|
display:inline;
|
||
|
|
height:20px;
|
||
|
|
overflow:hidden;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.kf-tab-box span.kf-tab-name {
|
||
|
|
width:100px;
|
||
|
|
font-size:14px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
.kf-tab-name a {
|
||
|
|
color:#383838;
|
||
|
|
}
|
||
|
|
.kf-tab-zone a {
|
||
|
|
display:block;
|
||
|
|
height:20px;
|
||
|
|
overflow:hidden;
|
||
|
|
color:#777;
|
||
|
|
}
|
||
|
|
.tab-gift, .tab-down {
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
float:right;
|
||
|
|
display:inline;
|
||
|
|
overflow:hidden;
|
||
|
|
margin-left:3px;
|
||
|
|
_margin-left:2px;
|
||
|
|
}
|
||
|
|
.tab-gift {
|
||
|
|
background-position:-5px -233px;
|
||
|
|
}
|
||
|
|
.tab-down {
|
||
|
|
background-position:-5px -289px;
|
||
|
|
}
|
||
|
|
.kf-tab-hover {
|
||
|
|
background-color:#f55f46;
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
.kf-tab-hover .kf-tab-name a, .kf-tab-hover .kf-tab-zone a {
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
.kf-tab-hover .tab-gift {
|
||
|
|
background-position:-5px -206px;
|
||
|
|
}
|
||
|
|
.kf-tab-hover .tab-down {
|
||
|
|
background-position:-5px -261px;
|
||
|
|
}
|
||
|
|
.kf-tab-page {
|
||
|
|
padding:8px 18px 0 0;
|
||
|
|
text-align:right;
|
||
|
|
line-height:15px;
|
||
|
|
}
|
||
|
|
.kf-tab-page span, .kf-tab-page a {
|
||
|
|
display:inline-block;
|
||
|
|
*display:inline;
|
||
|
|
zoom:1;
|
||
|
|
vertical-align:top;
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
.kf-tab-page span {
|
||
|
|
padding-right:6px;
|
||
|
|
}
|
||
|
|
.kf-tab-page a {
|
||
|
|
width:14px;
|
||
|
|
height:14px;
|
||
|
|
overflow:hidden;
|
||
|
|
font:13px/14px \5FAE\8F6F\96C5\9ED1;
|
||
|
|
text-align:center;
|
||
|
|
border:1px solid #cecece;
|
||
|
|
}
|
||
|
|
.kf-tab-page a:hover {
|
||
|
|
color:#03b4f5;
|
||
|
|
}
|
||
|
|
.kf-tab-page a.prev {
|
||
|
|
border-right:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*登录框*/
|
||
|
|
.hide_txt {
|
||
|
|
text-indent: -99999em;
|
||
|
|
}
|
||
|
|
.abs{position:absolute;}
|
||
|
|
.rel{position:relative;}
|
||
|
|
.login-pos{ z-index:2; position:relative; width:1200px; margin:0 auto;}
|
||
|
|
.login-box{ width:308px; right:0px; top:15px;}
|
||
|
|
.login-box a:hover{ text-decoration:underline;}
|
||
|
|
.lg-top{ height:55px; background:url(../images/login-top.png) no-repeat;}
|
||
|
|
.lg-mid{ background:url(../images/login-mid.png) repeat-y;height:365px;}
|
||
|
|
.loading{ width:68px; height:68px; left:120px; top:185px;}
|
||
|
|
.lg-bottom{ height:20px; background:url() left bottom no-repeat;}
|
||
|
|
.ico-login{ background:url(../images/ico-login.png) no-repeat;}
|
||
|
|
.lg-tip{ height:15px;}
|
||
|
|
.lg-tip p{ background-position:-165px -196px; margin-left:45px; color:#ed5565; line-height:30px; padding-left:22px;}
|
||
|
|
.lg-inptu-box{ height:93px; background-position:0 0; margin:0 0 0 30px;}
|
||
|
|
.lg-inptu-boxhover{ background-position:0 -93px;}
|
||
|
|
.lg-inptu{ width:170px; height:25px; background:none; border:none;}
|
||
|
|
.lg-yzm{ width:60px; left:95px; top:8px;}
|
||
|
|
.lg-name{ left:65px; top:14px;}
|
||
|
|
.lg-pwd{left:65px; top:52px;}
|
||
|
|
.lg-rzm{ height:40px;}
|
||
|
|
.rzm-img{ left:170px; top:0; border:1px solid #f3f3f3; border-radius:3px; width:103px; height:38px; cursor:pointer;}
|
||
|
|
.rzm-box{ width:132px; height:44px; background-position: 0 -192px; margin-left:30px;}
|
||
|
|
.rzm-boxhover{background-position: 0 -236px;}
|
||
|
|
.lg-btn{ width:246px; height:92px; border-bottom:1px dotted #e6e6e6; margin:0 auto;}
|
||
|
|
.lg-on{width:0; height:18px; left:4px; top:0; overflow:hidden;}
|
||
|
|
.lg-off{width:25px; height:18px; right:4px; top:0;}
|
||
|
|
.lg-rem-name{ left:60px; top:12px;color:#9f9f9f;}
|
||
|
|
.lg-slides{ background:#dddddd; border-radius:12px; width:53px; height:18px; left:0; top:12px; color:#fff;}
|
||
|
|
.lg-slides-btn{ display:block; border-radius:12px; width:20px; height:14px; left:2px; top:2px; background:#fff; z-index:22;}
|
||
|
|
|
||
|
|
.on{ background:#a0d468}
|
||
|
|
.on .lg-on{width:25px; height:18px; left:4px; top:0;}
|
||
|
|
.on .lg-off{ width:0; overflow:hidden;}
|
||
|
|
.on .lg-slides-btn{left:31px;}
|
||
|
|
|
||
|
|
|
||
|
|
.forget-pwd{ left:183px; top:12px; color:#9f9f9f;}
|
||
|
|
|
||
|
|
.lg-login{ display:block; width:246px; height:36px; left:0; top:50px; background-position:0 -288px;}
|
||
|
|
.lg-login:hover{ background-position:0 -326px;}
|
||
|
|
.wx-res-box{ height:130px;}
|
||
|
|
.wx-box{ width:133px; padding-top:90px; padding-left: 10px; height:15px; background-position:-125px -378px; left:22px; top:10px; border-right:1px solid #ededed; color:#9f9f9f;}
|
||
|
|
.res-box{ width:133px; height:112px; left:155px; top:14px;}
|
||
|
|
.res-tip{ left:20px; top:7px; color:#9f9f9f;}
|
||
|
|
.res-btn{ display:block; width:100px; height:31px; background-position:0 -378px; left:20px; top:32px;}
|
||
|
|
.res-btn:hover{ background-position:0 -413px;}
|
||
|
|
.bind-phpone{ left:18px; top:78px; color:#ff3300; background-position:-166px -248px; padding-left:22px;}
|
||
|
|
.played .bind-phpone{ left:165px; top:0;background-position:-166px -241px; font-size:12px;}
|
||
|
|
|
||
|
|
|
||
|
|
.top .login-h{width:400px;}
|
||
|
|
.login-pos .login-h{width:294px;}
|
||
|
|
.login-h{margin:0 auto;}
|
||
|
|
.user-info{ height:110px; border-bottom:1px solid #eeeeee;}
|
||
|
|
.user-base{ height:136px; border-bottom:1px solid #eeeeee; overflow:hidden;}
|
||
|
|
.user-photo{ width:83px; height:83px; left:10px; top:12px;}
|
||
|
|
.user-photo img{ width:80px; height:80px; border-radius:45px; left:0; top:0; z-index:1;border:3px solid #fff;box-shadow:2px 3px 2px #ddd;}
|
||
|
|
.user-photo a{ display:block; width:80px; height:80px; border-radius:45px; overflow:hidden; left:3px; top:3px; z-index:2; }
|
||
|
|
.user-photo a:hover{background:url(../images/ghtx.png) center center no-repeat;}
|
||
|
|
.user-mesg{ width:24px; height:24px; line-height:24px; text-align:center; background:url(../images/ico-login1.png) 0 0 no-repeat; left:15px; top:12px; z-index:3; display:none;}
|
||
|
|
.user-mesg a{ color:#fff;}
|
||
|
|
.user-mesg a:hover{ text-decoration:none;}
|
||
|
|
.user-name-box{ height:30px; line-height:30px; width:164px;left:110px; top:18px;}
|
||
|
|
.user-name{ font-weight:bold; color:#ff3300; font-size:14px;}
|
||
|
|
.user-exit{ right:0; top:0;}
|
||
|
|
.user-vip-box{ width:164px; height:32px; left:110px; top:53px;}
|
||
|
|
.user-v1{ left:0; top:-7px;}
|
||
|
|
.vip_fs {height:18px;line-height:18px;right:5px;text-align:right;top:0;width:105px;}
|
||
|
|
.vip_jdt {height:7px;left:6px; top:21px;width:158px;}
|
||
|
|
.vip_jdt span {background: url(../images/vip-fs.png) -3px 0 no-repeat;display: block;height: 7px;width: 0;}
|
||
|
|
.vip_jdt em { background: url(../images/vip-fs.png) no-repeat;display: block;height: 7px;width: 3px;}
|
||
|
|
.vip_jdt em.jtl_left {background-position: 0 0;}
|
||
|
|
.vip_jdt em.jdt_right {background-position: right 0;}
|
||
|
|
|
||
|
|
.user-base-dl{ width:308px;}
|
||
|
|
.user-base-dl dd{ float:left; display:inline; width:98px; height:68px; border:1px solid #eeeeee; margin:-1px 0 0 -1px; text-align:center; overflow:hidden;}
|
||
|
|
.user-base-dl dd.user-1{ padding-top:10px;height:58px;}
|
||
|
|
.user-2 a{ display:block; width:100%; height:58px; padding-top:10px;}
|
||
|
|
.user-2 a:hover{ text-decoration:none; color:#0F0; background:#f2f2f2;}
|
||
|
|
.user-b1{ font-weight:bold; color:#ff3300; font-size:14px; margin:0 0 5px 0; height:21px;}
|
||
|
|
.user-b2{ color:#9f9f9f;}
|
||
|
|
.user-b2 span{ padding-left:15px; background:url(../images/ico-login1.png) no-repeat;}
|
||
|
|
.user-b2 span.user-up{ background-position:-1px -68px;}
|
||
|
|
.user-b2 span.user-down{ background-position:-1px -42px;}
|
||
|
|
.user-bdd a{ display:block; height:25px; padding-top:43px; width:98px; background:url(../images/ico-login2.png) no-repeat;}
|
||
|
|
.user-bdd i{ display:block; width:10px; height:10px; background:url(../images/ico-login1.png) no-repeat; position:absolute; right:0; bottom:0;}
|
||
|
|
.user-bdd a.user-center{ color:#ca7dbb; background-position:30px 9px; left:0; top:0;}
|
||
|
|
.user-bdd a.user-sign{color:#8dc11f; background-position:35px -58px ;left:0; top:0;}
|
||
|
|
.user-bdd a.user-pay{color:#ef656c; background-position:35px -120px ;left:0; top:0;}
|
||
|
|
.user-bdd i.bq-1{ background-position:-1px -103px;}
|
||
|
|
.user-bdd i.bq-2{ background-position:-1px -132px;}
|
||
|
|
.user-bdd i.bq-3{ background-position:-2px -157px;}
|
||
|
|
.palyed-game{ font-size:14px;}
|
||
|
|
.played{height:35px; line-height:35px; padding-left:15px;}
|
||
|
|
.played-game-list{ height:80px; overflow:hidden;}
|
||
|
|
.played-game-list dd{ height:40px; border-bottom:1px dotted #eeeeee;}
|
||
|
|
.played-game-list dd a{ display:block; height:40px;}
|
||
|
|
.played-game-list dd a:hover{ background:#eeeeee;}
|
||
|
|
.played-game-list dd img{ float:left; display:inline; width:30px; height:30px; margin:4px 0 0 15px; border-radius:5px;}
|
||
|
|
.played-game-list dd .played-game-name{ display:block; float:left; margin:8px 0 0 10px; height:20px; width:100px; line-height:20px;}
|
||
|
|
.played-game-list dd .played-server-name{ display:block; float:left; margin:8px 0 0 5px; height:20px; padding-right:25px; line-height:20px;}
|
||
|
|
.played-game-list dt{ color:#9f9f9f; padding:15px 0 0 15px;font-size:12px;}
|
||
|
|
.played-game-list dt a{ color:#ff3300; text-decoration:underline; }
|
||
|
|
|
||
|
|
.user-bdd em{ display:block; width:98px; height:68px; position:absolute; right:0; bottom:0; }
|
||
|
|
.user-base .user-base-dl dd.current a{ background-image:url(../images/ico-login3.png); color:#fff;}
|
||
|
|
.user-base .user-base-dl dd.current a:hover{ text-decoration:none;}
|
||
|
|
.user-base .user-base-dl dd.current em.bq-11{ background:#ca7dbb;}
|
||
|
|
.user-base .user-base-dl dd.current em.bq-22{ background:#8dc11f;}
|
||
|
|
.user-base .user-base-dl dd.current em.bq-33{ background:#ef656c;}
|
||
|
|
|
||
|
|
.user-vip{ background: url(../images/vip.gif) 0 7px no-repeat;display:block;height:24px;width:52px;}
|
||
|
|
.vip-0 {background-position: 0 7px;}
|
||
|
|
.vip-1 {background-position: 0 -19px;}
|
||
|
|
.vip-2 {background-position: 0 -45px;}
|
||
|
|
.vip-3 {background-position: 0 -71px;}
|
||
|
|
.vip-4 {background-position: 0 -96px;}
|
||
|
|
.vip-5 {background-position: 0 -122px;}
|
||
|
|
.vip-6 {background-position: 0 -148px;}
|
||
|
|
.vip-7 {background-position: 0 -174px;}
|
||
|
|
.vip-8 {background-position: 0 -199px;}
|
||
|
|
|
||
|
|
|
||
|
|
.user-2{ width:48%!important;}
|
||
|
|
/* 签到框 */
|
||
|
|
|
||
|
|
.succ_Signin { background: #fff; border-radius:8px;display: none; width: 380px; height:430px; overflow:hidden; z-index:99999999; opacity:0.95; filter:alpha(opacity=95);box-shadow:0px 0px 10px #999;}
|
||
|
|
.singn-title { background: #efeded;height: 40px; line-height:40px; padding-left:20px; font-size:16px;}
|
||
|
|
.singn-title a { display: block;height: 20px; position: absolute;right: 12px; top: 9px; width: 20px; background-position:-9px -465px;}
|
||
|
|
.sign_wrap {margin: 0 auto; overflow:hidden;}
|
||
|
|
.succ_Signin h5 { color: #ff3300; font-size: 16px; padding-top:5px; height: 37px;line-height: 37px;text-align:center;}
|
||
|
|
.Date {margin: 0 auto;padding-left: 1px;width: 337px;}
|
||
|
|
.Date .Dtt {height: 20px;line-height: 20px; position: relative; text-align: center;}
|
||
|
|
.Date .Dtt p {background: #f0f0f0;height: 20px;margin: 0 auto;text-align: center;width: 80px; border-radius:10px;}
|
||
|
|
.Date .Week { color: #fff;height: 28px; line-height: 28px;margin-top: 10px;padding: 0 0 0 1px;}
|
||
|
|
.Date .Week li, .Date .D_days li { float: left;height: 28px;line-height: 28px;padding: 0 1px 0 0;position: relative;text-align: center;width: 46px; color:#525252;}
|
||
|
|
.Date .Week li {background:#f7f6f6;border: 1px solid #dddddd; margin-left: -1px;}
|
||
|
|
.Date .D_days { border-left: 1px solid #d8d8d8;}
|
||
|
|
.Date .D_days li { border: 1px solid #dddddd;height: 28px;line-height: 28px; margin: -1px 0 0 -1px;}
|
||
|
|
.Date .D_days li span, .Date .D_days li span:hover {background-color: #fff;color: #000;display: block;height: 28px;line-height: 28px;width: 100%;}
|
||
|
|
.Date .D_days li.disabled span, .Date .D_days li.disabled span:hover {background: #ffffff; color: #9a9a9a;cursor: default;text-decoration: none;}
|
||
|
|
.Date .D_days li .Sign {background: url(../images/ico-login.png) -60px -464px no-repeat;display: none;height: 24px;left: 50%; margin: -12px 0 0 -12px; position: absolute;top: 50%;width: 24px;}
|
||
|
|
.Date .D_days li.active .Sign {display: block;}
|
||
|
|
.sign_instructions {clear: both;padding-top:12px; line-height: 22px;}
|
||
|
|
.sign_instructions p { padding-left:35px;}
|
||
|
|
.sign_instructions span {color: #ff3300;}
|
||
|
|
|
||
|
|
.changebtn {border: 1px solid #ddd;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 0px 10px;
|
||
|
|
color: #A7A7A7;
|
||
|
|
display: block;
|
||
|
|
margin-top: 10px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;}
|
||
|
|
.icon-change {width:18px;height:18px;vertical-align:middle;margin-top:-5px;margin-left:2px;display:inline-block;background:url(../images/icon-change.png) no-repeat;background-size:100% 100%;}
|
||
|
|
.btn-refresh:hover .icon-change {transition: all 0.8s ease;transform: rotate(360deg);}
|
||
|
|
.chpanwrap {overflow:hidden;position:relative;}
|
||
|
|
.chpan {float:left;display:none;}
|
||
|
|
.chpan.active {display:block;}
|