imported>=海豚= |
imported>=海豚= |
| 第1行： |
第1行： |
| | <noinclude><noinclude>这是一个预计中的，将会包括大部分与性以及跨性别主题相关的道具，动作，使用方法，心理，文化，以及安全指导在内的总集模板。 |
|
| |
|
| /*隐藏首页 标 题*/
| | 目 标 是为性教育严重缺失的青年人群提供正确而安全的性知识查询导航。 |
| .page-123 body{
| | ---- |
| background:url("https://patchwiki.biligame.com/images/factorio/1/1f/dlx6y415mb8eips96h3ib9phxyapx1g.jpg");
| | {{ 背景图片|url=69836691.jpg|position=center}} |
| }
| | [[分类: 导航模板]] |
| | </noinclude> |
| | {{Navbox |
| | |name = 性属性 |
| | |title = 性属性 |
|
| |
|
| /*首页*/
| | |style = width:100%; |
| .box-glz{
| | margin-top:1em; |
| float:left;
| | border:3px white #000; |
| width:30%;
| | font-size:85%;font-size: 90%; |
| margin:6px;
| | width: 100%; |
| text-align:center;
| | background-color: white; |
| border: 1px solid rgba(0,0,0,0.1);
| | text-shadow: 0 0 50px white; |
| border-radius: 10px;
| | border-radius:10px 10px 10px 10px; |
| }
| | |titlestyle = border-radius:8px 8px 0px 0px; background:#FCF54C;;color:#000; |
| | |groupstyle = background:#FEF889; |
| | |belowstyle = background:#FEF889; |
| | |evenstyle = background:#FFFFFF; |
| | |liststyle = line-height:1.4em; |
| | |image= |
|
| |
|
| @media (max-width: 768px) {
| | |group1=性别 |
| .box-glz{
| | |list1= |
| float:left;
| | {{Navbox|child |
| width:30%;
| | |groupstyle = background:#FFFBD1; |
| margin:3px;
| | |evenstyle = background:#FFFFFF; |
| text-align:center;
| |
| border: 1px solid rgba(0,0,0,0.1);
| |
| border-radius: 10px;
| |
| }
| |
| }
| |
|
| |
|
| /*p标签修复*/
| | |group1=生理性别 |
| .mw-body p {
| | |list1= |
| line-height: inherit; | | {{Navbox|child |
| margin: 0.5em 0; | | |groupstyle = background:#FFFBD1; |
| }
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| | |group1=生理性别认同 |
| | |list1={{links|无性|单性|双性|无性征超多性别|雄性|雌性|扶她{{!}}雌雄同体|TSF}} |
|
| |
|
| /* 顶通logo 临时[2020年1月20日]*/
| | |group2=性别决定系统 |
| .wiki-header .wiki-nav .wiki-logo .pic-logo{
| | |list2={{links|染色体决定系统|环境决定系统}} |
| width:auto;
| | }} |
| } | |
|
| |
|
| /*视频测试*/
| | |group2=心理性别 |
| .video-player{
| | |list2={{links|女性|男性|中性|流动性别|无性别|双性别|三性别|顺性别|跨性别|性别认同障碍}} |
| width:100%;
| |
| height: 35vw;
| |
| min-height: 200px;
| |
| } | |
|
| |
|
| /*测试*/
| | |group3=社会性别 |
| .img-video {
| | |list3={{links|顺性别|跨性别|阉人|变性人|性别气质|性别角色|同性恋恐慌症|跨性别恐惧症}} |
| 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 {
| | |group2=性倾向 |
| display: inline-block;
| | |list2={{links|异性恋|同性恋|男同性恋{{!}}（男同性恋|女同性恋{{!}}女同性恋）|单性恋|双性恋|无性恋|泛性恋|动物恋|恋物}} |
| 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;
| |
| }
| |
|
| |
|
| | |group3=性器官 |
| | |list3= |
| | {{Navbox|child |
| | |groupstyle = background:#FFFBD1; |
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| | |group1=雄性 |
| | |list1={{links|尿道球腺|附睾|阴茎|包皮|龟头|前列腺|阴囊|精囊|睾丸}} |
|
| |
|
| | |group2=雌性 |
| | |list2={{links|前庭大腺|宫颈|阴蒂|输卵管|阴唇|卵巢|斯基恩氏腺|子宫|阴道|外阴}} |
| | }} |
|
| |
|
|
| |
|
|
| |
|
| | |group4=性对象 |
| | |list4={{links|乱伦|亲子丼|母女丼{{!}}（母女丼|姐妹丼{{!}}姐妹丼）|幼交|小孩开大车|肉便器|群交|三人性爱{{!}}（三人性爱）|情色表演|自慰|机械奸|兽交|异种奸|触手Play|透明人|色情流体|休息方式}} |
|
| |
|
|
| |
|
|
| |
|
| | |group5=性意愿 |
| | |list5= {{links|胁迫|性交易|性骚扰|性侵犯}} |
|
| |
|
| .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) {
| | |group6={{coloredlink|black|性行为}} |
| .resp-tabs .resp-tabs-list {
| | |list6= |
| white-space: nowrap;
| | {{Navbox|child |
| overflow-x: scroll
| | |groupstyle = background:#FFFBD1; |
| }
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| .resp-tabs .resp-tabs-list .bili-list-style {
| | |group1=对象 |
| float: none !important;
| | |list1={{links|自交|异性|同性|男男{{!}}（男男|百合{{!}}百合）|境遇性性行为}} |
| display: inline-block
| |
| }
| |
| } | |
|
| |
|
| /*主站登陆样式修复*/
| | |group2=非插入 |
| .bili-header-m .i_menu_login .img {
| | |list2={{links|舌吻|乳交|手交|足交|素股|臀交{{!}}（臀交|股间性爱{{!}}股间性爱）|膝窝交|发交|脐交|腋交}} |
| width: 294px !important;
| |
| } | |
|
| |
|
| /*分类高度修正*/
| | |group3=插入 |
| | |list3= |
| | {{Navbox|child |
| | |groupstyle = background:#FFFBD1; |
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| #catlinks {
| | |group1=按被插入方分类 |
| margin-bottom:14px;
| | |list1={{links|阴道性交|口交|舔式{{!}}（舔式|含式|吸式|深喉{{!}}深喉）|肛交|乳孔交|脐孔交|颈交|眼交|鼻交|脑交|贯通}} |
| } | |
|
| |
|
| /*隐藏更新日志时间*/
| | |group2=按插入方分类 |
| | |list2={{links|指交|趾交|拳交|足交|臂交|腿交|丸吞}} |
| | }} |
|
| |
|
| .bili-list-group .bili-list-group-item .fr {
| | |group4=姿势 |
| display: none !important;
| | |list4={{links|正常体位{{!}}正常|单扛腿式{{!}}（单扛腿式|双扛腿式|高扛腿式{{!}}高扛腿式）|骑乘|颜面骑乘{{!}}（颜面骑乘|女上式{{!}}女上式）|后入|口穴双插|三明治体位|69式|立位|侧入体位|交叉体位|拥抱}} |
| } | |
|
| |
|
| .wikiEditor-ui-toolbar .tabs{
| | |group5=动作 |
| height:auto
| | |list5={{links|萌百: 一库{{!}}一库|内射{{!}}（内射|体外射精{{!}} 外射|颜射{{!}}颜射）|摸头|捧胸|咬耳朵|舔足|自慰|挠痒|M字腿|扭腰|掰穴|掰嘴|遮羞|娇喘|撒尿|色诱|破处|吞精|丸吞|抓头发|双手抱头|手势|揉奶}} |
| } | |
| .wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main{
| |
| height:auto
| |
| } | |
| /* 这里放置的CSS将影响使用Vector皮肤的用户 */
| |
|
| |
|
| /*图片自适应*/
| | |group6=play |
| .img-kk {
| | |list6= {{Supt|BDSM}} • {{links|早安咬|手胸罩|同寝|睡奸|迷奸|醉奸|酒后纵欲|夜袭|药渍|时间停止奸|视奸|催眠奸|青奸|和奸|强奸|轮奸|桌下交|连接改装|封口|含套|蒙面突袭|摄像|网上直播|远程性爱|正正正|隐奸|高潮比赛|牛头人|变装|隔物相交|精浴|射精管理|面具群交|自取其乳}} |
| 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 {
| | |group7=心理·语言 |
| border-radius:5px
| | |list7={{links|性作品定向句式列表{{!}}性作品定型句|性作品定向句式列表#拒绝句式{{!}}（拒绝句式|性作品定向句式列表#斥责句式{{!}}斥责句式|性作品定向句式列表#调情句式{{!}}调情句式|性作品定向句式列表#描述句式{{!}}描述句式|性作品定向句式列表#示弱句式{{!}}示弱句式|性作品定向句式列表#接受句式{{!}}接受句式|性作品定向句式列表#欲求句式{{!}}欲求句式）|语言羞辱}} |
| } | |
|
| |
|
| | |group8=神态 |
| | |list8={{links|淫笑|单睁眼|啊嘿颜|脸红|害怕|逞强|生无可恋|平静|强颜欢笑|嫌弃脸|咬牙切齿|涕泗横流}} |
|
| |
|
| /*logo修正*/
| | |group9=地点 |
| .wiki-logo .pic-logo {
| | |list9={{links|野外|街道|开房|浴室|自室|教室|办公室|楼顶|厕所|寻欢洞|车震|卡墙play|公园|地牢|地下室|下水道|祭坛}} |
| margin-left:0px;
| | }} |
| } | |
|
| |
|
| .wiki-logo {
| |
| padding-left:0px;
| |
| }
| |
|
| |
|
| @media (max-width: 768px){
| |
| .wiki-header .wiki-logo {
| |
| padding-left: 0;
| |
| }
| |
| }
| |
|
| |
|
| /*隐藏首页标题*/
| | |group7=性现象 |
| .page-首页 #firstHeading{display:none;}
| | |list7= |
| | {{Navbox|child |
| | |groupstyle = background:#FFFBD1; |
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| /*隐藏首页分类*/
| | |group1=生理现象 |
| .page-首页 #catlinks{display:none;}
| | |list1={{links|性欲|性刺激|性唤醒|勃起|高潮|高潮脸{{!}}（高潮脸|射精|潮吹|绝顶{{!}}绝顶）|性不应期|心形瞳孔|喷奶|骆驼趾|凸点|子宫脱|失禁}} |
|
| |
|
| /*a链接变色*/
| | |group2=生殖 |
| a:link {color:#00b6ff;}
| | |list2= |
| a:visited {color:#397BBD;}
| | {{Navbox|child |
| | |groupstyle = background:#FFFBD1; |
| | |evenstyle = background:#FFFFFF; |
|
| |
|
| /*标题*/
| | |group1=妊娠 |
| #firstHeading{
| | |list1={{links|受精|妊娠|分娩|产后护理|卵子|精子|着床|妊娠反应}} |
| 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 {
| | |group2=避孕 |
| font-family: Reeji-CloudSongDa-GB-Regular;
| | |list2=[[避孕套]]（男用避孕套 • 女用避孕套）{{links|禁欲|非阴道性行为|性交中断法|安全期计算|避孕药|紧急避孕药{{!}}（紧急避孕药|短效避孕药|长效避孕药{{!}}长效避孕药）|宫内节育器|结扎|人工流产}} |
| 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;
| |
| }
| |
|
| |
|
| /*表格*/
| | |group8=道具·衣着 |
| table.wikitable > tr > th, table.wikitable > * > tr > th {
| | |list8= |
| background:#e9edf2;
| | {{Navbox|child |
| height:40px;
| | |groupstyle = background:#FFFBD1; |
| opacity:0.6;
| | |evenstyle = background:#FFFFFF; |
| border-right: 1px solid rgba(0, 0, 0, .1);
| |
| }
| |
|
| |
|
| table.wikitable > tr > td, table.wikitable > * > tr > td{
| | |group1=道具 |
| background-color: #fff;
| | |list1={{links|淫纹|性玩具|跳蛋|假阴茎|按摩棒|炮机|自慰自行车|润滑液|充气娃娃|硅胶娃娃|性爱机器人|阴道球|塞班鞍|乳环|人奶水枪}} |
| 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 {
| | |group2=衣着状态 |
| border: 1px #ccc solid;padding:0.3em 1em;
| | |list2={{Supt|裸体}} • {{links|着衣裸体|着衣裸体#胸部裸露{{!}}（胸部裸露|着衣裸体#下体裸露{{!}}下体裸露|着衣裸体# 上下体同时裸露{{!}}上下体同时裸露|色情服装{{!}}有重点露出）|人体彩绘|乳贴|头发胸罩|披头散发}} • {{萌百|裸足}} • {{萌百|真空}} • {{萌百|露背高领毛衣}} • [[模板: 萌属性|服饰]] |
| } | | }} |
|
| |
|
| 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 {
| | |group9=性疾病 |
| height: 1px;
| | |list9={{links|性瘾|性偏离|性病|不举|月经不调|艾滋病|梅毒|湿疣|淋病|人类乳突病毒|单纯疱疹|阴虱|疥疮|滴虫性阴道炎|乙型肝炎|痢疾}} |
| 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帮助*/
| | |group10=社会 |
| .smw-editpage-help {
| | |list10={{links|性相关法律|分配方 式{{!}} 分级方式|色情环境|色情可行流程|援交|性奴隶|聚众淫乱|人口贩卖}} |
| 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);
| |
| }
| |
| }
| |