#mobile #scollApp{   /* add scroll */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
#mobile .scroll_main{ /* add scroll */
    margin: 0 auto 0;
    height: calc(100vh - 1.33rem);
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.view_main{
    margin: 81px auto 0; 
    width: 1280px;
    height: auto;
}
#mobile .view_main{
    margin: 0 auto 0;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 1.33rem);
}
.view_main .view_left{
    float: left;
    width: 914px;
    height: auto;
}
#mobile .view_main .view_left{
    float: none;
    width: 100%;
    height: auto;
}
.view_main .view_right{
    float: left;
    margin-left: 47px;
    width: 301px;
    height: auto;
}

.view_left .mainNew_title{
    width: 100%;
    border-bottom: 1px solid #ededed;
    margin-bottom: 32px;
   
}
#mobile .view_left .mainNew_title{
    width: 100%;
    border-bottom: none;
    margin-bottom: 0;
}
.view_left .mainNew_title>span{
    display: block;
    width: 106px;
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #333;
    position: relative;
}
#mobile .view_left .mainNew_title>span{
    display: block;
    width: auto;
    line-height: .613rem;
    padding: .4rem;
    font-size: .427rem;
    font-weight: bold;
    text-align: left;
    color: #333;
    position: relative;
}
#mobile .view_left .mainNew_title .active::after{
    display: none;
}
.view_left .mainNew_title .active::after{
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 3;
    display: block;
    content: "\20";
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: #A00000;
}
.view_left .mainNew_info{
    width: 100%;
    height: auto;
    padding-bottom: 21px;
    border-bottom: 1px solid #ededed;
}
#mobile .view_left .mainNew_info{
    width: 100%;
    height: auto;
    padding-bottom: 0;
    border-bottom: .266rem solid #F9F9F9;
}


/* 轮播图组建 */
.mainNew_info  .swiper_container4 {
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
}
#mobile .mainNew_info .swiper_container4{
    width: 100%;
    height: 8.2rem;
    position: relative;
}
.swiper_container4 .swiper-slide {
    width: 100%;
    height: 320px;
    cursor: pointer;
   
}
#mobile .swiper_container4 .swiper-slide{
    height: 8.2rem;
}

.swiper_container4 .swp4{
    left: -175px!important;
    bottom: 11px!important;
}
#mobile .swiper_container4 .swp4{
    left: 0!important;
    bottom: 2.53rem!important;
}
.swiper_container4 .swiper-pagination-bullet{
    /* opacity: .2; */
    background: #C6C6C6;
    width: 20px;
    height: 3px;
    border-radius: 0;
    opacity: 1;
}
#mobile .swiper_container4 .swiper-pagination-bullet{
    width: .19rem;
    height: .19rem;
    background-color: #DDDDDD;
    border-radius: 50%;
    opacity: 1;
}
.swiper_container4 .swiper-pagination-bullet-active{
    opacity: 1;
    background: #9A1B22;
    width: 20px;
    height: 3px;
}
#mobile .swiper_container4 .swiper-pagination-bullet-active{
    opacity: 1;
    background: #9A1B22;
    width: .427rem;
    height: .19rem;
    border-radius: .2rem;
}
.mainNew_info .mainNew_infoLeft{
    overflow: hidden;
    float: left;
    width: 540px; 
    height: 360px;
    border-right: 6px solid #ECE341;
}
#mobile .mainNew_info .mainNew_infoLeft{
    overflow: hidden;
    float: none;
    width: 100%;
    height: 6.133rem;
    border-right: none;
    padding: 0 .4rem;
}
.mainNew_infoLeft img{
   
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
}

.mainNew_info .mainNew_infoRight{
    float: right;
    width: 350px;
    height: auto;

}
#mobile .mainNew_info .mainNew_infoRight{
    float: none;
    width: 100%;
    height: 1.46rem;
    margin: .24rem 0 .4rem 0;
}
.mainNew_infoRight .infoRight_blod{
    padding: 15px 0 36px 0;
    height: 156px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
}
#mobile .mainNew_infoRight .infoRight_blod{
    padding: 0 .4rem;
    height: auto;
    font-weight: bold;
    font-size: .373rem;
    line-height: .48rem;
    color: #333;
    border-bottom: none;
    cursor: pointer;
}
.mainNew_infoRight .infoRight_blod:hover{
   color: #a00000;
}

.mainNew_infoRight .infoRight_font{
    padding: 42px 23px 0 0;
    /* padding-top: 42px; */
    /* width: 279px; */
    height: 164px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
}
#mobile .mainNew_infoRight .infoRight_font{
    display: none;
}

/* 侧边组件-精彩专栏 样式 */

.slide_right .slide_news .slide_news_title{
    margin-top: 0!important;
    margin-bottom: 13px!important;
}



/* 横向新闻条带图片 样式 */
.newsArticle{
    width: 100%;
    height: auto;
}
#mobile .newsArticle{
    padding: 0 .4rem;
}
.newsArticle .newsArticle_ul{
    width: 100%;
    height: auto;
}
#mobile .newsArticle_ul .newsArticle_li{
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #EDEDED;
    height: auto;
    padding: .267rem 0;
}
.newsArticle_li{
    padding: 12px 10px 12px 5px;
    width: 100%;
    height: 145px;
    border-bottom: 1px solid #ededed;
}
#mobile .newsArticle_li .newsArticle_left{
    float: left;
    margin-right: -3rem;
    width: 3rem;
    height: 2rem;
    border: 1px solid #e6e6e6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover;
    overflow: hidden;
}
.newsArticle_li .newsArticle_left{
    float: left;
    margin-right: -180px;
    width: 180px;
    height: 120px;
    border: 1px solid #e6e6e6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover;
    overflow: hidden;
}
.newsArticle_li .newsArticle_left img{
    display: block;
    width: 100%;
    height: auto;
    
}
#mobile .newsArticle_li .newsArticle_right{
    float: right;
    padding-left: 3.27rem;
    width: 100%;
    height: 2rem;
}
.newsArticle_li .newsArticle_right{
    float: right;
    padding-left: 204px;
    width: 100%;
    height: 120px;
}
#mobile .newsArticle_rightTop{
    padding-top: 0;
    height: .987rem;
    line-height: .469rem;
    font-size: .373rem;
    color: #333;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: .4rem;
}
.newsArticle_rightTop{
    padding-top: 10px;
    height: 84px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    font-weight: bold; 
    cursor: pointer;
}
.newsArticle_rightTop:hover{
    color:#a00000;
}
.newsArticle_right .newsArticle_rightBottom{
    width: 100%;
    height: 36px;
    font-size: 12px;
}
#mobile .newsArticle_rightBottom .newsArticle_btn{
    float: left;
    padding: 0 .133rem;
    width: auto;
    min-width: 1.6rem;
    margin: 0;
    height: .533rem;
    line-height: .533rem;
    text-align: center;
    background: rgba(200,174,106,1);
    border-radius: .0267rem;
    font-size: .267rem;
    color: #FFFFFF;
    letter-spacing: 0.86px;
}
.newsArticle_rightBottom .newsArticle_btn{
    float: left;
    margin: 6px 0;
    padding: 0 10px;
    width: auto;
    min-width: 74px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(200,174,106,1);
    border-radius: 2px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.86px;
}
#mobile .newsArticle_rightBottom .newsArticle_time{
    float: right;
    line-height: .48rem;
    color: #BBBBBB;
    font-size: .267rem;
}
.newsArticle_rightBottom .newsArticle_time{
    float: right;
    line-height: 36px;
    color: #333;
}
/* 带图片新闻条 样式  end*/

/* add scroll */
.loadingH5{ width: 100%; height: .8rem; position: relative; overflow: hidden; text-align: center; margin: .32rem 0 ; color: #999; font-size: .187rem;}
.loadingH5-icon{color: #707070;}
.loaderH5{
    display: none;
    position: relative;
    font-size: .133rem;
    margin: .106rem auto;
    text-indent: -9999em;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    background: #999;
    background: -moz-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: scrollMoreLoaderH5An 1s infinite linear;
    -moz-animation: scrollMoreLoaderH5An 1s infinite linear;
    -o-animation: scrollMoreLoaderH5An 1s infinite linear;
    animation: scrollMoreLoaderH5An 1s infinite linear;
 }
 .loadingH5 .loaderH5{
     display: block;
 }
 .loadingH5 .loaderH5:before {
     width: 50%;
     height: 50%;
     background: #999;
     border-radius: 100% 0 0 0;
     position: absolute;
     top: 0;
     left: 0;
     content: '';
 }
 .loadingH5 .loaderH5:after {
     background: #fff;
     width: 72%;
     height: 75%;
     border-radius: 68%;
     content: '';
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
 }
@-webkit-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-o-keyframes scrollMoreLoaderH5An {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
 
@keyframes scrollMoreLoaderH5An {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
 }