/* 头部搜索和引导下载按钮 */
.ymw-header-new.ymw-header-new-index {
    width: 100%;
    height: auto;
    background-color: #fff;
}
.ymw-header-new .headerNewBox {
    position: relative;
    width: 100%;
    height: 0.8rem;
    position: fixed;
    /* top: 0; */
    left: 50%;
    z-index: 99995;
    background: #fff;
    margin-left: -50%;
}
.ymw-header-new .headerNewBox .ymw-logo {
    position: absolute;
    left: 0.32rem;
    top: 0.2rem;
    display: block;
    width: 1.58rem;
    height: 0.4rem;
    background: url(../fonts/logo.svg) 0 0 no-repeat;
    background-size: 1.58rem;
}
.ymw-header-new .headerNewBox .ywm-header-search {
    position: absolute;
    right: 2.14rem;
    top: .13rem;
    z-index: 11;
    width: .54rem;
    height: .54rem;
    background: url(../images/search_icon_16@3x.png) no-repeat center center / .32rem;
    color: #a6a6a6;
    font-size: .26rem;
    line-height: .51rem;
    font-size: 0;
}
.ymw-header-new .headerNewBox .ywm-header-search.cur {
    background: transparent url(../images/close_icon_15@3x.png) no-repeat center / .3rem;
    right: .32rem;
    top: .25rem;
    width: .3rem;
    height: .3rem;
    padding: 0;
    text-indent: -99999px;
    margin-top: .03rem;
}
.ymw-header-new .headerNewBox .ymw-app-open {
    position: absolute;
    top: .13rem;
    right: .37rem;
    width: 1.38rem;
    height: .54rem;
    background: #EB413D;
    color: #fff;
    font-size: .24rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f01a21;
    box-sizing: border-box;
    border-radius: .08rem;
}
.ymw-header-new .headerNewBox .ywm-header-search-pop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: .8rem;
    transform-origin: 100% 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    transform: scale(0,1);
    background: #fff;
}
.ymw-header-new .headerNewBox .ywm-header-search-pop.cur {
    visibility: visible;
    opacity: 1;
    transform: scale(1,1);
}
.ymw-header-new .ywm-header-navs {
    width: 100%;
    height: 1.6rem;
    padding: 0.95rem 0 0 0.32rem;
    box-sizing: border-box;
}
.ymw-header-new .ywm-header-navs .ywm-header-swp {
    position: relative;
    margin: 0;
    height: 0.5rem;
    width: auto;
    padding-right: 0.24rem;
}
.ymw-header-new .ywm-header-navs .ywm-header-swp::before {
    content: "";
    position: absolute;
    height: .51rem;
    top: 0;
    right: 0;
    width: .2rem;
    z-index: 2;
    background: linear-gradient(to right,rgba(255,255,255,0),#fff);
}
.ymw-header-new .ywm-header-navs .ywm-header-swp a {
    height: .5rem;
    line-height: .5rem;
    font-weight: bold;
    color: #222;
    margin-right: .4rem;
    white-space: nowrap;
}
.ymw-header-new .ywm-header-navs .ywm-header-swp a:last-child {
    margin-right: 0;
}
/* 轮播图 */
.swiper-container.ymwSlider {
    padding: .12rem 0;
    margin-bottom: .2rem;
}
.swiper-container.ymwSlider .swiper-slide {
    width: 6.56rem !important;
    /* margin-right: .16rem; */
}
.swiper-container.ymwSlider .swiper-slide img {
    border-radius: .08rem;
}
.ymwSlider .swiper-slide a .sliderTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 6.56rem;
    height: 2.34rem;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%);
    border-radius: 0px 0px .08rem .08rem;
    overflow: hidden;
}
.ymwSlider .swiper-slide a .sliderTitle h5 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .22rem .23rem;
    box-sizing: border-box;
    font-size: .36rem;
    color: #fff;
}
/* 头条 */
.pagePositionIndex .ymw-todaytop {
    width: 6.56rem;
    height: .72rem;
    border-radius: 0.08rem;
    margin: 0 auto;
    padding: .16rem .2rem .16rem .96rem;
    box-sizing: border-box;
    background: #F5F7F9 url(../images/toutiao_icon@3x.png) no-repeat .2rem .2rem / .6rem .28rem;
    overflow: hidden;
}
.pagePositionIndex .ymw-todaytop .yu-danger {
    position: absolute;
    width: 5.4rem;
    height: .4rem;
    line-height: .4rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: .28rem;
    color: #222 !important;
    padding-left: .16rem;
    box-sizing: border-box;
}
.pagePositionIndex .ymw-todaytop .yu-danger .circle {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .05rem;
    height: .05rem;
    background-color: #222;
    border-radius: .1rem;
}
.pagePositionIndex .ymw-todaytop .yu-danger span {
    height: .4rem;
    line-height: .4rem;
    padding-top: .08rem;
}
.pagePositionIndex .ymw-todaytop .ymwTodayTop {
    height: .4rem;
}
/* 新闻列表 */
.yu-danger {
    color: #e7222a!important;
}
.ymw-list-tp1 {
    width: 100%;
    padding: .12rem .32rem 0;
    box-sizing: border-box;
    margin-bottom: 0;
}
.ymw-list-tp1 li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .24rem 0;
    /* border-bottom: 1px solid #eee; */
}
.ymw-list-tp1 li::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
    transform: scaleY(.5);
}
.ymw-list-tp1 li .titleAndTime {
    display: flex;
    flex-direction: column;
    width: 4.18rem;
}
.ymw-list-tp1 li h5 {
    width: 4.18rem;
    font-size: .3rem;
    font-weight: 400;
    color: #222;
    line-height: .44rem;
    margin-bottom: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ymw-list-tp1 li p {
    font-size: .22rem;
    color: #999;
    display: flex;
    align-items: center;
}
.ymw-list-tp1 li p .commentNum {
    background-image: none;
    margin-left: .3rem;
}
.ymw-list-tp1 li img {
    width: 2.12rem;
    height: 1.36rem;
    background: rgba(0, 0, 0, 0);
    border-radius: .08rem;
}
.ymw-list-tp1 li.sanTu {
    flex-direction: column;
    align-items: flex-start;
}
.ymw-list-tp1 li.sanTu h5 {
    display: block;
    width: 6.56rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ymw-list-tp1 li.sanTu .sanTuImgList {
    width: 6.56rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .16rem;
}
/* 热门游戏 */
.hotGame {
    padding: .24rem 0 0;
    border-top: .12rem solid #F5F7F9;
    border-bottom: .12rem solid #F5F7F9;
}
.hotGame .ymw-title-lev2 {
    height: .86rem;
}
.ymw-title-lev2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem .24rem;
    margin-top: 0;
    box-sizing: border-box;
}
.ymw-title-lev2 span {
    font-size: .32rem;
    line-height: .52rem;
    color: #222;
    padding: 0;
}
.ymw-title-lev2 a {
    position: static;
    height: .62rem;
    font-size: .24rem;
    color: #666;
    padding-right: .24rem;
    background: url(../images/more_icon@3x.png) no-repeat right center / .24rem;
}
.ymw-hotgame {
    padding: 0 0 .4rem .32rem;
    margin-bottom: 0;
}
.ymw-hotgame .ymwScroImg {
    padding-bottom: 0;
    margin-bottom: 0;
}
.ymw-hotgame .ymwScroImg .swiper-slide a img {
    width: 1.92rem;
    height: 2.66rem;
    border-radius: .08rem;
}
.ymw-hotgame .ymwScroImg .swiper-slide a h5 {
    width: 1.82rem;
    height: .37rem;
    font-size: .26rem;
    line-height: .37rem;
    color: #222;
    margin: .12rem 0 .06rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align: left;
}
.ymw-hotgame .ymwScroImg .swiper-slide a .gameScoreBox {
    display: flex;
    align-items: center;
}
.ymw-hotgame .ymwScroImg .swiper-slide a .gameScore {
    display: flex;
    width: 1.08rem;
    height: .2rem;
    background-image: url(../images/image_gamescorebar_54x20@3x.png);
    background-position: left top;
    background-size: 1.08rem .4rem;
    background-repeat: no-repeat;
    margin-right: .08rem;
}
.ymw-hotgame .ymwScroImg .swiper-slide a .gameScore .active {
    background-image: url(../images/image_gamescorebar_54x20@3x.png);
    background-position: left -0.2rem;
    background-size: 1.08rem .4rem;
    background-repeat: no-repeat;
}
.ymw-hotgame .ymwScroImg .swiper-slide a .score {
    font-size: .2rem;
    color: #999;
    font-weight: bold;
}
/* 手机游戏 */
.phoneGame {
    width: 100%;
    padding: .24rem 0;
    border-top: .12rem solid #F5F7F9;
    border-bottom: .12rem solid #F5F7F9;
}
.phoneGame .ymw-tab-two {
    width: 100%;
    padding-left: .36rem;
    box-sizing: border-box;
}
.phoneGame .ymw-tab-two .swiper-slide {
    width: 6rem;
    margin-right: .52rem;
}
.phoneGame .ymw-tab-two .swiper-slide.swiper-slide-active {
    /* margin-right: .2rem; */
    /* padding-left: .36rem; */
}
.phoneGame .ymw-tab-two .swiper-slide:last-child.swiper-slide-active {
    /* padding-left: .2rem; */
}
.phoneGame .ymw-tab-two .swiper-slide:last-child.swiper-slide-next {
    /* padding-left: .2rem; */
}
.phoneGame .ymw-tab-two .ymw-list-mgame {
    width: 6rem;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: .12rem;
    margin-bottom: .12rem;
    border: none;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.56rem;
    height: .01rem;
    background: #eee;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li:last-child {
    margin-bottom: 0;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li:last-child::before {
    display: none;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li .ymw-list-mgame-img {
    min-width: auto;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .28rem;
    margin-right: .24rem;
    flex-shrink: 0;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li .ymw-list-mgame-img img {
    width: 100%;
    height: 100%;
    border-radius: .28rem;
}
.phoneGame .ymw-tab-two .ymw-list-mgame li .ymw-list-mgame-txt {
    width: 3.3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: .24rem;
    margin-left: 0;
}
.phoneGame .ymw-tab-two .ymw-list-mgame-txt h5 a {
    width: 3.3rem;
    height: .42rem;
    line-height: .42rem;
    font-weight: bold;
    font-size: .3rem;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phoneGame .ymw-tab-two .ymw-list-mgame-txt .gameScoreBox {
    height: .2rem;
    margin: .04rem 0 .08rem;
    display: flex;
    align-items: center;
}
.gameScoreBox .gameScore {
    display: flex;
    width: 1.08rem;
    height: .2rem;
    background-image: url(../images/image_gamescorebar_54x20@3x.png);
    background-position: left top;
    background-size: 1.08rem .4rem;
    background-repeat: no-repeat;
    margin-right: .08rem;
}
.gameScoreBox .gameScore.cur {
    display: none !important;
}
.gameScoreBox .gameScore .active {
    background-image: url(../images/image_gamescorebar_54x20@3x.png);
    background-position: left -0.2rem;
    background-size: 1.08rem .4rem;
    background-repeat: no-repeat;
}
.gameScoreBox .score {
    font-size: .2rem;
    color: #999;
    /* margin-left: .08rem; */
}
.phoneGame .ymw-tab-two .ymw-list-mgame-txt .gameSize span {
    display: inline-block;
    height: .33rem;
    line-height: .33rem;
    font-size: .24rem;
    color: #999;
    font-weight: 400;
}
.phoneGame .ymw-tab-two .ymw-list-mgame-txt .gameSize span.type {
    margin-right: .24rem;
}
.phoneGame .ymw-tab-two .ymw-list-mgame-down {
    width: 1.02rem;
    height: .54rem;
    background: #F5F7F9;
    border-radius: .08rem;
    text-align: center;
    line-height: .54rem;
    font-size: .24rem;
    font-weight: bold;
    color: #222;
    border: none;
}
/* 加载更多按钮 */
.clickLoadMoreBtn {
    display: flex;
    width: 100%;
    height: .62rem;
    align-items: center;
    justify-content: center;
    margin: .28rem 0 .5rem;
}
.clickLoadMoreBtn.loading {
    display: none;
}
.clickLoadMoreBtn span {
    font-size: .28rem;
    color: #666;
}
.clickLoadMoreBtn i.more {   
    display: block;
    width: .24rem;
    height: .24rem; 
    background: url(../images/icon_jiantou_12@3x.png) no-repeat center / .24rem;
    margin-left: .08rem;
}
.clickLoadMoreBtn.loading i.load {
    width: .28rem;
    height: .28rem;
    margin-left: 0;
    margin-right: .08rem;
    background: url(../images/load_16px_1@3x@3x.png) no-repeat center / .28rem;
}
.clickLoadMoreBtn.ymw-more-loading i.load {
    width: .28rem;
    height: .28rem;
    margin-left: 0;
    margin-right: .08rem;
    background: url(../images/load_16px_1@3x@3x.png) no-repeat center / .28rem;
    animation: loadingMore 1s infinite;
}

/* 动态加载更多 */
.ymw-more i {
    display: block;
    width: .24rem;
    height: .24rem; 
    background: url(../images/icon_jiantou_12@3x.png) no-repeat center / .24rem;
    margin-left: .08rem;
}
.ymw-more span {
    font-size: .28rem;
    color: #666;
}

.ymw-more.ymw-more-loading i {
    width: .28rem;
    height: .28rem;
    margin-left: .08rem;
    /* margin-right: .08rem; */
    background: url(../images/load_16px_1@3x@3x.png) no-repeat center / .28rem;
    animation: loadingMore 1s infinite;
}

@keyframes loadingMore {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 底部 */
footer.ymw-footer {
    width: 100%;
    height: 4.22rem;
    background-color: #F5F7F9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
}
footer.ymw-footer .ymw-logo-f {
    width: 1rem;
    height: 1rem;
    border-radius: .24rem;
    /* background: url(../images/app-icon@3x.png) no-repeat center / 1rem; */
}
footer.ymw-footer .ymw-logo-f img {
    width: 100%;
    height: 100%;
}
footer.ymw-footer .ymw-des-f {
    width: 100%;
    text-align: center;
    margin: .2rem 0 .5rem;
    color: #222;
    font-size: .28rem;
}
footer.ymw-footer .openAppBrn {
    width: 2rem;
    height: .62rem;
    border: .02rem solid #EB413D;
    border-radius: .08rem;
    text-align: center;
    line-height: .62rem;
    color: #EB413D;
}
/* 广告 */
.ymwAds-tg2 {display:block;position:relative;height: 1.36rem;padding:.24rem .32rem .32rem;background-color:#fff}
.ymwAds-tg2::before {
    content: "";
    display: block;
    position: absolute;
    left: .32rem;
    bottom: 0;
    width: 6.56rem;
    height: 1px;
    background-color: #eee;
    transform: scaleY(.3);
}
.ymwAds-tg2 img {display:block; width:2.12rem;height: 1.36rem;border-radius: .08rem; float: right;}
.ymwAds-tg2 span {
    align-items:center;
    position:absolute;
    left: .32rem;
    bottom: .32rem;
    width:.48rem;
    height:.3rem;
    box-sizing:border-box;
    border:.3px solid #ccc;
    font-size:.2rem;
    color:#999;
    border-radius:.04rem;
    white-space: nowrap;
    line-height: .3rem;
    background: rgba(245, 247, 249, 0);
}
.ymwAds-tg2 p {
    overflow: hidden;
    position: absolute;
    top: .24rem;
    left: .32rem;
    max-width: 4.2rem;
    max-height: .88rem;
    line-height: .44rem;
    font-size: .3rem;
    color:#222;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ymw-list-tp1 li p span.tg {
    width: .48rem;
    height: .3rem;
    border: 0.3px solid #ccc;
    box-sizing: border-box;
    font-size: .2rem;
    color: #999;
    border-radius: .04rem;
    white-space: nowrap;
    line-height: .3rem;
    background-color: rgba(245, 247, 249, 0);
    align-items: center;
}