User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
(未显示同一用户的1个中间版本) | |||
第1行: | 第1行: | ||
/*隐藏首页标题*/ | |||
.page-123 body{ | |||
background:url("https://patchwiki.biligame.com/images/factorio/1/1f/dlx6y415mb8eips96h3ib9phxyapx1g.jpg"); | |||
} | |||
/*首页*/ | |||
.box-glz{ | |||
float:left; | |||
width:30%; | |||
margin:6px; | |||
text-align:center; | |||
border: 1px solid rgba(0,0,0,0.1); | |||
border-radius: 10px; | |||
} | |||
@media (max-width: 768px) { | |||
.box-glz{ | |||
float:left; | |||
width:30%; | |||
margin:3px; | |||
text-align:center; | |||
border: 1px solid rgba(0,0,0,0.1); | |||
border-radius: 10px; | |||
} | |||
} | |||
/*p标签修复*/ | |||
.mw-body p { | |||
line-height: inherit; | |||
margin: 0.5em 0; | |||
} | |||
/* 顶通logo 临时[2020年1月20日]*/ | |||
.wiki-header .wiki-nav .wiki-logo .pic-logo{ | |||
width:auto; | |||
} | |||
/** | /* 视频测试*/ | ||
.video-player{ | |||
width:100%; | |||
height: 35vw; | |||
min-height: 200px; | |||
} | |||
. | /*测试*/ | ||
.img-video { | |||
background-size: cover; | |||
border-radius: 4px; | |||
display: block; | |||
width: 160px; | |||
height: 100px; | |||
overflow: hidden; | |||
position: relative; | |||
} | } | ||
/* 这里放置的CSS将应用于所有页面 */ | |||
/*音频组件*/ | |||
.audio-wrapper audio { | |||
position: fixed; | |||
left: -99999px; | |||
} | } | ||
. | |||
color: # | .audio-controls { | ||
display: inline-block; | |||
width: 60px; | |||
height: 60px; | |||
padding: 0; | |||
position: relative; | |||
text-align: center; | |||
background-color: #f1f3f4; | |||
cursor: pointer; | |||
border-radius: 50%; | |||
border: 1px solid #dddddd; | |||
box-sizing: border-box; | |||
} | } | ||
. | |||
.audio-controls .icon-btn { | |||
display: inline-block; | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
. | |||
.audio-controls .icon-play { | |||
background: url("http://test2-wiki.biligame.com/resources/assets/images/play.png"); | |||
background-size: 60% 60%; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | } | ||
. | |||
.audio-controls .icon-pause { | |||
background: url("http://test2-wiki.biligame.com/resources/assets/images/stop.png"); | |||
background-size: 60% 60%; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | } | ||
. | |||
. | |||
.resp-tabs-list { | |||
zoom: 1 | |||
} | |||
.resp-tabs-list:after { | |||
visibility: hidden; | |||
display: block; | |||
font-size: 0; | |||
content: " "; | |||
clear: both; | |||
height: 0 | |||
} | |||
@media (max-width: 768px) { | |||
.resp-tabs .resp-tabs-list { | |||
white-space: nowrap; | |||
overflow-x: scroll | |||
} | } | ||
. | |||
.resp-tabs .resp-tabs-list .bili-list-style { | |||
float: none !important; | |||
display: inline-block | |||
} | } | ||
} | |||
} | /*主站登陆样式修复*/ | ||
.bili-header-m .i_menu_login .img { | |||
width: 294px !important; | |||
} | |||
/*分类高度修正*/ | |||
#catlinks { | |||
. | margin-bottom:14px; | ||
} | |||
/*隐藏更新日志时间*/ | |||
.bili-list-group .bili-list-group-item .fr { | |||
display: none !important; | |||
} | |||
.wikiEditor-ui-toolbar .tabs{ | |||
height:auto | |||
} | |||
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main{ | |||
height:auto | |||
} | |||
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ | |||
/*图片自适应*/ | |||
.img-kk { | |||
display: inline-block; | |||
height: auto; | |||
padding:0px 3px 3px 0px; | |||
max-width:100%; | |||
line-height: 1.42857143; | |||
-webkit-transition: all .2s ease-in-out; | |||
-o-transition: all .2s ease-in-out; | |||
transition: all .2s ease-in-out | |||
} | |||
.img-icon { | |||
border-radius:5px | |||
} | |||
/*logo修正*/ | |||
.wiki-logo .pic-logo { | |||
margin-left:0px; | |||
} | |||
.wiki-logo { | |||
padding-left:0px; | |||
} | |||
@media (max-width: 768px){ | |||
.wiki-header .wiki-logo { | |||
padding-left: 0; | |||
} | } | ||
} | } | ||
/*隐藏首页标题*/ | |||
.page-首页 #firstHeading{display:none;} | |||
. | |||
/*隐藏首页分类*/ | |||
.page-首页 #catlinks{display:none;} | |||
/*a链接变色*/ | |||
a:link {color:#00b6ff;} | |||
} | a:visited {color:#397BBD;} | ||
. | |||
/*标题*/ | |||
#firstHeading{ | |||
} | font-family: Reeji-CloudSongDa-GB-Regular; | ||
. | font-size: 30px; | ||
color: rgba(0,0,0,0.85); | |||
line-height: 40px; | |||
} | padding-bottom:10px; | ||
. | } | ||
} | .mw-body-content h2 { | ||
. | font-family: Reeji-CloudSongDa-GB-Regular; | ||
. | font-size: 24px; | ||
color: rgba(0,0,0,0.85); | |||
line-height: 32px; | |||
} | padding-bottom:8px; | ||
. | } | ||
.mw-body-content h3 { | |||
} | font-family: Reeji-CloudSongDa-GB-Regular; | ||
font-size: 16px; | |||
color: rgba(0,0,0,0.85); | |||
line-height: 24px; | |||
padding-bottom:6px; | |||
} | |||
.mw-body-content h4 { | |||
font-family: MicrosoftYaHei-Bold;font-size: 14px;color: rgba(0,0,0,0.85);line-height: 22px; | |||
} | |||
/*表格*/ | |||
table.wikitable > tr > th, table.wikitable > * > tr > th { | |||
background:#e9edf2; | |||
height:40px; | |||
opacity:0.6; | |||
border-right: 1px solid rgba(0, 0, 0, .1); | |||
} | |||
table.wikitable > tr > td, table.wikitable > * > tr > td{ | |||
background-color: #fff; | |||
height:40px; | |||
border-right: 1px solid rgba(0, 0, 0, .1) | |||
} | |||
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { | |||
border: 1px #ccc solid;padding:0.3em 1em; | |||
} | |||
table.wikitable{border: 1px solid rgba(0,0,0,0.10);;margin: 10px 0;font-family: SourceHanSansCN-Bold;;} | |||
/*首页h2标题高度修复*/ | |||
.bili-title-h2 { | |||
font-size: 16px; | |||
line-height: 24px; | |||
margin-bottom:15px; | |||
} | |||
.bili-divider { | |||
height: 1px; | |||
margin: 20px 0; | |||
background: rgba(0,0,0,.16); | |||
} | |||
/*首页链接颜色*/ | |||
.update-log a{ | |||
font-family: MicrosoftYaHei; | |||
font-size: 14px; | |||
color: rgba(0,0,0,0.85) !important; | |||
line-height: 22px; | |||
} | |||
/*标题编辑隐藏 | |||
h1 .mw-editsection ,h2 .mw-editsection,h3 .mw-editsection ,h4 .mw-editsection,h5 .mw-editsection{ | |||
white-space: nowrap; | |||
unicode-bidi: -moz-isolate; | |||
display: none; | |||
}*/ | |||
/*隐藏SMW帮助*/ | |||
.smw-editpage-help { | |||
display: none; | |||
} | |||
/*隐藏特殊页面帮助*/ | |||
.mw-body .mw-indicators { | |||
display: none; | |||
} | |||
/*更新日志样式修复*/ | |||
.update-log .bili-list-group { | |||
padding: 10px 0px; | |||
margin-left: 0; | |||
} | |||
/*更新日志标签变色*/ | |||
.bili-label-purple { | |||
background: rgba(0,182,255,0.10); | |||
color: #00B6FF; | |||
} | |||
.bili-label-pink { | |||
background: rgba(0,182,255,0.10); | |||
color: #00B6FF; | |||
} | |||
.bili-label-green { | |||
background: rgba(0,182,255,0.10); | |||
color: #00B6FF; | |||
} | |||
/*条件筛选页面*/ | |||
.select-grid { | |||
width: 100%; | |||
padding: 10px 0 35px 0; | |||
display: table; | |||
margin: 0 0 40px 0; | |||
border-bottom: 1px solid #a2a9b1; | |||
} | |||
.select-grid table td { | |||
padding: 5px 10px 0 0; | |||
} | |||
.filter { | |||
display: block; | |||
clear: both; | |||
} | |||
span.select-wrap, span.imgselect-wrap { | |||
margin:0 15px 5px 0; | |||
padding: 8px 0; | |||
font-family: SourceHanSansCN-Regular; | |||
font-size: 14px; | |||
display: inline-block; | |||
color: rgba(0,0,0,.85); | |||
text-align: center; | |||
line-height: 14px; | |||
background: #fff; | |||
border: 1px solid rgba(0,0,0,.1); | |||
} | |||
span.select-wrap { | |||
width:80px; | |||
height:30px; | |||
} | |||
span.imgselect-wrap { | |||
padding:8px 10px; | |||
} | |||
span.imgselect-wrap p { | |||
display: block; | |||
margin-top:10px; | |||
} | |||
/*手机端hover伪类显示异常,magic,只能靠js了*/ | |||
span.select-wrap.hover, span.imgselect-wrap.hover { | |||
color: #000; | |||
border: 1px solid rgb(133, 146, 239); | |||
cursor: pointer; | |||
background:#FFF; | |||
} | |||
span.select-wrap.active, span.imgselect-wrap.active { | |||
border: 1px solid rgba(119,132,222); | |||
color:rgba(119,132,222); | |||
} | |||
.filter li { | |||
list-style:none; | |||
float:left; | |||
} | |||
.game-aggregation-wrap { | |||
padding-bottom: 30px; | |||
} | |||
.game-aggregation-wrap .game-card-list { | |||
padding-top: 10px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin-left: -40px; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item{ | |||
margin-left: 40px; | |||
margin-bottom: 30px; | |||
width: 360px; | |||
border: 1px solid rgba(0,0,0,0.1); | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover{ | |||
width: 100%; | |||
height: 200px; | |||
overflow: hidden; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover .cover-img{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info{ | |||
width: 100%; | |||
height: 93px; | |||
padding: 20px; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-name{ | |||
font-family: MicrosoftYaHei; | |||
font-weight: 700; | |||
font-size: 20px; | |||
color: rgba(0,0,0,0.85); | |||
letter-spacing: 0; | |||
line-height: 28px; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow:ellipsis; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-message{ | |||
font-family: MicrosoftYaHei; | |||
font-size: 14px; | |||
color: rgba(0,0,0,0.35); | |||
line-height: 22px; | |||
margin-top: 6px; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow:ellipsis; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button{ | |||
width: 100%; | |||
height: 60px; | |||
border-top: 1px solid rgba(0,0,0,0.1); | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-line{ | |||
height: 100%; | |||
width: 1px; | |||
background-color: rgba(0,0,0,0.1); | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt,.game-card-button-rt{ | |||
height: 100%; | |||
flex: 1; | |||
color: #000; | |||
font-family: 'MicrosoftYaHei'; | |||
background-color: #fff; | |||
font-size: 14px; | |||
text-align: center; | |||
line-height: 60px; | |||
cursor: pointer; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a { | |||
display: block; | |||
color: #000; | |||
background-image: none; | |||
margin-right: 0; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a,a:hover,a:visited,a:active,a:focus { | |||
text-decoration: none; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover,.game-card-button-rt:hover{ | |||
color: #00B6FF; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover a,.game-card-button-rt:hover a{ | |||
color: #00B6FF; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:active,.game-card-button-rt:active,.game-card-button-lt:focus,.game-card-button-rt:focus{ | |||
background-color: rgb(234, 249, 255); | |||
} | |||
.game-aggregation-wrap .other-game-list { | |||
width: 1211px; | |||
padding-top: 10px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin-left: -51px; | |||
} | |||
.game-aggregation-wrap .other-game-list-item { | |||
width: 122px; | |||
height: 160px; | |||
margin-left: 51px; | |||
margin-bottom: 30px; | |||
} | |||
.game-aggregation-wrap .other-game-list-item .game-pic{ | |||
display: block; | |||
width: 100px; | |||
height: 100px; | |||
margin: 0 auto; | |||
border-radius: 22px; | |||
overflow: hidden; | |||
} | |||
.game-aggregation-wrap .other-game-list-item .game-pic img{ | |||
display: block; | |||
width: 100px; | |||
height: 100px; | |||
} | |||
.game-aggregation-wrap .other-game-list-item .game-name{ | |||
width: 100%; | |||
height: 48px; | |||
line-height: 24px; | |||
margin: 10px 0 0; | |||
text-align: center; | |||
font-family: MicrosoftYaHei; | |||
font-size: 16px; | |||
color: rgba(0,0,0,0.85); | |||
text-align: center; | |||
display: -webkit-box; | |||
-webkit-box-orient: vertical; | |||
-webkit-line-clamp: 2; | |||
overflow: hidden; | |||
} | |||
@media only screen and (max-width: 1200px) { | |||
.game-aggregation-wrap .game-card-list { | |||
width: 100%; | |||
margin-left: 0; | |||
justify-content: space-between; | |||
} | |||
.game-aggregation-wrap .game-card-list .game-card-list-item { | |||
margin-left: 0; | |||
} | |||
.game-aggregation-wrap .other-game-list { | |||
width: 1017.6px; | |||
margin-left: -47.6px; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item { | |||
margin-left: 47.6px; | |||
} | |||
} | } | ||
@media only screen and (max-width: 992px) { | |||
.game-aggregation-wrap .other-game-list { | |||
width: 785px; | |||
margin-left: -35px; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item { | |||
margin-left: 35px; | |||
} | |||
} | } | ||
@media only screen and (max-width: 768px) { | |||
.game-aggregation-wrap .game-card-list { | |||
justify-content: center; | |||
} | |||
.game-aggregation-wrap .other-game-list { | |||
width: 100%; | |||
justify-content: flex-start; | |||
margin-left: 0; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item { | |||
width: 24%; | |||
margin-left: 0; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) { | |||
margin-right: calc(4% / 3); | |||
} | |||
} | } | ||
@media only screen and (max-width: 500px) { | |||
.game-aggregation-wrap .other-game-list .other-game-list-item { | |||
width: 32%; | |||
margin-left: 0; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) { | |||
margin-right: 0; | |||
} | |||
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(3n)) { | |||
margin-right: calc(4% / 3); | |||
} | |||
} | } |
2020年3月20日 (五) 08:13的版本
/*隐藏首页标题*/
.page-123 body{
background:url("https://patchwiki.biligame.com/images/factorio/1/1f/dlx6y415mb8eips96h3ib9phxyapx1g.jpg");
}
/*首页*/
.box-glz{
float:left;
width:30%;
margin:6px;
text-align:center;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 10px;
}
@media (max-width: 768px) {
.box-glz{
float:left;
width:30%;
margin:3px;
text-align:center;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 10px;
}
}
/*p标签修复*/
.mw-body p {
line-height: inherit;
margin: 0.5em 0;
}
/* 顶通logo 临时[2020年1月20日]*/
.wiki-header .wiki-nav .wiki-logo .pic-logo{
width:auto;
}
/*视频测试*/
.video-player{
width:100%;
height: 35vw;
min-height: 200px;
}
/*测试*/
.img-video {
background-size: cover;
border-radius: 4px;
display: block;
width: 160px;
height: 100px;
overflow: hidden;
position: relative;
}
/* 这里放置的CSS将应用于所有页面 */
/*音频组件*/
.audio-wrapper audio {
position: fixed;
left: -99999px;
}
.audio-controls {
display: inline-block;
width: 60px;
height: 60px;
padding: 0;
position: relative;
text-align: center;
background-color: #f1f3f4;
cursor: pointer;
border-radius: 50%;
border: 1px solid #dddddd;
box-sizing: border-box;
}
.audio-controls .icon-btn {
display: inline-block;
width: 100%;
height: 100%;
}
.audio-controls .icon-play {
background: url("http://test2-wiki.biligame.com/resources/assets/images/play.png");
background-size: 60% 60%;
background-repeat: no-repeat;
background-position: center;
}
.audio-controls .icon-pause {
background: url("http://test2-wiki.biligame.com/resources/assets/images/stop.png");
background-size: 60% 60%;
background-repeat: no-repeat;
background-position: center;
}
.resp-tabs-list {
zoom: 1
}
.resp-tabs-list:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (max-width: 768px) {
.resp-tabs .resp-tabs-list {
white-space: nowrap;
overflow-x: scroll
}
.resp-tabs .resp-tabs-list .bili-list-style {
float: none !important;
display: inline-block
}
}
/*主站登陆样式修复*/
.bili-header-m .i_menu_login .img {
width: 294px !important;
}
/*分类高度修正*/
#catlinks {
margin-bottom:14px;
}
/*隐藏更新日志时间*/
.bili-list-group .bili-list-group-item .fr {
display: none !important;
}
.wikiEditor-ui-toolbar .tabs{
height:auto
}
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main{
height:auto
}
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/*图片自适应*/
.img-kk {
display: inline-block;
height: auto;
padding:0px 3px 3px 0px;
max-width:100%;
line-height: 1.42857143;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.img-icon {
border-radius:5px
}
/*logo修正*/
.wiki-logo .pic-logo {
margin-left:0px;
}
.wiki-logo {
padding-left:0px;
}
@media (max-width: 768px){
.wiki-header .wiki-logo {
padding-left: 0;
}
}
/*隐藏首页标题*/
.page-首页 #firstHeading{display:none;}
/*隐藏首页分类*/
.page-首页 #catlinks{display:none;}
/*a链接变色*/
a:link {color:#00b6ff;}
a:visited {color:#397BBD;}
/*标题*/
#firstHeading{
font-family: Reeji-CloudSongDa-GB-Regular;
font-size: 30px;
color: rgba(0,0,0,0.85);
line-height: 40px;
padding-bottom:10px;
}
.mw-body-content h2 {
font-family: Reeji-CloudSongDa-GB-Regular;
font-size: 24px;
color: rgba(0,0,0,0.85);
line-height: 32px;
padding-bottom:8px;
}
.mw-body-content h3 {
font-family: Reeji-CloudSongDa-GB-Regular;
font-size: 16px;
color: rgba(0,0,0,0.85);
line-height: 24px;
padding-bottom:6px;
}
.mw-body-content h4 {
font-family: MicrosoftYaHei-Bold;font-size: 14px;color: rgba(0,0,0,0.85);line-height: 22px;
}
/*表格*/
table.wikitable > tr > th, table.wikitable > * > tr > th {
background:#e9edf2;
height:40px;
opacity:0.6;
border-right: 1px solid rgba(0, 0, 0, .1);
}
table.wikitable > tr > td, table.wikitable > * > tr > td{
background-color: #fff;
height:40px;
border-right: 1px solid rgba(0, 0, 0, .1)
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px #ccc solid;padding:0.3em 1em;
}
table.wikitable{border: 1px solid rgba(0,0,0,0.10);;margin: 10px 0;font-family: SourceHanSansCN-Bold;;}
/*首页h2标题高度修复*/
.bili-title-h2 {
font-size: 16px;
line-height: 24px;
margin-bottom:15px;
}
.bili-divider {
height: 1px;
margin: 20px 0;
background: rgba(0,0,0,.16);
}
/*首页链接颜色*/
.update-log a{
font-family: MicrosoftYaHei;
font-size: 14px;
color: rgba(0,0,0,0.85) !important;
line-height: 22px;
}
/*标题编辑隐藏
h1 .mw-editsection ,h2 .mw-editsection,h3 .mw-editsection ,h4 .mw-editsection,h5 .mw-editsection{
white-space: nowrap;
unicode-bidi: -moz-isolate;
display: none;
}*/
/*隐藏SMW帮助*/
.smw-editpage-help {
display: none;
}
/*隐藏特殊页面帮助*/
.mw-body .mw-indicators {
display: none;
}
/*更新日志样式修复*/
.update-log .bili-list-group {
padding: 10px 0px;
margin-left: 0;
}
/*更新日志标签变色*/
.bili-label-purple {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
.bili-label-pink {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
.bili-label-green {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
/*条件筛选页面*/
.select-grid {
width: 100%;
padding: 10px 0 35px 0;
display: table;
margin: 0 0 40px 0;
border-bottom: 1px solid #a2a9b1;
}
.select-grid table td {
padding: 5px 10px 0 0;
}
.filter {
display: block;
clear: both;
}
span.select-wrap, span.imgselect-wrap {
margin:0 15px 5px 0;
padding: 8px 0;
font-family: SourceHanSansCN-Regular;
font-size: 14px;
display: inline-block;
color: rgba(0,0,0,.85);
text-align: center;
line-height: 14px;
background: #fff;
border: 1px solid rgba(0,0,0,.1);
}
span.select-wrap {
width:80px;
height:30px;
}
span.imgselect-wrap {
padding:8px 10px;
}
span.imgselect-wrap p {
display: block;
margin-top:10px;
}
/*手机端hover伪类显示异常,magic,只能靠js了*/
span.select-wrap.hover, span.imgselect-wrap.hover {
color: #000;
border: 1px solid rgb(133, 146, 239);
cursor: pointer;
background:#FFF;
}
span.select-wrap.active, span.imgselect-wrap.active {
border: 1px solid rgba(119,132,222);
color:rgba(119,132,222);
}
.filter li {
list-style:none;
float:left;
}
.game-aggregation-wrap {
padding-bottom: 30px;
}
.game-aggregation-wrap .game-card-list {
padding-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: -40px;
}
.game-aggregation-wrap .game-card-list .game-card-list-item{
margin-left: 40px;
margin-bottom: 30px;
width: 360px;
border: 1px solid rgba(0,0,0,0.1);
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover{
width: 100%;
height: 200px;
overflow: hidden;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover .cover-img{
width: 100%;
height: 100%;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info{
width: 100%;
height: 93px;
padding: 20px;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-name{
font-family: MicrosoftYaHei;
font-weight: 700;
font-size: 20px;
color: rgba(0,0,0,0.85);
letter-spacing: 0;
line-height: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-message{
font-family: MicrosoftYaHei;
font-size: 14px;
color: rgba(0,0,0,0.35);
line-height: 22px;
margin-top: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button{
width: 100%;
height: 60px;
border-top: 1px solid rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: space-between;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-line{
height: 100%;
width: 1px;
background-color: rgba(0,0,0,0.1);
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt,.game-card-button-rt{
height: 100%;
flex: 1;
color: #000;
font-family: 'MicrosoftYaHei';
background-color: #fff;
font-size: 14px;
text-align: center;
line-height: 60px;
cursor: pointer;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a {
display: block;
color: #000;
background-image: none;
margin-right: 0;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a,a:hover,a:visited,a:active,a:focus {
text-decoration: none;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover,.game-card-button-rt:hover{
color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover a,.game-card-button-rt:hover a{
color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:active,.game-card-button-rt:active,.game-card-button-lt:focus,.game-card-button-rt:focus{
background-color: rgb(234, 249, 255);
}
.game-aggregation-wrap .other-game-list {
width: 1211px;
padding-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: -51px;
}
.game-aggregation-wrap .other-game-list-item {
width: 122px;
height: 160px;
margin-left: 51px;
margin-bottom: 30px;
}
.game-aggregation-wrap .other-game-list-item .game-pic{
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 22px;
overflow: hidden;
}
.game-aggregation-wrap .other-game-list-item .game-pic img{
display: block;
width: 100px;
height: 100px;
}
.game-aggregation-wrap .other-game-list-item .game-name{
width: 100%;
height: 48px;
line-height: 24px;
margin: 10px 0 0;
text-align: center;
font-family: MicrosoftYaHei;
font-size: 16px;
color: rgba(0,0,0,0.85);
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.game-aggregation-wrap .game-card-list {
width: 100%;
margin-left: 0;
justify-content: space-between;
}
.game-aggregation-wrap .game-card-list .game-card-list-item {
margin-left: 0;
}
.game-aggregation-wrap .other-game-list {
width: 1017.6px;
margin-left: -47.6px;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
margin-left: 47.6px;
}
}
@media only screen and (max-width: 992px) {
.game-aggregation-wrap .other-game-list {
width: 785px;
margin-left: -35px;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
margin-left: 35px;
}
}
@media only screen and (max-width: 768px) {
.game-aggregation-wrap .game-card-list {
justify-content: center;
}
.game-aggregation-wrap .other-game-list {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
width: 24%;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
margin-right: calc(4% / 3);
}
}
@media only screen and (max-width: 500px) {
.game-aggregation-wrap .other-game-list .other-game-list-item {
width: 32%;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
margin-right: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(3n)) {
margin-right: calc(4% / 3);
}
}