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.
1740 lines
33 KiB
CSS
1740 lines
33 KiB
CSS
5 years ago
|
/* css reset */
|
||
|
html, body, div, span, object, iframe,
|
||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
|
abbr, address, cite, code,
|
||
|
del, dfn, em, img, ins, kbd, q, samp,
|
||
|
small, strong, sub, sup, var,
|
||
|
b, i,
|
||
|
dl, dt, dd, ol, ul, li,
|
||
|
fieldset, form, label, legend,
|
||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
|
article, aside, canvas, details, figcaption, figure,
|
||
|
footer, header, hgroup, menu, nav, section, summary,
|
||
|
time, mark, audio, video {
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
border:0;
|
||
|
outline:0;
|
||
|
vertical-align:baseline;
|
||
|
background:transparent;
|
||
|
}
|
||
|
|
||
|
article,aside,details,figcaption,figure,
|
||
|
footer,header,hgroup,menu,nav,section {
|
||
|
display:block;
|
||
|
}
|
||
|
ol, ul {
|
||
|
list-style: none;
|
||
|
}
|
||
|
a {
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
vertical-align:baseline;
|
||
|
background:transparent;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
input, button, select, textarea{
|
||
|
vertical-align:middle;
|
||
|
outline:none;
|
||
|
-webkit-appearance: none;
|
||
|
}
|
||
|
textarea{
|
||
|
resize:none;
|
||
|
}
|
||
|
img {
|
||
|
vertical-align:middle;
|
||
|
border:none;
|
||
|
}
|
||
|
em,
|
||
|
i {
|
||
|
font-style:normal;
|
||
|
}
|
||
|
|
||
|
.cf:after {
|
||
|
visibility:hidden;
|
||
|
display:block;
|
||
|
font-size:0;
|
||
|
content:"";
|
||
|
clear:both;
|
||
|
height:0;
|
||
|
}
|
||
|
.cf{
|
||
|
zoom:1;
|
||
|
}
|
||
|
|
||
|
/* style */
|
||
|
html{
|
||
|
-webkit-text-size-adjust:100%;
|
||
|
-ms-text-size-adjust:100%;
|
||
|
}
|
||
|
body {
|
||
|
font-size:15px;
|
||
|
font-family:"Droid Sans Fallback" "Rounded MT Bold";
|
||
|
min-height:100%;
|
||
|
background:#F2F2F2;
|
||
|
line-height:20px;
|
||
|
color:#666;
|
||
|
}
|
||
|
a{
|
||
|
color:#333;
|
||
|
}
|
||
|
a:visited{
|
||
|
/*color:#333131;*/
|
||
|
}
|
||
|
|
||
|
.num,
|
||
|
.game-rank-list .main-wrap:after,
|
||
|
.game-send-list .main-wrap:after {
|
||
|
display:block;
|
||
|
background-image:url(../images/icon_sprite@2x.png);
|
||
|
background-repeat:no-repeat;
|
||
|
-webkit-background-size:13px 37px;
|
||
|
-moz-background-size:13px 37px;
|
||
|
background-size:13px 37px;
|
||
|
}
|
||
|
|
||
|
.game-title {
|
||
|
display:block;
|
||
|
white-space:nowrap;
|
||
|
text-overflow:ellipsis;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
.game-oth {
|
||
|
font-size:12px;
|
||
|
color:#999;
|
||
|
}
|
||
|
|
||
|
.c-org {
|
||
|
color:#F60!important;
|
||
|
}
|
||
|
.c-black {
|
||
|
color:#333!important;
|
||
|
}
|
||
|
.c-gray {
|
||
|
color:#999;
|
||
|
}
|
||
|
.c-high {
|
||
|
color:#00a808!important;
|
||
|
}
|
||
|
|
||
|
.strong {
|
||
|
font-weight:700;
|
||
|
color:#333;
|
||
|
}
|
||
|
.blue{color:#0050b4!important;}
|
||
|
.blue:visited{color:#004EB4!important;}
|
||
|
.red{
|
||
|
color:red;
|
||
|
}
|
||
|
.red:visited{color:red!important;}
|
||
|
|
||
|
.header {
|
||
|
height:48px;
|
||
|
font-size:16px;
|
||
|
padding:0 7px;
|
||
|
line-height:48px;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
/* edit by wuwl ###0626 */
|
||
|
.logo {
|
||
|
width:118px;
|
||
|
float:left;
|
||
|
line-height:0;
|
||
|
height:40px;
|
||
|
}
|
||
|
.logo .img{
|
||
|
width:118px;
|
||
|
height:40px;
|
||
|
}
|
||
|
/* edit by wuwl ###0626 end */
|
||
|
.user-content {
|
||
|
height:48px;
|
||
|
font-size:16px;
|
||
|
float:right;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.user-content .item{
|
||
|
display:block;
|
||
|
position:relative;
|
||
|
}
|
||
|
.user-content .item:first-child {
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.user-content .item:last-child {
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
.user-content .item:last-child:before {
|
||
|
content:'|';
|
||
|
position:absolute;
|
||
|
color:#D9D9D9;
|
||
|
text-shadow:1px 0 #FFF;
|
||
|
left:-9px;
|
||
|
}
|
||
|
.user-content .name {
|
||
|
height:100%;
|
||
|
white-space:nowrap;
|
||
|
text-overflow:ellipsis;
|
||
|
overflow:hidden;
|
||
|
text-align:right;
|
||
|
max-width:100px;
|
||
|
}
|
||
|
@media screen and (min-width: 420px) and (max-width:640px) {
|
||
|
.user-content .name {
|
||
|
max-width:200px;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 641px) {
|
||
|
.user-content .name {
|
||
|
max-width:420px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.index-nav {
|
||
|
height:40px;
|
||
|
background:#242424;
|
||
|
background:-moz-linear-gradient(top, #3d3d3d 0%, #242424 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#242424));
|
||
|
background: -o-linear-gradient(top, #3d3d3d 0%,#242424 100%);
|
||
|
background: -ms-linear-gradient(top, #3d3d3d 0%,#242424 100%);
|
||
|
background: linear-gradient(to bottom, #3d3d3d 0%,#242424 100%);
|
||
|
-webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,.23);
|
||
|
-moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,.23);
|
||
|
box-shadow:inset 0 -1px 1px rgba(0,0,0,.23);
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
font-family:Arial,Helvetica,sans-serif;
|
||
|
font-size:16px;
|
||
|
}
|
||
|
.index-nav-item {
|
||
|
height:36px;
|
||
|
display:block;
|
||
|
text-align:center;
|
||
|
color:#CCC;
|
||
|
text-shadow:0 1px rgba(0,0,0,.75);
|
||
|
line-height:38px;
|
||
|
border-bottom:2px solid #242424;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.index-nav-item:visited {
|
||
|
color:#CDCDCD;
|
||
|
}
|
||
|
.index-nav .on {
|
||
|
color:#fff;
|
||
|
background:#2C2C2C;
|
||
|
border-bottom-color:#F60;
|
||
|
-webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
|
||
|
-moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
|
||
|
box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
|
||
|
}
|
||
|
.index-nav .on:visited {
|
||
|
color:#FEFEFE;
|
||
|
}
|
||
|
|
||
|
.column {
|
||
|
padding:10px 0 0;
|
||
|
}
|
||
|
.column-item {
|
||
|
width:30%;
|
||
|
height:35px;
|
||
|
display:block;
|
||
|
float:left;
|
||
|
border-left:3px solid #F60;
|
||
|
position:relative;
|
||
|
margin-left:2%;
|
||
|
text-align:center;
|
||
|
line-height:35px;
|
||
|
background:#fff;
|
||
|
margin-bottom:15px;
|
||
|
-webkit-box-shadow:0 0px 2px rgba(194,194,194,.5);
|
||
|
-moz-box-shadow:0 0px 2px rgba(194,194,194,.5);
|
||
|
box-shadow:0 0px 2px rgba(194,194,194,.5);
|
||
|
}
|
||
|
.column-item:after {
|
||
|
right:1%;
|
||
|
-webkit-transform: rotate(4deg);
|
||
|
content:' ';
|
||
|
z-index:-1;
|
||
|
position:absolute;
|
||
|
bottom:4px;
|
||
|
width:76px;
|
||
|
height:20px;
|
||
|
-webkit-box-shadow:0 6px 6px rgba(194,194,194,.8);
|
||
|
-moz-box-shadow:0 6px 6px rgba(194,194,194,.8);
|
||
|
box-shadow:0 6px 6px rgba(194,194,194,.8);
|
||
|
}
|
||
|
.column-item:first-child {
|
||
|
border-color:#DA4948;
|
||
|
}
|
||
|
.column-item:nth-child(2n) {
|
||
|
border-color:#F6C61D;
|
||
|
}
|
||
|
.column-item:nth-child(4n) {
|
||
|
border-color:#6DB7A6;
|
||
|
}
|
||
|
.column-item:nth-child(5n) {
|
||
|
border-color:#6CC0E5;
|
||
|
}
|
||
|
.column-item:nth-child(6n) {
|
||
|
border-color:#F6C61D;
|
||
|
}
|
||
|
/* .column-item:last-child,
|
||
|
.column-item:nth-last-child(2),
|
||
|
.column-item:nth-last-child(3) {
|
||
|
margin-bottom:0;
|
||
|
} */
|
||
|
|
||
|
.normal-title {/*modify by lilh 20140102*/
|
||
|
line-height:22px;
|
||
|
background:#DDD;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
border-bottom:2px solid #C0C0C0;
|
||
|
}
|
||
|
.normal-title h2 {/*modify by lilh 20140102*/
|
||
|
display:inline-block;
|
||
|
position:relative;
|
||
|
padding:5px 10px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
color:#333;
|
||
|
font-size:16px;
|
||
|
font-weight:500;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
}
|
||
|
.normal-title h2:after{/*add by lilh 20140102*/
|
||
|
content:'';
|
||
|
width:100%;
|
||
|
height:2px;
|
||
|
display:block;
|
||
|
position: absolute;
|
||
|
bottom:-2px;
|
||
|
left:0;
|
||
|
-webkit-box-shadow:0 2px #f60 inset;
|
||
|
}
|
||
|
|
||
|
|
||
|
.line-game-list li {
|
||
|
float:left;
|
||
|
width:50%;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
-moz-box-sizing:border-box;
|
||
|
box-sizing:border-box;
|
||
|
}
|
||
|
.line-game-list li {
|
||
|
border:solid #D5D7D7;
|
||
|
border-width:0 1px 0 0;
|
||
|
}
|
||
|
.line-game-list li:nth-child(2n) {
|
||
|
border-right-width:0;
|
||
|
}
|
||
|
.line-game-list .main-wrap {
|
||
|
display:block;
|
||
|
width:100%;
|
||
|
height:44px;
|
||
|
padding:7px 10px;
|
||
|
border:solid #D5D7D7;
|
||
|
border-width:0 0 1px 0;
|
||
|
border-top:1px solid #FFF;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
-moz-box-sizing:border-box;
|
||
|
box-sizing:border-box;
|
||
|
}
|
||
|
|
||
|
.line-game-list li:first-child .main-wrap,
|
||
|
.line-game-list li:nth-child(2) .main-wrap {
|
||
|
border-top-width:0;
|
||
|
}
|
||
|
|
||
|
.game-icon {
|
||
|
width:60px;
|
||
|
height:60px;
|
||
|
border-radius:10px;
|
||
|
}
|
||
|
|
||
|
.game-icon-sm {
|
||
|
width:30px;
|
||
|
height:30px;
|
||
|
border-radius:5px;
|
||
|
}
|
||
|
.game-name {
|
||
|
line-height:30px;
|
||
|
}
|
||
|
|
||
|
.line-game-list .game-icon-sm {
|
||
|
margin-right:10px;
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
}
|
||
|
.line-game-list .game-name {
|
||
|
display:block;
|
||
|
line-height:30px;
|
||
|
height:30px;
|
||
|
overflow:hidden;
|
||
|
position:relative;
|
||
|
padding-right:10px;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
|
||
|
.more-wrap {
|
||
|
padding:8px 10px 10px;
|
||
|
border-top:1px solid #FFF;
|
||
|
border-bottom:1px solid #D5D7D7;
|
||
|
-webkit-box-shadow:0 1px 1px #FFF;
|
||
|
-moz-box-shadow:0 1px 1px #FFF;
|
||
|
box-shadow:0 1px 1px #FFF;
|
||
|
}
|
||
|
.btn-more,
|
||
|
.btn-gray,
|
||
|
.btn-nor-gray {
|
||
|
display:block;
|
||
|
text-align:center;
|
||
|
height:30px;
|
||
|
line-height:30px;
|
||
|
border:1px solid #CFCFCF;
|
||
|
border-radius:4px;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
background:#F2F2F2;
|
||
|
background:-moz-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F2F2F2));
|
||
|
background: -o-linear-gradient(top, #FFF 0%,#F2F2F2 100%);
|
||
|
background: -ms-linear-gradient(top, #FFF 0%,#F2F2F2 100%);
|
||
|
background: linear-gradient(to bottom, #FFF 0%,#F2F2F2 100%);
|
||
|
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
|
||
|
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
|
||
|
box-shadow:0 1px 1px rgba(0,0,0,.1);
|
||
|
}
|
||
|
|
||
|
.btn-nor-black,
|
||
|
.btn-nor-gray {
|
||
|
display:block;
|
||
|
height:26px;
|
||
|
line-height:26px;
|
||
|
border:1px solid #e0e0e0;
|
||
|
border-radius:2px;
|
||
|
font-size:12px;
|
||
|
}
|
||
|
.btn-nor-black {
|
||
|
background:#e0e0e0;
|
||
|
padding:0 8px;
|
||
|
}
|
||
|
.btn-nor-gray {
|
||
|
padding:0 14px;
|
||
|
border-color:#CFCFCF;
|
||
|
}
|
||
|
.btn-org,
|
||
|
.btn-black,
|
||
|
.btn-green,
|
||
|
.btn-blue {
|
||
|
display:block;
|
||
|
width:200px;
|
||
|
height:44px;
|
||
|
line-height:44px;
|
||
|
margin:10px auto 10px;
|
||
|
border-radius:3px;
|
||
|
font-size:30px;
|
||
|
cursor:pointer;
|
||
|
text-align:center;
|
||
|
color:#FFF;
|
||
|
}
|
||
|
.btn-org:visited,
|
||
|
.btn-black:visited,
|
||
|
.btn-green:visited,
|
||
|
.btn-blue:visited {
|
||
|
color:#FEFEFE;
|
||
|
}
|
||
|
.btn-org{
|
||
|
background:#ff7e00;
|
||
|
background:-moz-linear-gradient(top, #ff7e00 0%, #f60 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7e00), color-stop(100%,#f60));
|
||
|
background: -o-linear-gradient(top, #ff7e00 0%,#f60 100%);
|
||
|
background: -ms-linear-gradient(top, #ff7e00 0%,#f60 100%);
|
||
|
background: linear-gradient(to bottom, #ff7e00 0%,#f60 100%);
|
||
|
color:#fff;
|
||
|
text-shadow:0 1px 1px #ff1600;
|
||
|
}
|
||
|
|
||
|
.btn-black {
|
||
|
background:#c5c5c5;
|
||
|
background:-moz-linear-gradient(top, #c5c5c5 0%, #bebebe 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c5c5), color-stop(100%,#bebebe));
|
||
|
background: -o-linear-gradient(top, #c5c5c5 0%,#bebebe 100%);
|
||
|
background: -ms-linear-gradient(top, #c5c5c5 0%,#bebebe 100%);
|
||
|
background: linear-gradient(to bottom, #c5c5c5 0%,#bebebe 100%);
|
||
|
color: #767676;
|
||
|
text-shadow: 0 1px 1px #fff;
|
||
|
}
|
||
|
.btn-green {
|
||
|
background:#11c121;
|
||
|
background:-moz-linear-gradient(top, #11c121 0%, #21a524 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#11c121), color-stop(100%,#21a524));
|
||
|
background: -o-linear-gradient(top, #11c121 0%,#21a524 100%);
|
||
|
background: -ms-linear-gradient(top, #11c121 0%,#21a524 100%);
|
||
|
background: linear-gradient(to bottom, #11c121 0%,#21a524 100%);
|
||
|
text-shadow: 0 1px 1px rgba(0,0,0,.8);
|
||
|
}
|
||
|
.btn-blue {
|
||
|
background:#6598fb;
|
||
|
background:-moz-linear-gradient(top, #6598fb 0%, #4a81eb 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6598fb), color-stop(100%,#4a81eb));
|
||
|
background: -o-linear-gradient(top, #6598fb 0%,#4a81eb 100%);
|
||
|
background: -ms-linear-gradient(top, #6598fb 0%,#4a81eb 100%);
|
||
|
background: linear-gradient(to bottom, #6598fb 0%,#4a81eb 100%);
|
||
|
text-shadow: 0 1px 1px rgba(0,0,0,.8);
|
||
|
}
|
||
|
.btn-sm {
|
||
|
display:block;
|
||
|
height:19px;
|
||
|
width:19px;
|
||
|
}
|
||
|
|
||
|
.tab-title {
|
||
|
height:32px;
|
||
|
line-height:32px;
|
||
|
background:#DDD;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.tab-title-item {
|
||
|
display:block;
|
||
|
position:relative;
|
||
|
height:32px;
|
||
|
border-bottom:2px solid #C0C0C0;
|
||
|
color:#333;
|
||
|
font-size:16px;
|
||
|
font-weight:500;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
text-align:center;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.tab-title .on {
|
||
|
border-color:#F60;
|
||
|
}
|
||
|
.tab-title-item:after {
|
||
|
content:'|';
|
||
|
position:absolute;
|
||
|
right:-4px;
|
||
|
color:#B4B4B4;
|
||
|
}
|
||
|
.tab-title-item:visited:after {
|
||
|
color:#B5B5B5;
|
||
|
}
|
||
|
.tab-title-item:last-child:after {
|
||
|
content:'';
|
||
|
}
|
||
|
|
||
|
.num {
|
||
|
width:13px;
|
||
|
height:13px;
|
||
|
text-align:center;
|
||
|
line-height:13px;
|
||
|
font-size:12px;
|
||
|
color:#FFF;
|
||
|
margin:1px 10px 1px 0;
|
||
|
background-position:0 -13px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.game-rank-list .main-wrap {
|
||
|
height:15px;
|
||
|
line-height:15px;
|
||
|
padding:9px 10px;
|
||
|
border-top:1px solid #FFF;
|
||
|
border-bottom:1px solid #D5D7D7;
|
||
|
position:relative;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.game-rank-list li:first-child .main-wrap {
|
||
|
border-top:none;
|
||
|
}
|
||
|
.game-rank-list li:first-child .num,
|
||
|
.game-rank-list li:nth-child(2) .num,
|
||
|
.game-rank-list li:nth-child(3) .num {
|
||
|
background-position:0 0;
|
||
|
}
|
||
|
|
||
|
.game-send-list li .num{
|
||
|
margin-top:8px;
|
||
|
}
|
||
|
.game-send-list li:first-child .num,
|
||
|
.game-send-list li:nth-child(2) .num,
|
||
|
.game-send-list li:nth-child(3) .num {
|
||
|
background-position:0 0;
|
||
|
}
|
||
|
.game-rank-list .num,
|
||
|
.game-rank-list .oth {
|
||
|
display:block;
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
}
|
||
|
.game-rank-list .game-title {
|
||
|
display:block;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.game-rank-list .game-oth {
|
||
|
margin-right:13px;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
}
|
||
|
.game-rank-list .main-wrap:after {
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
right:10px;
|
||
|
top:12px;
|
||
|
display:block;
|
||
|
width:8px;
|
||
|
height:11px;
|
||
|
background-position:0 -26px;
|
||
|
}
|
||
|
.game-rank-list .main-wrap:visited .num {
|
||
|
color:#FEFEFE;
|
||
|
}
|
||
|
.game-rank-list .main-wrap:visited .game-oth {
|
||
|
color:#9A9A9A;
|
||
|
}
|
||
|
.game-rank-list .main-wrap:visited .c-org {
|
||
|
color:#FE6600!important;
|
||
|
}
|
||
|
|
||
|
.second-nav {
|
||
|
background:#E5E5E5;
|
||
|
height:34px;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.second-nav-item {
|
||
|
display:block;
|
||
|
height:33px;
|
||
|
line-height:33px;
|
||
|
border:solid #C4C4C4;
|
||
|
border-width:0 1px 1px 0;
|
||
|
text-align:center;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.second-nav-item:last-child {
|
||
|
border-right-width:0;
|
||
|
}
|
||
|
.second-nav .on {
|
||
|
background:#F2F2F2;
|
||
|
border-bottom-color:#F2F2F2;
|
||
|
}
|
||
|
|
||
|
.game-send-list .main-wrap {
|
||
|
line-height:15px;
|
||
|
padding:10px;
|
||
|
border-top:1px solid #FFF;
|
||
|
border-bottom:1px solid #D5D7D7;
|
||
|
position:relative;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.game-send-list .main-wrap:after {
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
right:10px;
|
||
|
top:20px;
|
||
|
display:block;
|
||
|
width:8px;
|
||
|
height:11px;
|
||
|
background-position:0 -26px;
|
||
|
}
|
||
|
.game-send-list li:first-child .main-wrap {
|
||
|
border-top:none;
|
||
|
}
|
||
|
.game-send-list .game-icon-sm,
|
||
|
.game-send-list .btn-sm {
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
}
|
||
|
.game-send-list .game-icon-sm {
|
||
|
margin-right:10px;
|
||
|
}
|
||
|
.game-send-list .content {
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
|
||
|
|
||
|
.game-send-list .btn-sm {
|
||
|
margin:6px 15px 6px 10px;
|
||
|
}
|
||
|
.game-send-list .game-title {
|
||
|
margin-top:-3px;
|
||
|
}
|
||
|
.game-send-list .game-oth {
|
||
|
margin-top:3px;
|
||
|
}
|
||
|
|
||
|
.game-send-list .main-wrap:visited .btn-sm {
|
||
|
color:#FEFEFE;
|
||
|
}
|
||
|
.game-send-list .main-wrap:visited .game-oth {
|
||
|
color:#9A9A9A;
|
||
|
}
|
||
|
.game-send-list .main-wrap:visited .c-org {
|
||
|
color:#FE6600!important;
|
||
|
}
|
||
|
.game-send-list-box .main-wrap:after {
|
||
|
display:none;
|
||
|
}
|
||
|
.game-send-list-box li {
|
||
|
position:relative;
|
||
|
}
|
||
|
.game-send-list-box .btn-nor-gray,
|
||
|
.game-send-list-box .btn-nor-black{
|
||
|
position:absolute;
|
||
|
top:12px;
|
||
|
right:10px;
|
||
|
}
|
||
|
|
||
|
.search-wrap {
|
||
|
padding:10px;
|
||
|
|
||
|
|
||
|
}
|
||
|
.flex-input {
|
||
|
position:relative;/*add 1211*/
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.flex-input .input-text,
|
||
|
.flex-input .btn {
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.input-text {
|
||
|
display:block;
|
||
|
height:28px;
|
||
|
line-height:28px;
|
||
|
padding:0 10px;
|
||
|
color:#999;
|
||
|
background:#FFF;
|
||
|
border:1px solid #BBB;
|
||
|
border-radius:2px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
-moz-box-sizing:border-box;
|
||
|
box-sizing:border-box;
|
||
|
-webkit-box-shadow:inset 0 1px 2px rgba(159,159,159,.6);
|
||
|
-moz-box-shadow:inset 0 1px 2px rgba(159,159,159,.6);
|
||
|
box-shadow:inset 0 1px 2px rgba(159,159,159,.6);
|
||
|
font-size:14px;
|
||
|
}
|
||
|
.flex-input .input-text {
|
||
|
margin-right:8px;
|
||
|
}
|
||
|
.flex-input .btn-gray {
|
||
|
width:56px;
|
||
|
height:28px;
|
||
|
border-radius:2px;
|
||
|
line-height:24px;
|
||
|
border:1px solid #cfcfcf;
|
||
|
}
|
||
|
.hot-words {
|
||
|
padding:14px 0 0;
|
||
|
font-size:12px;
|
||
|
}
|
||
|
.hot-words .link {
|
||
|
color:#0050b4;
|
||
|
margin-right:12px;
|
||
|
}
|
||
|
.hot-words .link:last-child {
|
||
|
margin-right:0;
|
||
|
}
|
||
|
.hot-words .link:visited {
|
||
|
color:#0051B3;
|
||
|
}
|
||
|
|
||
|
.bottom-bar {
|
||
|
background:#DDD;
|
||
|
height:40px;
|
||
|
line-height:40px;
|
||
|
text-shadow:0 1px rgba(256,256,256,.8);
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.bottom-bar-item {
|
||
|
display:block;
|
||
|
text-align:center;
|
||
|
vertical-align:middle;
|
||
|
color:#666;
|
||
|
position:relative;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.bottom-bar-item:after {
|
||
|
content:'|';
|
||
|
display:block;
|
||
|
position:absolute;
|
||
|
right:-4px;
|
||
|
top:0px;
|
||
|
color:#D2D2D2;
|
||
|
text-shadow:1px 1px rgba(256,256,256,.4);
|
||
|
}
|
||
|
.bottom-bar-item:last-child:after {
|
||
|
content:'';
|
||
|
}
|
||
|
.bottom-bar-item:visited:after {
|
||
|
color:#D3D3D3;
|
||
|
}
|
||
|
|
||
|
.footer {
|
||
|
text-align:center;
|
||
|
color:#B5B5B5;
|
||
|
font-size:10px;
|
||
|
line-height:20px;
|
||
|
padding-bottom:10px;
|
||
|
-webkit-text-size-adjust:none;
|
||
|
}
|
||
|
.footer-map {
|
||
|
font-size:14px;
|
||
|
line-height:35px;
|
||
|
}
|
||
|
.footer .link {
|
||
|
color:#666;
|
||
|
margin:0 10px;
|
||
|
}
|
||
|
.footer .link:visited {
|
||
|
color:#676767;
|
||
|
}
|
||
|
.footer .link:first-child {
|
||
|
margin-left:0;
|
||
|
}
|
||
|
.footer .link:last-child {
|
||
|
margin-right:0;
|
||
|
}
|
||
|
.home-icon,
|
||
|
.top-icon {
|
||
|
height:17px;
|
||
|
vertical-align:middle;
|
||
|
}
|
||
|
.home-icon {
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.top-icon {
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
|
||
|
.game_page {
|
||
|
text-align:center;
|
||
|
padding:11px 10px;
|
||
|
border-bottom:1px solid #d5d7d7;
|
||
|
border-top:1px solid #FFF;
|
||
|
}
|
||
|
.game_page_bar {
|
||
|
border:1px solid #a4a4a4;
|
||
|
height:26px;
|
||
|
background:#F2F2F2;
|
||
|
background:-moz-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F2F2F2));
|
||
|
background: -o-linear-gradient(top, #FFF 0%,#F2F2F2 100%);
|
||
|
background: -ms-linear-gradient(top, #FFF 0%,#F2F2F2 100%);
|
||
|
background: linear-gradient(to bottom, #FFF 0%,#F2F2F2 100%);
|
||
|
position:relative;
|
||
|
line-height:26px;
|
||
|
text-shadow:1px 1px #fff;
|
||
|
border-radius:3px;
|
||
|
padding:0 30px;
|
||
|
}
|
||
|
.game_page_bar .game_page_bar_left,
|
||
|
.game_page_bar .game_page_bar_left_gray,
|
||
|
.game_page_bar .game_page_bar_right,
|
||
|
.game_page_bar .game_page_bar_right_gray {
|
||
|
width: 30px;
|
||
|
background-image: url(../images/flip.png);
|
||
|
background-repeat: no-repeat;
|
||
|
display: block;
|
||
|
height: 26px;
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
}
|
||
|
.game_page_bar .game_page_bar_left {
|
||
|
background-position:-30px 0px;
|
||
|
border-right: 1px solid #A4A4A4;
|
||
|
left:0;
|
||
|
}
|
||
|
.game_page_bar .game_page_bar_left_gray {
|
||
|
background-position:0px 0px;
|
||
|
border-right: 1px solid #A4A4A4;
|
||
|
left:0;
|
||
|
}
|
||
|
.game_page_bar .game_page_bar_right {
|
||
|
background-position:-30px -26px;
|
||
|
border-left: 1px solid #A4A4A4;
|
||
|
right:0;
|
||
|
}
|
||
|
|
||
|
.game_page_bar .game_page_bar_right_gray {
|
||
|
background-position:0px -26px;
|
||
|
border-left:1px solid #A4A4A4;
|
||
|
right:0;
|
||
|
}
|
||
|
.game_page_bar .game_page_bar_left a,
|
||
|
.game_page_bar .game_page_bar_right a {
|
||
|
width:100%;
|
||
|
height:26px;
|
||
|
display:block;
|
||
|
}
|
||
|
.game_page_bar .game_page_ul li {
|
||
|
width:33.33%;
|
||
|
height:26px;
|
||
|
overflow:hidden;
|
||
|
display:block;
|
||
|
float:left;
|
||
|
border-right:1px solid #a4a4a4;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
color:#999;
|
||
|
}
|
||
|
.game_page_bar .game_page_ul li:last-child {
|
||
|
border:0;
|
||
|
}
|
||
|
|
||
|
.game_page_bar .game_page_ul .game_pages {
|
||
|
background:#f7f7f7;
|
||
|
background:-moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
|
||
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
|
||
|
background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
|
||
|
background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
|
||
|
background: linear-gradient(to bottom, #f7f7f7 0%,#e4e4e4 100%);
|
||
|
}
|
||
|
.game_page_bar .game_pages .game_page_num {
|
||
|
width:84%;
|
||
|
padding:0 2px;
|
||
|
text-align:center;
|
||
|
line-height:20px;
|
||
|
height:20px;
|
||
|
font-size:14px;
|
||
|
margin:2px auto;
|
||
|
-webkit-border-radius:3px;
|
||
|
border:1px solid #a4a4a4;
|
||
|
display:block;
|
||
|
}
|
||
|
|
||
|
|
||
|
.tab_wrap .tab_wrap_item {
|
||
|
display:none;
|
||
|
}
|
||
|
.tab_wrap .tab_wrap_item:first-child {
|
||
|
display:block;
|
||
|
}
|
||
|
|
||
|
.bread{
|
||
|
line-height:30px;
|
||
|
padding:0 10px;
|
||
|
font-size:14px;
|
||
|
color:#999;
|
||
|
border-bottom:1px solid #d5d7d7;
|
||
|
text-shadow:0 1px 1px rgba(255,255,255,1);
|
||
|
}
|
||
|
.bread .link {
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.bread .link:after {
|
||
|
content:'>';
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.posts {
|
||
|
line-height:28px;
|
||
|
padding:8px 10px;
|
||
|
border-top:1px solid rgba(256,256,256,.7);
|
||
|
border-bottom:1px solid #d7d7d7;
|
||
|
-webkit-box-shadow:0 1px 1px rgba(256,256,256,.7);
|
||
|
-moz-box-shadow:0 1px 1px rgba(256,256,256,.7);
|
||
|
box-shadow:0 1px 1px rgba(256,256,256,.7);
|
||
|
}
|
||
|
|
||
|
.posts a {
|
||
|
color:#0050b4;
|
||
|
}
|
||
|
.posts a:visited {
|
||
|
color:#0051B3;
|
||
|
}
|
||
|
.posts .map .link {
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.posts .map .link:after {
|
||
|
content:'|';
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
.posts .map .link:last-child:after {
|
||
|
content:'';
|
||
|
}
|
||
|
|
||
|
.activity-wrap {
|
||
|
padding:10px;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.activity-wrap .game-icon {
|
||
|
margin-right:10px;
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
}
|
||
|
.activity-wrap .content {
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.activity-wrap .btn-gray {
|
||
|
margin-top:5px;
|
||
|
display:inline-block;
|
||
|
padding:0 21px;
|
||
|
font-size:13px;
|
||
|
}
|
||
|
.activity-wrap .game-title {
|
||
|
font-size:14px;
|
||
|
line-height:18px;
|
||
|
}
|
||
|
.activity-wrap .game-oth {
|
||
|
font-size:15px;
|
||
|
}
|
||
|
.posts .activity-wrap {
|
||
|
padding:0 0 10px 0;
|
||
|
}
|
||
|
.posts .activity-wrap a {
|
||
|
color:#333;
|
||
|
}
|
||
|
|
||
|
.posts .activity-wrap .link{
|
||
|
color:#0051B3;
|
||
|
}
|
||
|
|
||
|
.posts .btn-org,
|
||
|
.posts .btn-green,
|
||
|
.posts .btn-blue {
|
||
|
color:#FFF;
|
||
|
}
|
||
|
.posts .btn-org:visited ,
|
||
|
.posts .btn-green:visited ,
|
||
|
.posts .btn-blue:visited {
|
||
|
color:#fefefe;
|
||
|
}
|
||
|
.posts .btn-black {
|
||
|
color:#767676;
|
||
|
}
|
||
|
.posts .btn-black:visited {
|
||
|
color:#757575;
|
||
|
}
|
||
|
|
||
|
.show-info,
|
||
|
.icon-info {
|
||
|
color:#333;
|
||
|
line-height:20px;
|
||
|
padding-bottom:5px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.show-form {
|
||
|
padding-bottom:10px;
|
||
|
}
|
||
|
|
||
|
.icon-prompt {
|
||
|
display:block;
|
||
|
width:17px;
|
||
|
height:17px;
|
||
|
}
|
||
|
.show-info .icon-prompt {
|
||
|
margin:2px 5px 0 0;
|
||
|
}
|
||
|
.icon-info {
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.icon-info .icon-prompt {
|
||
|
margin:2px 5px 0 0;
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
}
|
||
|
.icon-info p {
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
|
||
|
.form-list .input-text {
|
||
|
width:100%;
|
||
|
}
|
||
|
.form-list .btn-wrap {
|
||
|
padding:10px 0;
|
||
|
}
|
||
|
.form-list .btn-gray {
|
||
|
margin-left:0px;
|
||
|
height:28px;
|
||
|
line-height:28px;
|
||
|
border-radius:2px;
|
||
|
padding:0 30px;
|
||
|
}
|
||
|
|
||
|
.game-rank-list .btn-sm {
|
||
|
margin-right:15px;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
add by:lilh3###20130620;
|
||
|
describe:流程图;
|
||
|
*/
|
||
|
.flow-bar{
|
||
|
padding:10px;
|
||
|
border-bottom:1px solid #d5d7d7;
|
||
|
display:-webkit-box;
|
||
|
}
|
||
|
.flow-x{
|
||
|
height:28px;
|
||
|
line-height:28px;
|
||
|
/*padding:0 9px;*/
|
||
|
-webkit-box-flex:1;
|
||
|
text-align:center;
|
||
|
position:relative;
|
||
|
color:#333;
|
||
|
background:#eaeaea;
|
||
|
border:1px solid #cfcfcf;
|
||
|
border-left:none;
|
||
|
border-right:none;
|
||
|
/*box-shadow:0 1px 1px rgba(0,0,0,.1);*/
|
||
|
font-size:14px;
|
||
|
}
|
||
|
.flow-x:first-child{
|
||
|
border-left:1px solid #cfcfcf;
|
||
|
}
|
||
|
.flow-x:after{
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
width:10px;
|
||
|
height:30px;
|
||
|
background:url(../images/prot.png) no-repeat;
|
||
|
background-size:10px 30px;
|
||
|
top:-1px;
|
||
|
right:-9px;
|
||
|
z-index:9;
|
||
|
}
|
||
|
.flow-num{
|
||
|
width:16px;
|
||
|
height:16px;
|
||
|
border-radius:10px;
|
||
|
/*background:#c0c0c0;*/
|
||
|
text-align:center;
|
||
|
line-height:16px;
|
||
|
color:#333;
|
||
|
display:inline-block;
|
||
|
margin-right:3px;
|
||
|
margin-left:13px;
|
||
|
font-size:14px;
|
||
|
}
|
||
|
.flow-x:first-child .flow-num{
|
||
|
margin-left:0;
|
||
|
}
|
||
|
.search-wrap.in-top{
|
||
|
padding-top:0;
|
||
|
}
|
||
|
|
||
|
/*0131 huanghm*/
|
||
|
.flop_ico {position: absolute;display: block;width: auto;line-height: 13px;text-align: center;background: -webkit-gradient(linear,left top,left bottom,from(#f6a4a8),to(#c60103));border: 2px solid white;border-radius: 10px;font-size: 10px;color: white;-webkit-text-size-adjust: none;padding: 0 4px;font-style: normal;text-shadow: 0 0px rgba(0, 0, 0, 1);top: -11px;right: -25px;font-weight: 600;}
|
||
|
.flop_dot {position: absolute;display: block;width: auto;text-align: center;background: #d88714;border-radius: 2px;padding:4px;top: -6px;right: -8px;background: -webkit-gradient(linear,left top,left bottom,from(#ffa800),to(#e98a00));}
|
||
|
.index-nav a em{position: relative;}
|
||
|
/*end 0131 huanghm*/
|
||
|
.btnBox{
|
||
|
padding:10px;
|
||
|
display:-webkit-box;
|
||
|
border-bottom:1px solid #d5d7d7;
|
||
|
}
|
||
|
/*guanwq ###30130826*/
|
||
|
.btnBox a,
|
||
|
.btnBox a:visited{
|
||
|
-webkit-box-flex:1;
|
||
|
text-align:center;
|
||
|
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
|
||
|
border-radius:3px;
|
||
|
height:33px;
|
||
|
line-height:33px;
|
||
|
border:1px solid #bbb;
|
||
|
display:block;
|
||
|
font-size:15px;
|
||
|
margin-right:5px;
|
||
|
-webkit-box-sizing:border-box; color:#333;
|
||
|
}
|
||
|
.btnBox a.current{
|
||
|
background:-webkit-gradient(linear, left top, left bottom, from(#ff7e00), to(#ff6600));
|
||
|
border:1px solid #f60;
|
||
|
color:#fff;
|
||
|
}
|
||
|
.btnBox a:last-child{
|
||
|
margin-right:0;
|
||
|
}
|
||
|
.btnBox .high{
|
||
|
color:#00a808;
|
||
|
text-shadow:1px 1px rgba(255,255,255,.7);
|
||
|
}
|
||
|
.btnBox .high:visited{
|
||
|
color:#00a808;
|
||
|
}
|
||
|
.btnBox .c-gray:visited{
|
||
|
color:#999;
|
||
|
}
|
||
|
.info-troduce{
|
||
|
font-size:12px;
|
||
|
color:#999;
|
||
|
line-height:20px;
|
||
|
}
|
||
|
.green-btn{
|
||
|
width:75px;
|
||
|
height:23.5px;
|
||
|
line-height:23px;
|
||
|
font-size:14px;
|
||
|
background:url(../images/green-btn.png);
|
||
|
background-size:75px 23.5px;
|
||
|
text-align:center;
|
||
|
text-shadow:1px 1px rgba(108,183,0,0.7);
|
||
|
color:#fff;
|
||
|
display:block;
|
||
|
}
|
||
|
.mini-btn{
|
||
|
width:75px;
|
||
|
height:23px;
|
||
|
line-height:23px;
|
||
|
font-size:14px;
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
display:block;
|
||
|
text-align: center;
|
||
|
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
|
||
|
border-radius: 3px;
|
||
|
border: 1px solid #bbb;
|
||
|
display: block;
|
||
|
}
|
||
|
.green-btn:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.activity-wrap .green-btn{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.activity-wrap .green-btn:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.activity-wrap .flex-input .btn-gray{
|
||
|
margin-top:-5px;
|
||
|
display:inline-block;
|
||
|
padding:0;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
line-height:28px;
|
||
|
}
|
||
|
.in-title{
|
||
|
float:left;
|
||
|
margin-right:3px;
|
||
|
}
|
||
|
.mart10{
|
||
|
margin-top:10px;
|
||
|
}
|
||
|
.list-key li{
|
||
|
padding:7px 10px;
|
||
|
border-bottom:1px solid #d5d7d7;
|
||
|
border-top:1px solid #fff;
|
||
|
position:relative;
|
||
|
}
|
||
|
.list-key li:first-child{
|
||
|
border-top:none;
|
||
|
}
|
||
|
.list-key li .key-state{
|
||
|
font-size:14px;
|
||
|
color:#333;
|
||
|
margin-bottom:5px;
|
||
|
}
|
||
|
.list-key li .c-gray{
|
||
|
margin-bottom:3px;
|
||
|
}
|
||
|
.list-key li .input-box{
|
||
|
color:#999;
|
||
|
line-height:28px;
|
||
|
margin-top:4px;
|
||
|
margin-bottom:3px;
|
||
|
}
|
||
|
.list-key li .input-box .in-title{
|
||
|
color:#666;
|
||
|
}
|
||
|
.list-key li .input-text{
|
||
|
line-height:28px;
|
||
|
padding:0 10px;
|
||
|
}
|
||
|
.list-key li .btn-gray{
|
||
|
font-size:14px;
|
||
|
}
|
||
|
.list-key li .btns{
|
||
|
height:100%;
|
||
|
display:-webkit-box;
|
||
|
display:box;
|
||
|
-webkit-box-align:end;
|
||
|
-webkit-box-pack:center;
|
||
|
position:absolute;
|
||
|
right:10px;
|
||
|
bottom:5px;
|
||
|
}
|
||
|
.btns .btn-gray{
|
||
|
padding:0 14px;
|
||
|
border-radius:2px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
font-family:"\5B8B\4F53";
|
||
|
|
||
|
height:28px;
|
||
|
line-height:28px;
|
||
|
}
|
||
|
.btns .dgrey-btn{
|
||
|
font-family:"\5B8B\4F53";
|
||
|
font-size:14px;
|
||
|
padding:0 8.5px;
|
||
|
}
|
||
|
.btns .btn100{
|
||
|
width:100px;
|
||
|
padding:0;
|
||
|
}
|
||
|
.dgrey-btn{
|
||
|
height:28px;
|
||
|
line-height:28px;
|
||
|
color:#666;
|
||
|
display:block;
|
||
|
text-align:center;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
background:#e0e0e0;
|
||
|
border-radius:2px;
|
||
|
}
|
||
|
.ico-fiexdv,.ico-fiexdh{
|
||
|
width:48px;
|
||
|
height:48px;
|
||
|
background:url(../images/fixedv.png);
|
||
|
background-size:48px 48px;
|
||
|
position:fixed;
|
||
|
right:0;
|
||
|
bottom:20px;
|
||
|
z-index:99;
|
||
|
display:block;
|
||
|
}
|
||
|
.ico-fiexdh{
|
||
|
width:100px;
|
||
|
height:37px;
|
||
|
background:url(../images/fixedh.png);
|
||
|
background-size:100px 37px;
|
||
|
}
|
||
|
/* 公会批量领取 按钮的居中显示 add by 伟全 */
|
||
|
.get-link{ text-align:center;}
|
||
|
|
||
|
/*==公告热门信息==*/
|
||
|
.hot-news-con{border-top: 1px solid #FFF;
|
||
|
border-bottom: 1px solid #D5D7D7;
|
||
|
-webkit-box-shadow: 0 1px 1px #FFF;
|
||
|
-moz-box-shadow: 0 1px 1px #FFF;
|
||
|
box-shadow: 0 1px 1px #FFF; padding:8px 12px; height:20px; }
|
||
|
.hot-news{ height:20px; overflow:hidden;}
|
||
|
.hot-news li a{ padding-left:28px; background:url(../images/hot.png) no-repeat 0 1px; line-height:20px;}
|
||
|
/*add by guanwq ### 20130823*/
|
||
|
.activity-wrap-game .btn-control a{ width:75px; float:left; margin-right:10px;}
|
||
|
.posts .myphone,
|
||
|
.posts .myinfo{ padding:5px 5px 5px 20px;}
|
||
|
.posts .btnBox a{ color:#333;}
|
||
|
.posts .btnBox { border:none;}
|
||
|
.posts .flex-input{ margin-bottom:6px;}
|
||
|
.activity-wrap .btn a{ line-height:26px; height:26px;padding: 0 10px;}
|
||
|
|
||
|
|
||
|
/* add by wuwl ###0813 */
|
||
|
.flex-infoform {
|
||
|
margin:10px 0;
|
||
|
display:-webkit-box;
|
||
|
display:-moz-box;
|
||
|
display:box;
|
||
|
}
|
||
|
.flex-infoform .in-title,
|
||
|
.flex-infoform .flex-input {
|
||
|
float:none;
|
||
|
-webkit-box-flex:1;
|
||
|
-moz-box-flex:1;
|
||
|
box-flex:1;
|
||
|
}
|
||
|
.flex-infoform .in-title {
|
||
|
display:block;
|
||
|
width:70px;
|
||
|
font-size:13px;
|
||
|
text-align:right;
|
||
|
-webkit-box-flex:0;
|
||
|
-moz-box-flex:0;
|
||
|
box-flex:0;
|
||
|
|
||
|
}
|
||
|
|
||
|
.activity-wrap .green-btn {
|
||
|
color:#fff!important;
|
||
|
}
|
||
|
.activity-wrap .green-btn:visited{
|
||
|
color:#FEFEFE;
|
||
|
}
|
||
|
.ico-fiexdv {
|
||
|
left:5px;
|
||
|
}
|
||
|
.game-oth.dateil-oth{
|
||
|
font-size:16px;
|
||
|
text-align:center;
|
||
|
}
|
||
|
/**add by 0923**/
|
||
|
.yel-prmopt{
|
||
|
background:#ffeeca;
|
||
|
border:1px solid #fdce83;
|
||
|
font-size:14px;
|
||
|
color:#666;
|
||
|
vertical-align:middle;
|
||
|
line-height:25px;
|
||
|
display:-webkit-box;
|
||
|
padding:10px 5px;
|
||
|
margin-bottom:8px;
|
||
|
}
|
||
|
|
||
|
.yel-prmopt .icon-prompt{
|
||
|
-webkit-box-flex:0;
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.yel-prmopt .prmopt-info{
|
||
|
-webkit-box-flex:1;
|
||
|
margin-top:-4px;
|
||
|
}
|
||
|
.prmopt-info a.btn-gray{
|
||
|
height:24px;
|
||
|
line-height:22px;
|
||
|
display:inline-block;
|
||
|
padding:0 10px;
|
||
|
font-size:12px;
|
||
|
color:#333;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
border-radius:3px;
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
.phone-verif{
|
||
|
line-height:24px;
|
||
|
color:#999;
|
||
|
}
|
||
|
.phone-input{
|
||
|
width:82%;
|
||
|
height:24px;
|
||
|
line-height:24px;
|
||
|
padding:0 5px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
background:#fff;
|
||
|
border:1px solid #bbb;
|
||
|
border-radius:2px;
|
||
|
vertical-align:middle;
|
||
|
}
|
||
|
.verif-num{
|
||
|
width:52%;
|
||
|
height:24px;
|
||
|
line-height:24px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
background:#fff;
|
||
|
border:1px solid #bbb;
|
||
|
border-radius:2px;
|
||
|
vertical-align:middle;
|
||
|
padding:0 5px;
|
||
|
}
|
||
|
.verif-btn,
|
||
|
.verifGray-btn{
|
||
|
width:85px;
|
||
|
height:25px;
|
||
|
line-height:25px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
border:1px solid #cfcfcf;
|
||
|
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
|
||
|
box-shadow:0 1px 1px rgba(0,0,0,.1);
|
||
|
vertical-align:middle;
|
||
|
display:inline-block;
|
||
|
font-size:12px;
|
||
|
color:#666;
|
||
|
border-radius:2px;
|
||
|
text-align:center;
|
||
|
margin-left:1px;
|
||
|
|
||
|
}
|
||
|
.verifGray-btn{
|
||
|
color:#666;
|
||
|
background:#e0e0e0;
|
||
|
border:none;
|
||
|
}
|
||
|
.verif-error{
|
||
|
color:#f60;
|
||
|
margin-left:60px;
|
||
|
}
|
||
|
.phone-verif a.verif-btn{
|
||
|
color:#666;
|
||
|
}
|
||
|
.phone-verif a.verifGray-btn:visited{
|
||
|
color:#666;
|
||
|
}
|
||
|
.phone-box{
|
||
|
margin-bottom:5px;
|
||
|
}
|
||
|
.verif-submit{
|
||
|
display:-webkit-box;
|
||
|
margin:10px 0 5px;
|
||
|
}
|
||
|
.verif-submit a{
|
||
|
height:30px;
|
||
|
line-height:30px;
|
||
|
-webkit-box-flex:1;
|
||
|
box-shadow:0 1px 1px rgba(0,0,0,.1);
|
||
|
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
|
||
|
-webkit-box-sizing:border-box;
|
||
|
color:#333;
|
||
|
text-align:center;
|
||
|
display:block;
|
||
|
border-radius:2px;
|
||
|
border:1px solid #cfcfcf;
|
||
|
}
|
||
|
.verif-submit a:visited{
|
||
|
color:#333;
|
||
|
}
|
||
|
.verif-submit a:last-child{
|
||
|
margin-left:5px;
|
||
|
}
|
||
|
.verif-submit a.currte{
|
||
|
background:-webkit-gradient(linear,left top,left bottom,from(#fe952e),to(#f60));
|
||
|
color:#fff;
|
||
|
border:1px solid #e65e00;
|
||
|
}
|
||
|
.verif-submit a.currte:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.prmptg-btn{
|
||
|
width:43px;
|
||
|
height:23px;
|
||
|
line-height:20px;
|
||
|
border:1px solid #479e28;
|
||
|
background:-webkit-gradient(linear,left top,left bottom,from(#7cca5a),to(#56a537));
|
||
|
box-shadow:0 1px 1px rgba(0,0,0,.2);
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
display:inline-block;
|
||
|
border-radius:2px;
|
||
|
}
|
||
|
.prmopt-info .prmptg-btn{
|
||
|
margin:-2px 5px 0;
|
||
|
}
|
||
|
.prmopt-info .prmptg-btn:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.qq-ico,
|
||
|
.sina-ico,
|
||
|
.zhi-ico{
|
||
|
width:23px;
|
||
|
height:21px;
|
||
|
background:url(../images/prmpot-ico_t.png) no-repeat 0 0;
|
||
|
background-size:23px 64px;
|
||
|
display:inline-block;
|
||
|
vertical-align:middle;
|
||
|
}
|
||
|
.prmopt-info .qq-ico,
|
||
|
.prmopt-info .sina-ico,
|
||
|
.prmopt-info .zhi-ico{
|
||
|
margin:0 2.5px;
|
||
|
}
|
||
|
.sina-ico{
|
||
|
background-position:0 -21.5px;
|
||
|
}
|
||
|
.zhi-ico{
|
||
|
background-position:0 -43px;
|
||
|
}
|
||
|
.login-none{
|
||
|
margin:0 40px;
|
||
|
color:#999;
|
||
|
text-align:center;
|
||
|
font-size:12px;
|
||
|
}
|
||
|
.green-btnBig{
|
||
|
height:30px;
|
||
|
line-height:30px;
|
||
|
border:1px solid #479e28;
|
||
|
background:-webkit-gradient(linear,left top,left bottom,from(#7cca5a),to(#56a537));
|
||
|
box-shadow:0 1px 1px rgba(0,0,0,.2);
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
display:inline-block;
|
||
|
border-radius:2px;
|
||
|
width:100%;
|
||
|
font-size:12px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
}
|
||
|
.green-btnBig:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.login-none .green-btnBig{
|
||
|
margin:10px 0;
|
||
|
}
|
||
|
.login-none a.green-btnBig:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
.way-qq,
|
||
|
.way-sina,
|
||
|
.way-zhi{
|
||
|
width:69px;
|
||
|
height:30px;
|
||
|
display:inline-block;
|
||
|
background:url(../images/way-ico_t.png) no-repeat 0 0;
|
||
|
background-size:69px 91px;
|
||
|
}
|
||
|
.way-sina{
|
||
|
background-position:0 -30.5px;
|
||
|
margin:0 2px;
|
||
|
width:69px;
|
||
|
height:31px;
|
||
|
}
|
||
|
.way-zhi{
|
||
|
background-position:0 -61px;
|
||
|
width:70px;
|
||
|
height:31px;
|
||
|
}
|
||
|
.Magen .phone-input{
|
||
|
width:77.6%;
|
||
|
}
|
||
|
/* add by wuwl ###1028 for 标题链接添加 */
|
||
|
.normal-title .aside-link {
|
||
|
float:right;
|
||
|
font-size:12px;
|
||
|
margin-right:10px;
|
||
|
color:#666;
|
||
|
}
|
||
|
/*-ad-*/
|
||
|
.fad-box{
|
||
|
width:100%;
|
||
|
height:32.5px;
|
||
|
display:block;
|
||
|
text-align:center;
|
||
|
background:#ffd966;
|
||
|
border-bottom:1px solid #ececec;
|
||
|
}
|
||
|
.fad-box .ad{
|
||
|
width:320px;
|
||
|
height:32.5px;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.input-close{
|
||
|
width:23px;
|
||
|
height:18px;
|
||
|
background:url(../images/so-clear.png) no-repeat;
|
||
|
background-size:23px auto;
|
||
|
position:absolute;
|
||
|
top:5px;
|
||
|
right:67px;
|
||
|
display:none;
|
||
|
}
|
||
|
.user-way{
|
||
|
color:#999;
|
||
|
position:relative;
|
||
|
line-height:30px;
|
||
|
padding:2px 0;
|
||
|
font-size:12px;
|
||
|
}
|
||
|
.user-way .btn-gray{
|
||
|
width:80px;
|
||
|
position:absolute;
|
||
|
top:2px;
|
||
|
right:0px;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
text-align:center;
|
||
|
}
|
||
|
.list-key .red{
|
||
|
font-size:12px;
|
||
|
}
|
||
|
.online-title{
|
||
|
font-size:15px;
|
||
|
color:#333;
|
||
|
margin-bottom:5px;
|
||
|
}
|
||
|
.online-title a{
|
||
|
display:block;
|
||
|
}
|
||
|
.app-list{
|
||
|
margin:0 10px 10px;
|
||
|
}
|
||
|
.app-list ul{
|
||
|
text-align:center;
|
||
|
clear:both;
|
||
|
zoom:1;
|
||
|
margin-left:-10px;
|
||
|
}
|
||
|
.app-list ul:after{
|
||
|
visibility:hidden;
|
||
|
display:block;
|
||
|
font-size:0;
|
||
|
content:"";
|
||
|
clear:both;
|
||
|
height:0;
|
||
|
}
|
||
|
.app-list li{
|
||
|
width:30%;
|
||
|
float:left;
|
||
|
padding-top:10px;
|
||
|
margin-left:10px;
|
||
|
}
|
||
|
.app-list a{
|
||
|
display:block;
|
||
|
}
|
||
|
.app-list li .ico-normal{
|
||
|
width:60px;
|
||
|
height:60px;
|
||
|
border-radius:10px;
|
||
|
}
|
||
|
.app-list li p{
|
||
|
margin: 0 auto;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
a.tao-online{
|
||
|
width:85px;
|
||
|
height: 33px;
|
||
|
display: block;
|
||
|
margin:0 auto;
|
||
|
background:-webkit-gradient(linear, left top, left bottom, from(#ff7e00), to(#f60));
|
||
|
-webkit-box-sizing: border-box;
|
||
|
border-radius: 3px;
|
||
|
line-height: 33px;
|
||
|
text-align: center;
|
||
|
font-size: 15px;
|
||
|
color: #fff;
|
||
|
}
|
||
|
a.tao-online:visited{
|
||
|
color:#fff;
|
||
|
}
|
||
|
a.anchor{
|
||
|
margin-top:15px;
|
||
|
display:block;
|
||
|
color:#333;
|
||
|
font-weight:700;
|
||
|
}
|
||
|
a.anchor:visited{
|
||
|
color:#3c3c3c
|
||
|
}
|