/*--- 游戏发布分类 ---*/
.wrap {max-width:1130px; min-width: 320px; position: relative; background: #f3f3f3; margin: 30px auto; margin-bottom: 0;}
.upperwrap {box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);}
.mainwrap {overflow: hidden; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);}
.main {position: relative; width: calc(100% - 320px); float: left; background-color: #fff; padding: 10px 24px; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1); margin-top: 10px; border-radius: 2px;}
.right-nav {position: relative; width: 296px; z-index: 30; background: #f3f3f3; float: right; margin: 10px 12px;}
.info-content {display: flex; justify-content: space-between; position: relative; min-height: 315px;}
.fmainwrap {display: flex; justify-content: space-between; position: relative; min-height: 300px; margin-bottom: 24px;}
/*.fmainwrap {display: block; padding-bottom: 0;}*/
.header-main {position: relative; display: flex; align-items: center; justify-content: space-between; height: 56px; background: #fff; color: #000; padding: 0 20px; border-radius: 3px 3px 0px 0px;}
.carusel-box {position: relative; min-height: 274px; background-color: #fff; padding-top: 4px; padding-bottom: 24px; height: auto;}
.footer {background: #1e1e1e;min-width: 320px;padding: 25px 0;border-top: 1px solid #2b2b2b;box-shadow: 2px 0px 2px 0 rgb(0, 0, 0);}
.btn-menu-wr {display: none;}

/*--- FULL News ---*/
.main_content {}
.min-details {position: absolute; right: 15px; top: 11px;}
.min-details time, .mininf {vertical-align: middle; display: inline-block; padding-right: 15px; padding-top: 3px; color: #8a8a8a;}
/*.min-details {position: relative; right: auto; top: 0; margin-bottom: 12px;}*/
.favmod {display: inline-block;vertical-align: middle;cursor: pointer;float: right;}
.favmod-add, .favmod-unset {width: 25px; height: 25px; display: flex; box-sizing: border-box; justify-content: center; align-items: center; color: #7e7e7e; border-radius: 3px; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04); border: solid 1px rgba(0,0,0,0.1); transition: 0.1s;}
.favmod-add:hover {color: #505050;}
.favmod-add {}
.favmod-unset {background: #eaeaea; color: #f52a36; border: 1px solid #929292;}
.favmod .favmod-unset, .favmod.active .favmod-add {display: none;}
.favmod.active .favmod-unset {display: flex;}
.poster-imgbox {position: relative; width: 210px; height: 300px;}
.poster-imgbox .imgbox {background-size: 100%; width: 210px; height: 300px; border-radius: 2px; box-shadow: 0 1px 2px #bbb;}

.publ-edit {position: absolute; right: 4px; top: 14px; transition: 0.2s; opacity: 0;}
.publ-edit img {width: 24px; height: 24px;}
.short_item:hover .publ-edit, .poster-imgbox:hover .publ-edit, .ssposter:hover .publ-edit {opacity: 1;}

.notice-box {position: absolute; right: 10px; top: 10px;}
.notice-box .fa-check-circle {background-color: #608c0c; color: #8fce15; border-radius: 50%; font-size: 23px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.notice-box .fa-clock {background-color: #ad2d06; color: #ff6130; border-radius: 50%; font-size: 21px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.hname {margin-bottom: 10px;}
.hname h1 { color: #000;}
span.st {display: block; line-height: 1.4;}
span.dateym {font-size: 15px; padding-right: 6px; color: #8a8a8a;}
.ulgenre {line-height: 20px; padding: 1px 0;}
.ulgenre a, .link-year {color: #4a84c4; border-bottom: 1px dotted; font-size: 0.95em;}
.ulgenre a:hover, .link-year:hover {color: #e80000;}
.persize {margin-top: 10px; font-size: 1.2em;}
.persize span {background: #7bc43c; color: #fff; padding: 2px 5px; font-size: 14px; font-weight: 500; border-radius: 2px; margin-left: 8px;}
.persize1 {margin-top: 10px; font-size: 1.2em;}
.persize1 span {background: #24C7FC; color: #fff; padding: 2px 5px; font-size: 14px; font-weight: 500; border-radius: 2px; margin-left: 8px;}
.persize_bottom {font-size: 1.1em;}
.persize_bottom span {background: #343434; color: #fff; padding: 2px 5px; font-size: 14px; font-weight: 500; border-radius: 2px; margin-left: 8px;}
.tquote {position: relative; margin-top: 18px; font-weight: 600;font-size: 16px;}
.tquote font {background: #f00; color: #fff; padding: 2px 5px; border-radius: 2px;}
.tquote:before, .tquotere:before, .notice_main:before  {position: absolute; top: 0px; left: -12px; color: #e2000e; content: "*"; font-weight: 700; font-size: 16px;}
.apptag_ctn {position: relative; margin: 25px 0;}
.apptag-head {font-size: 1.8em; color: #000; font-weight: 500; padding-left: 2px; margin-bottom: 8px; display: block;}
.apptag-head1 {font-size: 18px; color: #000; font-weight: 800; }
.xinxi1 {padding: 6px 10px;border-right-style: solid;border-left-style: solid;border-left-width: 2px;border-right-width: 2px;background-color: #f5f5f5;border-color: #ddd;font-size: 14px; }
.xinxi2 {background-color: #f5f5f5;font-size: 14px; }
/*.apptag-head::before {position: absolute;content: "";width: 20px; height: 20px;left: 0;top: 0px;background-size: 100%;}*/
.subhname {margin-top: 8px; font-weight: 600; color: #909090; font-size: 15px;}
.subhname1.red {color: #f13802;}


/*--- 游戏信息介绍 ---*/


@media screen and (max-width: 1100px) {
    .short_img img {max-height: 212px;}
}
@media screen and (max-width: 590px) {
    #quicksearch {width: 52%;}
    .carouleft {display:none;}
    .catheader {display: block;}
    #xsort-button {margin-top: 10px;}
    .xsort-area > div {float: none; margin-right: 0; margin-bottom: 5px;}
    .short_item {width: calc(50% - 14px);}
    .short_img img {max-height: 246px;}
    .fmainwrap {display: block; padding-bottom: 0;}
    .poster-imgbox {margin: 0 auto;}
    .game_details {width: 100%; padding: 24px 0;} 
    .scrblock img {width: calc(50% - 8px);} 
    .rels-c {display: flex; flex-wrap: wrap; justify-content: space-around; margin-right: 0px;}    
    .comm-one > span:nth-child(4) {display:none;}
    .page-navi {display: block; margin: 12px; font-size: 17px;}
    .pprev, .pnext {font-size: 22px;}
    .page-navi a, .page-navi span {width: 30px; height: 30px; line-height: 30px;}
    .list_item {margin-bottom: 42px;}
    .show_ver {margin-bottom: 4px;}
    .comm-th {position: relative; margin-bottom: 20px; left: 0;}
    .ac-soc:before {display:none;}
    .ac-soc {position:static;}
    .ac-inputs {display: block !important;}     
    .ac-inputs input {width:100%;}
    .head-addcomm {padding-top: 8px;}
    .footer-c {display: block;}
    .footer-dc a {margin: 20px 14px 0 0px; color: #4a84c4; display: inline-block;}    
    .ui-dialog {width:100% !important;}
    .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
    .upop-left {margin-bottom:10px; text-align:center;}
    .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
    #dofullsearch, #searchsuggestions span.seperator {display:none !important;}   
}
@media screen and (max-width: 590px) {
    #quicksearch {width: 52%;}
    .carouleft {display:none;}
    .catheader {display: block;}
    #xsort-button {margin-top: 10px;}
    .xsort-area > div {float: none; margin-right: 0; margin-bottom: 5px;}
    .short_item {width: calc(50% - 14px);}
    .short_img img {max-height: 246px;}
    .fmainwrap {display: block; padding-bottom: 0;}
    .poster-imgbox {margin: 0 auto;}
    .game_details {width: 100%; padding: 24px 0;} 
    .scrblock img {width: calc(50% - 8px);} 
    .rels-c {display: flex; flex-wrap: wrap; justify-content: space-around; margin-right: 0px;}    
    .comm-one > span:nth-child(4) {display:none;}
    .page-navi {display: block; margin: 12px; font-size: 17px;}
    .pprev, .pnext {font-size: 22px;}
    .page-navi a, .page-navi span {width: 30px; height: 30px; line-height: 30px;}
    .list_item {margin-bottom: 42px;}
    .show_ver {margin-bottom: 4px;}
    .comm-th {position: relative; margin-bottom: 20px; left: 0;}
    .ac-soc:before {display:none;}
    .ac-soc {position:static;}
    .ac-inputs {display: block !important;}     
    .ac-inputs input {width:100%;}
    .head-addcomm {padding-top: 8px;}
    .footer-c {display: block;}
    .footer-dc a {margin: 20px 14px 0 0px; color: #4a84c4; display: inline-block;}    
    .ui-dialog {width:100% !important;}
    .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
    .upop-left {margin-bottom:10px; text-align:center;}
    .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
    #dofullsearch, #searchsuggestions span.seperator {display:none !important;}   
}
@media screen and (max-width: 960px) {
    .main {width: 100%; float: none;}
    .mainwrap {box-shadow: none;}
    .mainwrap:before {display: none;}
    .right-nav {margin: 0; width: 100%; display: none;}
    .block-right {border-radius: 0; margin-bottom: 0; box-shadow: none;}
    .btn-menu-wr {display: block;}    
    .wrap {margin: 0;}
    .menu-head .menu-topnavi {display: none;}
    .side-panel .right-nav {width: 100%; margin: 10px 0px;}
    .side-panel .menu-topnavi {display: block; margin: 0;}
    .menu-headnav {display: block; color: #565656; padding: 6px 20px; font-size: 17px; font-weight: 500;}
    .menu-headnav.open > .link {color: #000; font-weight: 500;}
    .menu-headnav-list {position: relative; background-color: transparent; width: 100%; right: auto; left: auto; top: auto; padding: 6px 0; box-shadow: none; border-radius: 0;}
    .link:before {top: 4px; font-size: 23px; color: #c3c3c3;} 
    .short_img img {max-height: 246px;}
}

@media screen and (max-width: 730px) {
    .tech_details {display: block; margin: 12px 0;}
    .tech_details .tech_details-block {width: 100%; padding: 2% 0; margin: 0;}
    .short_img img {max-height: 226px;}
}    

@media screen and (max-width: 690px) {
    .search-wrap {opacity: 0; visibility: hidden;}
    .search-wrap {display: block; position: fixed; z-index: 23; left: 20px; right: 0px; top: 10px; margin: 0; width: auto; height: 1px;}
    #search_btn {position: relative; display: block; cursor: pointer;}
    #search_btn {position: relative; display: block; width: 36px; height: 36px; border-radius: 50%; background-color: #ffe076; border: 2px solid #fcd960; cursor: pointer; margin-right: 10px;}
    #search_btn .icon-search {font-size: 18px; color: #917c34;}
    .search_open .search-wrap {opacity: 1; visibility: visible;}
    .xsort-div-clearall {display: none;}
    .xsort-area > div {margin-right: 8px;}
    .breadcrumbs {width: 100%; padding-top: 24px;}
    .owl-dots .owl-dot span {width: 15px !important; height: 15px !important;}
    .mgful .carusel-box {min-height: 290px;}
    .mgful .owl-dots {margin-top: 6px !important;}
    .min-details {position: relative; right: auto; top: 0; margin-bottom: 12px;}
    .commtime {display: none;}
    .short_img img {max-height: 196px;}
    .notice-dist {display: block;}
    .notice-dist .attention {top: 14px;}
}    


@media screen and (max-width: 470px) {
    .search-wrap {left: 0; right: 0; top: 56px; padding-right: 0;}
    #quicksearch {width: 100%;}
    #quicksearch input {height: 44px; line-height: 44px; border-radius: 0; background: #ffe487; border: 2px solid #fdda60; box-shadow: 0 0px 4px rgb(227 201 111);}
    #quicksearch input:focus {background: #ffe487; color: #917c34; font-size: 17px; font-weight: 500; box-shadow: none;}
    .search-button {width: 44px; height: 44px; font-size: 18px; color: #917c34;}
    #ajax_search::placeholder {font-size: 15px; font-weight: 500; color: #917c34;}
    .sort-hide {height: 34px; padding: 0 18px;}
    .sort-hide span {display: none;}
    .sort-hide:before {right: 12px;}
    #news_set_sort {left: auto; right: 0;}  
    .notice-dist {display: block;}
    .attention-title {line-height: 24px !important;} 
    .packageinfo {display: none !important;}
    .game_block_action {right: 0; left: 0; bottom: -16px; text-align: center;}
    .packagedownld .size {font-size: 14px;}
    .packagedownld a.downld {font-size: 16px;}
    .comments_subscribe {display: block;}
    .ac-submit {width: 100%; float: none !important; padding-top: 20px;}
    .ac-submit button, .btn-cn button {width: 100%;}
    .comm-rate {top: 22px;}
}

@media screen and (max-width: 430px) {
    .short_img img {max-height: 226px;}
}

@media screen and (max-width: 390px) {
    .logo {width: 30px; height: 30px; overflow: hidden;}
    .logo img {width: 137px; height: 30px; max-width: fit-content;}
    .owl-dots .owl-dot span {margin: 5px 6px !important;}
    .short_img img {max-height: 196px;}
}    

.game_details {width: calc(100% - 210px); padding-left: 24px;}


.ul-details {line-height: 35px; font-size: 1.1em;}
.ul-details li {font-size: 1.1em;}
.ul-details li > span:first-child {font-weight: 600; padding-right: 2px;}


.low-info {position: relative; padding-top: 16px; overflow: hidden;}

.ratingbox {position: relative;}
.rate-stars, .rate-label {display: inline-block; vertical-align: middle;}
.rate-label {font-size: 16px; padding: 1px 8px; font-weight: 700; color: #fff; border-radius: 4px; margin-right: 5px;}
.rating, .unit-rating {width: 109px;height: 22px;}
.unit-rating, .unit-rating li a:hover,.unit-rating li.current-rating {background-image: url('../image/rating.png');-webkit-background-size: 22px auto;background-size: 22px auto;}
.unit-rating {list-style:none;margin:0;padding:0;position:relative;background-position: 0px -45px;}
.unit-rating li {text-indent:-90000px; padding:0; margin:0; float:left;}
.unit-rating li a {display:block;width: 22px;height: 22px;text-decoration:none;border:0 none!important;text-indent:-9000px;z-index:17;position:absolute;padding:0;}
.unit-rating li a:hover {background-position:0 -22px; z-index:2; left:0;}
.unit-rating a.r1-unit {left:0;}
.unit-rating a.r1-unit:hover {width:22px;}
.unit-rating a.r2-unit {left:22px;}
.unit-rating a.r2-unit:hover {width:44px;}
.unit-rating a.r3-unit {left:44px;}
.unit-rating a.r3-unit:hover {width:66px;}
.unit-rating a.r4-unit {left:66px;}
.unit-rating a.r4-unit:hover {width:88px;}
.unit-rating a.r5-unit {left:88px;}
.unit-rating a.r5-unit:hover {width:109px;}
.unit-rating li.current-rating {background-position:0 0;position:absolute;height: 22px;display:block;text-indent:-9000px;z-index:1;padding:0;}

.rate-5 {background-color: #46a819;}
.rate-4 {background-color: #82c315;}
.rate-3 {background-color: #f5c518;}
.rate-1, .rate-2 {background-color: #ee2c28;}
.rate-0 {background-color: #b8b8b8;}



.rel_network {display: block; margin: 24px 0;}
.net_header {display: inline-block; background: #fedc80; padding: 3px 5px; color: #000; font-weight: 500;}
.net_url {display: block; margin-top: 6px;}
.net_url a {color: #0e69ce; text-decoration: underline;}
.game_desc {position: relative; margin: 10px 0 24px 0; color: #212529; line-height: 1.5; font-size: 1.125em;}
.game_desc strong, .cat-game b {color: #F96B4A;}
.game_desc a {color: #1155cc;}
.game_desc a:hover {color: #013a84;}
.game_desc ul li {list-style: square; margin-left: 24px;}
.game_desc ol li {list-style: decimal; margin-left: 24px;}
.game_desc.expand {margin-bottom: 30px;}
.expand {height: auto !important;}

.scrhead {padding: 12px 0px 12px 5px; font-size: 17px; font-weight: 700;}
.scrblock {position: relative; font-size: 0;}
.scrblock-hide {position: relative; text-align: center; overflow: hidden; height: 0px;}
.open-scr {position: absolute; bottom: -20px; right: 0px; font-size: 12px; color: #636363; cursor: pointer; background: #f9f9f9; border: 1px solid #e8eced; padding: 0 4px;}
.scrblock img {width: calc(33.3% - 8px); height: auto; border-radius: 1px; box-shadow: 0 1px 3px 0px #3e3e3e, 0 0px 0px 1px #3e3e3e; margin: 4px;}
.scrblock .expand {height: auto;}

.videohead {margin: 24px 0px 16px 5px; font-size: 17px; font-weight: 700;}
.videoox {text-align: center; font-size: 1.125em; margin-top: 12px;}
.openvideoox {position: relative; padding-bottom: 1px; border-bottom: 1px dashed; color: #2f2f2f; font-weight: 700; cursor: pointer;}
.openvideoox:before {content: "";position: absolute;right: -20px;top: 2px;width: 15px;height: 18px;background: url(../image/click.png) no-repeat;background-size: contain;}
.openvideoox:after {content: "";position: absolute;right: -15px;top: 6px;width: 6px;height: 6px;border-radius: 50%;animation: radial-pulse 2s infinite;}
.openvideoox a {color: #2f2f2f;}
@keyframes radial-pulse {0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.59);}100% {box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);}}

#microtrailer {position: relative; text-align: center;}
.turn_sound {position: absolute; top: 12px; right: 10px; color: #ccc; cursor: pointer; text-transform: uppercase; font-size: 11px; padding: 3px 7px; background-color: #0006; border: 1px solid #aaa3; border-radius: 2px;}
.turn_sound:hover {color: #fff;}
.iframe-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.iframe-wrap iframe, .iframe-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0;}

.imglogo {margin: 34px 0; text-align: center;}
.imglogo img {width: 320px; max-height: 180px;}

/*游戏发布分类︿*/