@charset "utf-8"; /* CSS Document */
body {
    margin: 0 auto;
    font-size: 12px;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif;
    color: #000;
    text-align: left;
    background-color: #f9f9f8;
}

img {
    border: 0px;
}

form,input,select,div,ul,li,p,h,h1,h2,h3,h4,em,i {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal;
    font-family: "微软雅黑";
    font-style: normal;
}

a {
    text-decoration: none;
    color: #4b4b4b;
    cursor: pointer
}

a:visited {
    text-decoration: none;
    color: #4b4b4b
}

a:hover {
    text-decoration: none;
    color: #ff3600;
}

a:active {
    text-decoration: none;
}

.fhyxNewListContainer {
    width: 1200px;
    height: auto;
    margin: 24px auto 50px;
    display: block;
    background: #f9f9f8;
    display: table
}

.fhyxNewListLeft {
    float: left;
    width: 880px;
    height: auto;
}

.fhyxNewListHead {
    float: left;
    width: 100%;
    height: 54px;
    background: #ffffff;
    border-radius: 8px;
}

.fhyxNewListHead a {
    float: left;
    width: auto;
    height: 54px;
    line-height: 54px;
    margin: 0 20px;
    font-size: 18px;
    color: #474747;
}

.fhyxNewListHead a span {
    float: right;
    width: 11px;
    height: 14px;
    margin-top: 21px;
    margin-left: 3px;
}

.fhyxNewListHead a i {
    float: left;
    width: 11px;
    height: 6px;
}

.fhyxNewListHead a i.up {
    background: url("/images/application/pc/com/fhyx_newlist1.png") no-repeat;
}

.fhyxNewListHead a i.down {
    background: url("/images/application/pc/com/fhyx_newlist2.png") no-repeat;
    margin-top: 2px;
}

.fhyxNewListHead a.active {
    position: relative;
    font-weight: bold;
    color: #fa4d00;
}

.fhyxNewListHead a.active i.up.active {
    background: url("/images/application/pc/com/fhyx_newlist3.png") no-repeat;
}

.fhyxNewListHead a.active i.down.active {
    background: url("/images/application/pc/com/fhyx_newlist4.png") no-repeat;
}

.fhyxNewListHead a.active:after {
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    right: 0;
    width: 16px;
    height: 6px;
    background-image: linear-gradient(270deg, #fa4d00 0%, #ff6600 100%);
    border-radius: 4px;
    margin: 0 auto;
}

.fhyxNewListUl {
    float: left;
    width: 880px;
    height: auto;
    margin-top: 20px;
}

.fhyxNewListLi {
    float: left;
    width: 100%;
    height: 80px;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 16px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.fhyxNewListLi:hover {
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
}

.fhyxNewListLi .left {
    float: left;
    width: 171px;
    height: 80px;
    position: relative;
}

.fhyxNewListLi .left .img {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
}

.fhyxNewListLi .left .lowest {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 50px;
    height: 24px;
    background: url("/images/application/pc/com/fhyx_c_lowest.png") no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-indent: 7px;
}

.fhyxNewListLi .left .newlowest {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 70px;
    height: 24px;
    background: url("/images/application/pc/com/fhyx_c_newlowest.png?r=1") no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-indent: 11px;
}

.fhyxNewListLi .left .new {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 50px;
    height: 24px;
    background: url("/images/application/pc/com/fhyx_c_new.png") no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-indent: 7px;
}

.fhyxNewListLi .left .ys {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 50px;
    height: 24px;
    background: url("/images/application/pc/com/fhyx_newlist5.png") no-repeat;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-indent: 7px;
}

.fhyxNewListLi .con {
    float: left;
    width: 347px;
    height: 80px;
    margin-left: 16px;
}

.fhyxNewListLi .con .conTop {
    float: left;
    width: 100%;
    height: 25px;
    overflow: hidden;
    margin-top: 18px;
}

.fhyxNewListLi .con .conTop .title {
    float: left;
    max-width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
    color: #474747;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fhyxNewListLi .con .conTop .activity {
    float: left;
    width: 32px;
    height: 18px;
    background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);
    border-radius: 4px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    margin-top: 3px;
}

.fhyxNewListLi .con .conBottom {
    float: left;
    width: 100%;
    height: 15px;
    margin-top: 6px;
    overflow: hidden;
}

.fhyxNewListLi .con .conBottom .issued {
    float: left;
    width: auto;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #999999;
}

.fhyxNewListLi .con .conBottom .typeText {
    float: left;
    width: auto;
    height: 15px;
    max-width: 248px;
}

.fhyxNewListLi .con .conBottom .typeText a {
    float: left;
    width: auto;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #999999;
}

.fhyxNewListLi .con .conBottom .typeText i {
    float: left;
    width: 10px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #999999;
    text-align: center;
}

.fhyxNewListLi .con .conBottom .typeText a:hover {
    color: #fa4d00;
}

.fhyxNewListLi .plat {
    float: left;
    width: 96px;
    height: 80px;
    position: relative;
}

.fhyxNewListLi .priceCon {
    float: right;
    width: 220px;
    height: 80px;
    margin: 0 20px 0 0;
}

.fhyxNewListLi .priceCon .coupon {
    float: left;
    width: 95px;
    height: 34px;
    background: rgba(255,220,208,0.7);
    margin-top: 23px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    color: #ff2e00;
    font-size: 14px;
}

.fhyxNewListLi .priceCon .zk {
    float: right;
    width: 106px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    font-size: 14px;
    color: #4daa54;
}

.fhyxNewListLi .priceCon .oldprice {
    float: right;
    width: 106px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    font-size: 12px;
    text-decoration: line-through;
    color: #999999;
    margin-top: 5px;
}

.fhyxNewListLi .priceCon .price {
    float: right;
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-align: right;
    font-size: 20px;
    color: #fa4d00;
    font-weight: bold;
}

.fhyxNewListLi .priceCon .price i {
    font-size: 20px;
    font-weight: bold;
    float: right;
}

.fhyxNewListLi .priceCon .price em {
    margin-right: 3px;
    line-height: 28px;
    height: 20px;
    float: right;
}

.shop-list-content-null {
    width: 130px;
    height: 32px;
    overflow: hidden;
    text-align: left;
    line-height: 32px;
    margin: 20px auto 20px auto;
    clear: both;
    font-size: 14px;
}

/* 分页 */
.fhyx_page {
    text-align: center;
    min-width: 200px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
    clear: both;
    float: left;
}

.pages {
    height: 26px;
}

.pages a {
    padding: 4px 9px;
    height: 26px;
    line-height: 27px;
    border-radius: 2px;
    border: solid 1px #ccc;
    text-align: center;
    color: #474747;
    font-size: 12px;
    margin-right: 4px;
    border-radius: 4px;
}

.pages a.active,.pages a:hover {
    background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%);
    color: #fff;
    border: unset;
}

.pages span {
    color: #5b6b7f;
    font-size: 12px;
    line-height: 26px;
}

.pages span.more {
    font-size: 21px;
    margin: 0 9px 0 5px;
    line-height: 16px;
}

.pages span.count {
    margin: 0 22px 0 25px;
}

.pages span.jump_t {
    margin: 0 8px;
}

.pages input {
    width: 46px;
    height: 21px;
    border: solid 1px #cecece;
    border-radius: 4px;
}

.pages span.jump {
    padding: 4px 9px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    border: solid 1px #cecece;
    text-align: center;
    color: #5b6b7f;
    font-size: 12px;
    cursor: pointer;
}

.fhyxNewListRight {
    float: right;
    width: 296px;
    height: auto;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.fhyxNewListRight .text {
    float: left;
    width: 100%;
    height: 36px;
    background-color: #efefef;
    text-align: left;
    text-indent: 16px;
    font-size: 14px;
    color: #999999;
    line-height: 36px;
}

.priceSearchCon {
    float: left;
    width: 100%;
    height: 82px;
}

.range_input {
    flex: 1;
    -webkit-appearance: none;
    width: 264px;
    margin: 23px 16px 5px;
    background: linear-gradient(to right, #ffa200, #fa4d00 100%);
    max-height: 8px;
    border-radius: 8px;
}

.range_input:focus {
    outline: none;
}

.range_input::-webkit-slider-runnable-track {
    width: 264px;
    height: 8px;
    cursor: pointer;
    bborder-radius: 8px;
    border: 0;
}

.range_input::-webkit-slider-thumb {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    border: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
}

.range_input:focus::-webkit-slider-runnable-track {
}

.range_input::-moz-range-track {
    width: 264px;
    height: 8px;
    cursor: pointer;
    background-image: linear-gradient(270deg, #ffa200 0%, #fa4d00 100%);
    border-radius: 8px;
    border: 0;
}

.range_input::-moz-range-thumb {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    border: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
}

.range_input::-ms-track {
    width: 264px;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.range_input::-ms-fill-lower {
    background: #4fb7f3;
    border: 0 solid #67c1f5;
    border-radius: 3px;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

.range_input::-ms-fill-upper {
    background: #67c1f5;
    border: 0 solid #67c1f5;
    border-radius: 3px;
    box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}

.range_input::-ms-thumb {
    box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
    border: 0 solid #ffffff;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
}

.range_input:focus::-ms-fill-lower {
    background: #67c1f5;
}

.range_input:focus::-ms-fill-upper {
    background: #7fcbf7;
}

.priceSearchCon .priceRangeText {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}

.typeSearchCon {
    float: left;
    width: 270px;
    height: auto;
    margin: 16px 0 24px 16px;
}

.typeSearchCon a {
    float: left;
    width: 125px;
    height: 36px;
    border-radius: 8px;
    border: solid 1px #efefef;
    margin: 0 0 12px 0;
}

.typeSearchCon a:nth-child(2n) {
    margin-left: 12px;
}

.typeSearchCon a i {
    float: left;
    width: 15px;
    height: 15px;
    border: solid 2px #cccccc;
    margin: 10px 8px 0 12px;
    border-radius: 50%;
}

.typeSearchCon a span {
    float: left;
    width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #474747;
}

.typeSearchCon a:hover {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}

.typeSearchCon a.active {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}

.typeSearchCon a.active i {
    float: left;
    width: 17px;
    height: 15px;
    border: 0;
    background: url("/images/application/pc/com/fhyx_newlist6.png") no-repeat;
}

.typeSearchCon a.active span {
    color: #fa4d00;
}

.platCon_c {
    float: left;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.moreCon {
    float: left;
    width: 264px;
    height: 48px;
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 100%);
    margin-top: -40px;
    line-height: 70px;
    text-align: center;
    font-size: 12px;
    color: #fa4d00;
    cursor: pointer;
}

.moreCon i {
    width: 9px;
    height: 8px;
    background: url("/images/application/pc/com/fhyx_newlist7.png") no-repeat;
    display: inline-block;
}

.platCon_c.active {
    height: auto;
}

.moreCon.active {
    height: 24px;
    background: #f9f9f8;
    border-radius: 8px;
    border: solid 1px #cccccc;
    margin: 0;
    line-height: 24px;
    color: #999999;
}

.moreCon.active i {
    background: url("/images/application/pc/com/fhyx_newlist8.png") no-repeat;
}

/* 平台图标 */
.fhyxNewListLi .plat span {background-image: url("/images/application/pc/common/fhyx_plat_logo.png?r=10");float: left;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.fhyxNewListLi .plat .hk_microsoft {width: 24px;height: 24px;background-position: -114px -9px;}
.fhyxNewListLi .plat .hk_alipan {width: 73px;height: 19px;background-position: -266px -51px;}
.fhyxNewListLi .plat .hk_EAPLAY {width: 60px;height: 20px;background-position: -272px -338px;}
.fhyxNewListLi .plat .hk_steam {width: 70px;height: 21px;background-position: -268px -130px;float: left;}
.fhyxNewListLi .plat .hk_uplay {width: 68px;height: 21px;background-position: -268px -169px;}
.fhyxNewListLi .plat .hk_Rockstar {width: 26px;height: 22px;background-position: -289px -206px;}
.fhyxNewListLi .plat .hk_battle {width: 30px;height: 30px;background-position: -660px -48px;}
.fhyxNewListLi .plat .hk_epic {width: 28px;height: 32px;background-position: -662px -82px;}
.fhyxNewListLi .plat .hk_GOG {width: 29px;height: 29px;background-position: -661px -121px;}
.fhyxNewListLi .plat .hk_ps4 {width: 31px;height: 24px;background-position: -658px -164px;}
.fhyxNewListLi .plat .hk_xbox {width: 25px;height: 25px;background-position: -661px -204px;}
.fhyxNewListLi .plat .hk_SWITCH {width: 72px;height: 15px;background-position: -639px -248px;}
.fhyxNewListLi .plat .hk_fhyxbox {width: 72px;height: 20px;background-position: -638px -286px;}
.fhyxNewListLi .plat .hk_MOJANG {width: 75px;height: 12px;background-position: -637px -330px;}
.fhyxNewListLi .plat .hk_pcgame {width: 66px;height: 16px;background-position: -642px -368px;}
.fhyxNewListLi .plat .hk_Bethesda {width: 72px;height: 12px;background-position: -639px -410px;}
.fhyxNewListLi .plat .hk_Battlestate {width: 57px;height: 30px;background-position: -647px -441px;}
.fhyxNewListLi .plat .hk_Online {width: 56px;height: 12px;background-position: -647px -500px;}
.fhyxNewListLi .plat .hk_ps5 {width: 73px;height: 16px;background-position: -639px -537px;}
.fhyxNewListLi .plat .hk_XBOXONE {width: 94px;height: 19px;background-position: -663px -577px;}
.fhyxNewListLi .plat .hk_XboxSeries {width: 111px;height: 13px;background-position: -675px -624px;}
.fhyxNewListLi .plat .hk_cubejoy {width: 54px;height: 20px;background-position: -647px -656px;}
.fhyxNewListLi .plat .hk_baidupan {width: 72px;height: 16px;background-position: -639px -695px;}
.fhyxNewListLi .plat .hk_wy {width: 62px;height: 21px;background-position: -644px -736px;}
.fhyxNewListLi .plat .hk_leigod {width: 26px;height: 26px;background-position: -984px -44px;}
.fhyxNewListLi .plat .hk_xunyou {width: 25px;height: 25px;background-position: -984px -99px;}
.fhyxNewListLi .plat .hk_paopaospeed {width: 28px;height: 25px;background-position: -984px -150px;}
.fhyxNewListLi .plat .hk_ios {width: 20px;height: 23px;background-position: -989px -204px;}
.fhyxNewListLi .plat .hk_Android {width: 24px;height: 26px;background-position: -989px -251px;}
.fhyxNewListLi .plat .hk_gamepp {width: 30px;height: 30px;background-position: -986px -308px;}
.fhyxNewListLi .plat .hk_myth {width: 87px;height: 28px;background-position: -812px -378px;}
.fhyxNewListLi .plat .hk_TALKI {width: 40px;height: 28px;background-position: -981px -438px;}
.fhyxNewListLi .plat .hk_pkyouxia {width: 64px;height: 18px;background-position: -270px -248px;}
.fhyxNewListLi .plat .hk_qiyou {width: 34px;height: 28px;background-position: -979px -568px;}
.fhyxNewListLi .plat .hk_qiyou {width: 34px;height: 28px;background-position: -979px -568px;}
.fhyxNewListLi .plat .hk_fhyxjsq {width: 30px;height: 30px;background-position: -287px -288px;}
.fhyxNewListLi .plat .hk_VALORANT {width: 24px;height: 24px;background-position: -290px -372px;}
.fhyxNewListLi .plat .hk_LOL {width: 24px;height: 24px;background-position: -290px -421px;}
.fhyxNewListLi .plat .hk_Razer {width: 29px;height: 29px;background-position: -287px -467px;}
.fhyxNewListLi .plat .hk_pubg {width: 24px;height: 24px;background-position: -290px -513px;}
.fhyxNewListLi .plat .hk_applemusic {width: 24px;height: 24px;background-position: -985px -619px;}
.fhyxNewListLi .plat .hk_WeGame {width: 93px;height: 22px;background-position: -115px -624px;}
.fhyxNewListLi .plat .hk_Lenovo {width: 80px;height: 22px;background-position: -293px -663px;}
.fhyxNewListLi .plat .hk_SWITCH2 {width: 39px;height: 22px;background-position: -217px -702px;}

.fhyxNewListLi .con.notPlat {
    width: 450px;
}
.fhyxNewListLi .plat.notPlat {
    width: auto;
}