.game-select-box { padding: 10px 0px; border: 1px solid #e6e6e6; } .game-type, .game-theme { width: 100%; min-height: 30px; padding: 10px 0px 0px 0px; float: left; } .game-select-box a { display: inline-block; color: #666; font-size: 13px; padding: 2px 8px; margin: 2px 0 10px 9px; border-radius: 15px; } .game-select-box a:hover, .game-select-box .active { color: #fff; background: #03b4f5; } .game-select-box .game-type-title { font-size: 14px; margin: 0 20px 0 20px; display: block; width: 80px; line-height: 29px; float: left; color: #333; } .game-select-box .game-type-list { float: left; width: 1078px; } .game-content-box {} .game-list { margin: 0 auto; padding-top: 5px; } .game-list li { width: 338px; padding: 25px 20px 20px; margin: 30px 30px 0 0; height: 175px; transition: all 0.3s ease; float: left; border: 1px solid #e6e6e6; position: relative; } /*占位符*/ .game-list li .img-font { position: absolute; top: 25px; width: 97px; height: 97px; border-radius: 15px; margin: 0 auto; display: table; text-align: center; background: #e2e2e2; color: #bbbaba; overflow: visible; } .game-list li .img-font-cell { display: table-cell; vertical-align: middle; } .game-list li .img-font-text { width: 100%; font-size: 16px; } .game-list li:hover {} .game-list .img { display: block; width: 97px; height: 97px; border-radius: 15px; overflow: hidden; float: left; /*background: url(../images/templace/home_game.png) center center no-repeat;*/ position: relative; } .game-list .img img { width: 100%; height: 100%; } .game-list .info { padding-left: 110px; line-height: 15px; font-size: 12px; color: #999; } .game-list .name { font-size: 22px; color: #666; transition: color 0.3s ease; display: block; margin-bottom: 20px; } .game-list .name:hover, .game-list li:hover .name { color: #03b4f5; } .game-list .row em { color: #03b4f5; } .game-list .col-1 { float: left; width: 40%; } .game-list .col-2 { float: left; width: 60%; } .game-list .intro { height: 44px; font-size: 12px; line-height: 24px; margin: 7px 0 14px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; line-clamp: 2; } .game-list .enterhome { margin-right: 10px; border: 1px solid #ff7d26; color: #ff7d26; } .game-list .enterhome i { background: url(../images/pq_icon.png)0 -126px no-repeat; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-top: -4px; } .game-list .enterhome:hover { color: #fff; background: #ff7d26; } .game-list .enterhome:hover i { background-position: -12px -126px; } .game-list .download { margin-right: 10px; border: 1px solid #03B4F5; color: #03B4F5 } .game-list .download i { background: url(../images/pq_icon.png) 0 -138px no-repeat; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-top: -2px; } .game-list .download:hover { color: #fff; background: #03B4F5 } .game-list .download:hover i { background-position: -12px -138px; } .g-container { background: #FFF; padding: 30px 0; } .game-list .slb { margin-right: 0; } .game-list .row { overflow: hidden; } .game-list .g-btn { width: auto; border-radius: 5px; } .page span { background: #ffffff; line-height: 22px; height: auto; color: #666666; border: none; } .page a, .page a:visited, .page a:active, .pagepp .current { border-radius: 3px; display: inline-block; line-height: 28px; font-size: 14px; color: #525252; padding: 0 12px; background: transparent; vertical-align: middle; margin: 0 3px; transition: all .3s linear; border: 1px solid #cfcece; height: auto; } .page a:hover, .pagepp .current { background: #03B4F5; border-color: #03B4F5; color: #FFF; } .footerBox, .NewFootGroup { background: #f1f2f3; } /*占位符 begin!*/ .zdis_relative{ display:relative; } .zimg_img{ display:relative; z-index:2; } .zdis_tab{ display:table; width:97px; height:97px; background-color:#e2e2e2; } .zdis_tabcell{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; } /*end 占位符*/