body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin:0;
    font-size:.3rem;
}
body *{
    margin:0;
    padding:0;
    box-sizing: border-box;
    
}

input:focus{
    outline: none;
}
a:link,a:visited{
    text-decoration:none;
    color:#333;
}
a:hover{
    
}
iframe{
    display: block;
    z-index: 99;
}
ul li{
    list-style: none;
}
/*布局窗口，默认加了左右padding*/
.container{
    padding:.2rem .3rem;
}
.container>p{
    font-size:.35rem;
    line-height: 1.8;
    margin-bottom:.4rem;
}
.container>p>img{
    width:100%;
}
/*间隔空白*/
.blank{
    height: .4rem;
    margin:0;
    padding:0;
    overflow: hidden;
}
/*分隔线*/
.line{
    border-top:.2rem solid #f9f9f9;
    margin:0;
    padding:0;
}

/*播放图标*/
.video-play{
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.3rem;
    margin-top: -0.3rem;
    background: url(https://img.ys137.com/jk137/static/hospital/images/icon-play.png) no-repeat center;
    background-size: 100%;
}
/*播放时长*/
.video-duration{
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 0.02rem 0.1rem;
    font-weight: normal;
    border-radius:.2rem;
    font-size:.15rem;
}
/*头部标题栏*/
#header{
    position: relative;
    background-color: #fff;
    z-index: 9999;
}

#header .top-nav{
    padding:.2rem .1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
#header .top-nav::before{
    height:1px;
    background:#ddd;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
#header .logo img{
    width:auto;
    height:0.5rem;
}
/*频道首页：后退按钮*/
#header .btn-back{
    font-size: .35rem;
    background: url(https://www.ys137.com/images/logo-icon.png) no-repeat ;
    background-size: contain;
    padding-left:.5rem;
}
#header .channel-full{
    position:fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}
#header .channel-full div{
    box-shadow: inset 0 4px 8px rgba(0,0,0,.06);
    background: #fff;
    padding:.2rem;
    display: none;
}
#header .channel-full h4{
    font-size:.3rem;
}
#header .channel-full ul{
    display: flex;
    flex-wrap: wrap;
    margin-top:.2rem;
}
#header .channel-full ul.channel-all{
    height: 200px;
    overflow-y: auto;
}
#header .channel-full ul li{
    width:25%;
    margin-bottom:.2rem;
    text-align: center;
}
#header .channel-full ul li a{
    background-color: #f8f8f8;
    border-radius: .5rem;
    text-align: center;
    display: block;
    width:80%;
    font-size: .28rem;
    padding:.1rem;
}
#header.position-sticky .top-nav::before{
    height: 0;
}
/*幻灯片*/
.swiper .swiper-container .swiper-wrapper .swiper-slide{
    padding:.2rem .2rem 0;
    padding:0;
}
.swiper .swiper-container .swiper-wrapper .swiper-slide img{
    width:100%;
    border-radius:0;
    display: block;
}

.swiper-pagination{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
 
 }
 .swiper-pagination-bullet{
     margin:0.2rem .05rem 0;
     width:.5rem;
     height: .14rem;
     background:#999;
     border-radius: .5rem;
 }
 .swiper-pagination-bullet-active{
     background: #ed5050;
     width:.5rem;
 }
 .swiper-pagination-bullet:focus{
     outline: none;
 }
 /*图片上浮动半透明的层*/
.bg-mask{
    position: relative;
}
.bg-mask a{
    position: relative;
    overflow: hidden;
    display: block;
    max-height: 4rem;
}
.bg-mask a:hover img{
    transform: scale(1.05);
    transition: .5s transform ease-in-out;
}
.bg-mask a img{
    width:100%;
    display: block;
}
.bg-mask::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAtCAYAAABvewHEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJCNzgzQTBDMDcwMTFFQUFEOEY4Qjc0NEI0MzEwRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUEzNDdGMzRDMDhEMTFFQUFEOEY4Qjc0NEI0MzEwRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkI3ODM5RUMwNzAxMUVBQUQ4RjhCNzQ0QjQzMTBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkI3ODM5RkMwNzAxMUVBQUQ4RjhCNzQ0QjQzMTBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plf4DlEAAABjSURBVHjaTI7BDcAgDANDoKxS9l/Qzbkg8UF2fCaJd63MpuipUGZEKT+ykrDCtoEdBKMaR9XsoWGLKisRYGVOMQlupGqTAOUZMIj/K+409Ad7h+FdA27sva7yGb7ZQfRPgAEAaOk6WPbAwSUAAAAASUVORK5CYII=) repeat-x 0 100%;
    background-size: auto 100%;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bg-mask a p{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin:.1rem .3rem;
    font-size:.35rem;
    font-weight: 600;
    transform: translateZ(0);
    color:#fff;
    line-height: 2;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
 /*顶部右上角菜单*/
 
.top-right-searchbar{
    font-size:.5rem;
    text-align: right;
    color:#333;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 9999;
}
.top-right-searchbar a{
    margin-right:.2rem;
}
.top-right-searchbar a.icon-search{
    font-size:.3rem;
    display:none;
}
.top-right-searchbar a.icon-search i{
    margin-right:.05rem;
}
.top-right-searchbar a.icon-app{
    background: #03A9F4;
    border:0;
    color:#fff;
    padding:.05rem .1rem;
    border-radius: .5rem;
    font-size:.2rem;
}
.top-right-searchbar a.icon-menu i{
    display: flex;
    align-items: center;
    justify-content: center;
}
#header .article-top{
    display: flex;
    align-items: center;
    padding:.2rem .2rem;
    background-color: #fff;
    z-index:9999;
    color:#333; 
    /*background-image: linear-gradient(45deg,#60B83E,#8dc63f);*/
}
#header .article-top .btn-goback{
    z-index: 20;
}
#header .article-top .title{
    text-align: center;
    position:absolute;
    left:0;
    right:0;
    z-index: 10;
}
#header .article-top .title p{
    font-size: .4rem;
    line-height: 1;   
}
#header .article-top .logo{
    display:flex;
    align-items: center;
}
#header .article-top .logo img{
    height: .4rem;
}
#header .article-top a{
    color:#333;
}

 /*栏目头*/
 .block-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.2rem;
}
.block-header span{
    position: relative;
    font-size:.4rem;
    line-height: 1.6;
    display: inline-block;
    color:#333;
    padding-left:.2rem;
    font-family: fzltzch, PingFangSC-Semibold;
}
.block-header span::before{
    border-left: .14rem solid #60B83E;
    content: '';
    bottom: 0;
    position: absolute;
    left: -.2rem;
    top:0;
    border-radius: 0 .1rem .1rem 0;
}
.block-header .bh-right{
    font-size:.25rem;
}
.block-header .bh-right i{
    margin-left:.1rem;
}
.block-header .bh-right a{
    color:#999;
}
/*页面浮动工具条*/
.float-bar{
    position: fixed;
    z-index: 90000;
    right:.3rem;
    bottom:1.2rem;
    font-size: .5rem;
    display: none;
}
.float-bar .btn{
    width:1rem;
    height:1rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    color:#fff;
    display: flex;
    align-items:center;
    justify-content: center;
    margin-bottom: .3rem;
}
.float-bar .btn a{
    color:#fff;
}
/*页面底部导航*/
.footer{
    
}
.footer .link{
    font-size:.3rem;
    text-align: center;
    line-height: 3;
    background: #f8f8f8;
    display:none;
}
.footer .link a{
    margin-right:.25rem;
}
.footer .copyright{
    background: #333;
    color:#fff;
    font-size: .22rem;
    padding:.3rem;
    text-align: center;
}
 /*文章列表*/
 .article-lists >li{
    padding:.3rem .3rem;
    position: relative;
 }
 .article-lists >li::after{
    height:1px;
    background:#eee;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
 }
 .article-lists >li:last-child{
    margin-bottom:0;
 }
 .article-lists >li:last-child::after{
     background: transparent;
 }
 .article-lists li a{
     display: flex;
     flex-direction:row-reverse;
 }
 .article-lists li a .img{
     margin-left:.2rem;
     width:2.25rem;
     height:1.4rem;
     overflow: hidden;
     background: #f8f8f8;
     border-radius: .05rem;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }
 .article-lists li a .img img{
     width:120%;
     height: auto;
     display: block;
 }
 .article-lists li a dl{
     flex:2;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 .article-lists li a dl dt{
     font-size:18px;
     line-height: 22px;
     font-weight: bold;
     margin-bottom:.15rem;
 }
 .article-lists li a dd{
    font-size: .3rem;
    color: #888;
    flex: 1;
    display: flex;
    align-items: center;
    margin-bottom:.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal;
 }
 .article-lists li a dd strong{
     color:#ed5050;
     margin-right:.1rem;
 }
 .article-lists li a dd span{
     margin-right:.2rem;
 }
 .article-lists li a dl dd.arc-etc{
     font-size:.2rem;
     flex:unset;
 }
 .article-lists li a dl dd.arc-etc span:first-child {
    background: #eee;
    padding: 0.04rem .1rem;
    display: inline-block;
}
 .article-lists li a dl dd .bi-clock{
    margin-right:.05rem;
    font-size:.2rem;
}
 .article-lists li a dl dd.multi-pic{
    height: auto;
    display: block;
    margin:.1rem 0;
 }
 .article-lists li a dl dd.multi-pic ul{
     display: flex;
     justify-content: space-between;
 }
 .article-lists li a dl dd.multi-pic ul li{
     width:2.25rem;
     height: 1.5rem;
     overflow: hidden;
     background: #f8f8f8;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .article-lists li a dl dd.multi-pic ul li img{
    width:120%;
    height: auto;
 }
 .article-lists li a dl dd.multi-pic ul li:first-child{
    border-radius: 5px 0 0 5px;
}
.article-lists li a dl dd.multi-pic ul li:last-child{
    border-radius: 0 5px 5px 0;
}
.article-lists-2col{
    display: flex;
    flex-wrap: wrap;
    padding-bottom:.2rem;
}
.article-lists-2col{
    display: none;
}
.article-lists-2col li{
    width:50%;
    padding: .12rem .3rem;
    position: relative;
}
.article-lists-2col li a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
/*信息流中的百度广告*/
.article-lists li.baidu-union-ads{
   /*  background-color: #f8f8f8; */
}
/*视频列表（横行）*/
.videos-list{
    white-space:nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch;
}
.videos-list ul{
    display: flex;
}
.videos-list ul li{
    width:3rem;
    margin-right:.4rem;
    display: inline-block;
    margin-bottom:.2rem;
}
.videos-list ul li a{
    display: block;
    
}
.videos-list ul li a>div{
    width:3rem;
    height: 1.87rem;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.videos-list ul li img{
    width:100%;
    display: block;
}
.videos-list ul li a p{
    font-size: .28rem;
    line-height: 1.2;
    margin-top:.1rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
}


/*分页脚*/
.pagination{
    padding:.4rem .2rem;
}
.pagination ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:.25rem;
}
.pagination ul li:first-child,.pagination ul li:last-child{
    flex:1;
}
.pagination ul li:nth-child(2)
{
    padding:0 .3rem;
    color:#999;
    font-size:.25rem;
}
.pagination ul li a{
    display: block;
    background-color: #f8f8f8;
    color:#60B83E;
    text-align: center;
    line-height:3;
    border-radius: 100rem;
}
.pagination ul li.disabled a:link,.pagination ul li.disabled a:visited{
    background-color: #F7F8FA;
    color:#999;
    border:0.5px solid #ededed;
}
/*详情页百度广告*/
/*标题下*/
.baidu-union-titlefront{
    padding:.4rem .3rem 0 .3rem;
}
.baidu-union-titlefront>div{
border-radius: .1rem;overflow: hidden;
}
/*4图*/
.baidu-union-pics{
    padding:.2rem;
}
/*搜索推荐*/
.baidu-union-search {
    background: #f8f8f8;
    border-top: 0 solid #ddd;
    border-bottom: 0 solid #ddd;
    padding: .2rem;
}
.baidu-union-search>div {
    
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    max-height: 200px;
    height: auto;
}

.tags-body .article-lists li a dl dd{
    -webkit-line-clamp: 2;
}
.tags-body .article-lists tag{
    color:#ed5050;
}



.position-sticky{
    box-shadow: 0 4px 8px rgba(0,0,0,.06);
}
/*首页导航栏*/
.home-nav{
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.06);
    position: relative;
    z-index: 999;
}

.home-nav ul{
    display: flex;
    font-size:.3rem;
    flex-wrap: wrap;
}
.home-nav ul li{
    width:14.2%;
    text-align: center;
}
.home-nav ul li a{
    line-height: 2.5;
}

.home-nav ul li.hot a{
    color:#ed5050;
    font-weight: 600;
}
/*首页分类切换*/
.navs{
    background-color: #f8f8f8;
    z-index: 9999;
}
.navs ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.navs::before{
    height:1px;
    background:#eee;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.navs ul li{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex:1;
}
.navs ul li a{
    display: block;
    line-height: .5rem;
    font-size:.30rem;
    padding:0 .15rem;
    color:#333;
}
.navs ul li.selected a
{
    font-size:.35rem;
    position: relative;
    color:#ed5050;
}
.navs ul li.selected a::after{
    content: '';
    background:#ed5050;
    width:.4rem;
    height: .06rem;
    border-radius: .2rem;
    position:absolute;
    margin:auto;
    bottom:-.08rem;
    left:0;
    right:0;
}
.anchors-index{
    z-index: 9999;
}
/*浮动的导航*/
.navs.position-sticky
{
    
    background-image: linear-gradient(45deg,#60B83E,#8dc63f);
}
.navs.position-sticky ul li a{
    color:#c0efae;
}
.navs.position-sticky ul li.selected a
{
    color:#fff;
}
.navs.position-sticky ul li.selected a::after{
    background:#fff;
}
.navs.position-sticky::before{
    height: 0;
}
/*频道栏目导航*/
.channel-nav{
    white-space: nowrap;
    overflow-x: auto;
    z-index: 9999;
    background-color: #fff;
    top:0;
    -webkit-overflow-scrolling:touch;
}
.channel-nav::-webkit-scrollbar{
    display:none;
}
.channel-nav ul{
    display: inline-flex;
    align-items: center;
    position: relative;
}
.channel-nav ul::before{
    height:1px;
    background:#eee;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.channel-nav ul li{
    text-align: center;
    padding:0 .3rem;
}
.channel-nav ul li a{
    text-align: center;
    display: block;
    font-size: .3rem;
    padding:.25rem 0;
    position: relative;
    color:#333;
}
.channel-nav ul li.selected a{
    color:#333;
    font-size: .3rem;
    font-weight: 600;
}
.channel-nav ul li.selected a::after{
    content: '';
    background:#ed5050;
    width:.6rem;
    height: .1rem;
    border-radius: .2rem;
    position:absolute;
    margin:auto;
    bottom:.1rem;
    left:0;
    right:0;
}
.channel-title{
    border-left:.1rem solid #60B83E;
    padding:.25rem 0;
    padding-left:.2rem;
    background-color: #f8f8f8;
}
.channel-title dl dt{
    font-size:.4rem;
    font-weight: 600;
}
.channel-title dl dt strong{
    color:#60B83E;
    margin-left:.1rem;
}
.channel-title dl dd{
    font-size:.22rem;
    color:#999;
    line-height: 1.5;
    display: none;
}
/*频道banner*/
.channel-banner{
    height: 4rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    position: relative;
}
.channel-banner h1{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: .4rem;
    color: #fff;
    padding: .2rem;
    width:100%;
    height: 1rem;
    text-align: center;
    background: rgb(0 0 0 / 50%);
    margin-top:-.5rem;
    z-index: 100;
}
.channel-banner::after{
    content: '';
    background-image: -webkit-gradient(linear,left bottom,left top,from(#000),to(hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(bottom,#000,hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(bottom,#000,hsla(0,0%,100%,0));
    background-image: linear-gradient(0deg,#000,hsla(0,0%,100%,0));
    width:100%;
    height: 0;
    position: absolute;
    bottom:0;
    z-index: 99;
}
/*浮动的导航*/
.channel-nav.position-sticky
{
    /*background-color: #60B83E;*/
    background-image: linear-gradient(45deg,#60B83E,#8dc63f);
}
.channel-nav.position-sticky ul li a,.channel-nav.position-sticky ul li.selected a
{
    color:#fff;
}
.channel-nav.position-sticky ul li.selected a::after{
    background:#fff;
}
.channel-nav.position-sticky ul::before{
    height: 0;
}
/*文章详情页样式*/
/*文章当前位置*/
.article-location{
    background-color: #fff;
    padding:.2rem;
    font-size: .25rem;
    color:#999;
    position: relative;
}
.article-location::before{
    height:1px;
    background:#f3f3f3;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.article-location a{
    color:#999;
}
.article-location i{
    padding:0 .1rem;
}
.article-detail{
    background-color: #f7f7f7;
    position: relative;
}
.article-detail:before {
    height:1px;
    background:#ddd;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin:0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.article-detail h1{
    font-size:.45rem;
    margin:.2rem 0;
    font-weight: normal;
}
.article-detail .article-info{
    font-size:.25rem;
    color:#999;
}
.article-detail .article-info span{
    margin-right:.2rem;
}
.arc-editor-info{
    display:flex;
    align-items: center;
    padding:.2rem 0;
  }
  .arc-editor-info .u-face{
    width:.7rem;
    height:.7rem;
    margin-right:.3rem;
    position: relative;
  }
  .arc-editor-info .u-face img{
    width:100%;
    border-radius: 100%;
  }
  .arc-editor-info .u-face::after{
    content: '';
    width: 24px;
    height: 24px;
    background: url(https://img.ys137.com/static/images/icon-v.png);
    background-size: cover;
    position: absolute;
    right: -5px;
    bottom: -5px;
  }
  .arc-editor-info dl{
    flex:1;
  }
  .arc-editor-info dl dt{
    font-size:.30rem;
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .arc-editor-info dl dt::after{
    content: '认证作者';
    line-height: 1;
    font-size: .2rem;
    padding: 2px 5px;
    color: #7B79FF;
    border: 1px solid #7B79FF;
    border-radius: 1rem;
    margin-left:.2rem;
    display: inline-block;
  }
  .arc-editor-info dl dd{
    font-size:.25rem;
    color:#999;
    margin-top:.1rem;
  }
  .arc-editor-info i, .arc-editor-info a:link,  .arc-editor-info a:visited{
    font-style: normal;
    color:#333;
    font-size:.25rem;
  }
.see-more{
    text-align:center;padding: 15px 0;
    background:#60B83E;
    color: #fff;
    font-size: 18px;
    font-family:'Microsoft YaHei';
}
/*问答详情*/
.question{
}
.question .question-block{
    position:relative;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(151,151,151,0.23);
    margin:0 .1rem .3rem;
}
.question .question-block .question-block-title{
    position: absolute;
    top: .2rem;
    left: -.2rem;
    width: 2rem;
    line-height: 2;
    color: #fff;
    text-align: center;
    background: #40c666;
    position: relative;
    font-size:.3rem;
}
.question .question-block .question-block-title:after {
    border-top: .1rem solid #15A857;
    border-left: .2rem solid transparent;
    content: '';
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 0;
    height: 0;
}
.question .question-block.best .question-block-title{
    background: #FF7E44;
}
.question .question-block.best .question-block-title:after{
    border-top-color:#C65C2D;
}
.question .question-block.other .question-block-title{
    background: #c2c2c2;
}
.question .question-block.other .question-block-title:after{
    border-top-color:#939393;
}
.question .question-block.best .best_icon{
    position: absolute;
    top:0;
    right:0px;
    width:1rem;
}
.question .question-block .question-block-content{
    padding:.3rem .2rem .1rem;
}
.question .question-block .question-block-content .question-userinfo{
    display: flex;
    font-size:.3rem;
    align-items: center;
    color:#999;
}
.question .question-block .question-block-content .question-userinfo mip-img,.question .question-block .question-block-content .question-userinfo img{
    width:.4rem;
    height:.4rem;
    border-radius: .4rem;
    margin:0;
    margin-right:.15rem;
}
.question .question-block .question-block-content .question-answer{
    padding-left:0;
    margin-top:.1rem;
}
.question .question-block .question-block-content p{
    margin-bottom:.1rem;
    line-height: 1.8;
}
/*疾病等库的详情页*/
.article-detail h1 label{
    font-size:.25rem;
    font-weight: 400;
    margin-left:.2rem;
    color:#999;
}
.article-content .attr-list{
    font-size:.3rem;
    color:#999;
}
.article-content .attr-list li{
    border-bottom: 1px dotted #eee;
    line-height: 2;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom:.15rem;
    margin-bottom: .15rem;
}
.article-content .attr-list li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
/*视频*/
.article-media{

}

.article-media video{
    width:100%;
    display: block;
}
.media-tips{
    background: #f8f8f8;
    color:#999;
    line-height: 1.5;
    font-size:.2rem;
    padding:.2rem .2rem;
}
/*文章正文*/
.article-content{
    font-size:18px;
    line-height: 32px;
    letter-spacing: 1px;
    font-family: "Microsoft YaHei", SimSun, Arial;
}

.article-content p{
    margin:.4rem 0;
    word-break: break-all;
}

.article-content h2,.article-content h3,.article-content h4{
    font-size:.4rem;
    line-height: 2.5;
}
.article-content img{
    width:100%;
    display: block;
    border-radius: .1rem .1rem 0 0;
}
.article-content .article-catalog-header{
    text-align: center;
    padding:.2rem 0;
    font-weight: 400;
}
.article-content .ys-arc-menu{
    padding:.2rem .25rem;
    background-color: #f8f8f8;
    border-left: .1rem solid#60B83E;
    line-height: 2;
    font-size:.3rem;
}
.article-content .ys-arc-menu strong{
    font-weight: 400;
}

/*折叠多余的内容*/
.collapse-content{
    position: relative;
    height: 80vh;
    overflow: hidden;
}
.showmore-collapse{
    position: relative;
    overflow: hidden;
}
.collapse-content::after,.showmore-collapse::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 200px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
    background-image: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    z-index: 1;
}
.collapse-tips{
    text-align: center;
    padding:20px;
    color: #333;
    width:100%;
}
.showmore-collapse-tips{
    text-align: center;
    padding:.2rem;
    color:#03a9f4;
}
.collapse-tips i{
    margin-right:.1rem;
    display: none;
}
@keyframes floatDown{0%,100%{top:0}50%{top:.1rem}}
.collapse-tips i{
    position: relative;
    margin-right:.2rem;
}
.collapse-tips .bi-chevron-double-down::before{
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-animation: floatDown 1.2s infinite;
    animation: floatDown 1.2s infinite;
    position: absolute;
}
.article-tags{
    
}

.article-tags a{
    background: #f8f8f8;
    border-radius: 1000px;
    padding:.1rem .2rem;
    margin-right:.2rem;
    font-size:.25rem;
}
.article-tags a i{
    color:#ed5050;
    margin-right:.05rem;
}
/*医生简介*/
.doctor-infos{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctor-infos>div{
    width:.9rem;
    height:.9rem;
    background: #D7EBFC;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 1000px;
}
.doctor-infos>div img{
    width:100%;
    border-radius: 1000px;
}
.doctor-infos dl{
    flex:1;
    padding:0 .2rem;
}
.doctor-infos dl dt{
  display: flex;
  align-items:center;
  font-size:.35rem;
}
.doctor-infos dl dt strong{
    font-weight: 400;
}
.doctor-infos dl dt small{
    margin-left:.1rem;
    font-size:.25rem;
}
.doctor-infos dl dd{
    font-size:.22rem;
    color:#999;
    line-height: 2;
}
.doctor-infos dl dd label{
    border:1px solid #e3e3e3;
    background: #f8f8f8;
    border-radius: .05rem;
    padding:0.02rem .1rem;
    color:#333;
    margin-left: .1rem;
    font-size:.2rem;
}
.doctor-infos a{
    background: #03a9f4;
    color:#fff;
    text-align: center;
    border-radius: 1000px;

    padding:.1rem .2rem;
    font-size:.2rem;
}
/*404*/
.main-404{
    padding-top:.5rem;
    padding-bottom: 4rem;
}
.main-404 .img-404{
    height: 5rem;
    background-image: url(https://img.ys137.com/static/images/404-2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    margin:0 .2rem;
}
.main-404 p{
    text-align: center;
    font-size: .35rem;
    margin-top:.4rem;
}
.main-404 ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-404 ul li{
    font-size:.3rem;
    margin-bottom:.2rem;
    width:2.5rem;
}
.main-404 ul li i{
    color:#389DF1;
    margin-right:.2rem;
}
.main-404 ul li a{
    color:#999;
    
}
/*网站地图*/
.sitemaps-body .linkbox{
    margin-bottom:.2rem;
    border-bottom: 1px solid #f8f8f8;
    padding:.2rem;
    
}
.sitemaps-body .linkbox h3{
    padding:0 .2rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .2rem;
}
.sitemaps-body .linkbox ul{
    display: flex;
    flex-wrap: wrap;
    margin-top:.1rem;
}
.sitemaps-body .linkbox ul li{
    width:25%;
    
}
.sitemaps-body .linkbox ul li a{
    text-align: center; 
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    white-space:normal;
    line-height: 2.5;
}
/*支付功能样式*/
.payTools{
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    padding:.2rem;
    z-index: 99999;
}

.payTools .ptmain{
    display: inline-flex;
    justify-content: space-around;
    box-shadow: 0 -4px 8px rgba(0,0,0,.06);
    background-image: linear-gradient(45deg,#0081ff,#1cbbb4);
    width:80%;
    padding: .06rem .1rem;
    border-radius: .6rem;
}
.payTools .ptmain a{
    display: flex;
    align-items: center;
    flex:1;
    flex-direction: row;
    justify-content: center;
    padding:5px 0;
}
.payTools .ptmain div{
    width:1px;
    position: relative;
}
.payTools .ptmain div::before{
    width:1px;
    position: absolute;
    top:8px;
    left:0;
    right:0;
    bottom:8px;
    content:'';
    background: rgba(238, 238, 238, 0.4);
    -webkit-transform: scaleX(0.5);
    -webkit-transform-origin: 0 0;
}
.payTools .ptmain a i{
    font-size:22px;
    margin-right:10px;
        color:#fff;
}
.payTools .ptmain a em{
    font-size:15px;
        color:#fff;
    font-style: normal;
}
.myDialog{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 99999;
    display: none;
}
.myDialog-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myDialog-main{
    background-image: linear-gradient(130deg,#122340,#0b1628);
    color: #f4dba2;
    border-radius: 20px;
    padding:20px;
    margin:0 30px;
    flex:1;
    position: relative;
    overflow: hidden;
}
.myDialog-main .sm-tips{
    font-size:12px;
    color:#7A7A7A;
    text-align: center;
}
.myDialog-main h5{
    font-size:20px;
    font-weight: 500;
    margin:5px 0;
    text-align: center;
    color:#fff;
}
.myDialog-main h5 i{
    margin-right:10px;
}
.myDialog-main .sm-prices{
    margin-top:10px;
    text-align: center;
}
.myDialog-main .sm-prices p{
    font-size:40px;
}
.myDialog-main .sm-prices b{
    font-size: 18px;
    
}
.myDialog-main .sm-prices i{
    font-style: normal;
    font-size:13px;
    color:#7A7A7A;
    text-decoration: line-through;
}
.myDialog-main .sm-text{
    display: flex;
    justify-content: space-between;
    margin-top:30px;
    padding-bottom: 20px;
    position: relative;
}
.myDialog-main .sm-text::after{
    content:'';
    width: 100%;
    height: 1px;
    background: #eee3;
    position:absolute;
    left:0;
    -webkit-transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
    bottom:0;
}
.myDialog-main .sm-text li{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.myDialog-main  .sm-text li div{
    width:40px;
    height: 40px;
    border-radius: 40px;
    background: #ffffff23;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size:20px;
}
.myDialog-main .sm-text li h6{
    font-weight: normal;
    color:#a7a7a7;
    font-size: 12px;
}
.myDialog-main button{
    margin-top:20px;
    color: #64400e;
    background: linear-gradient(to bottom right,#f1c888,#e1ba6e);
    border-radius: 100px;
    text-align: center;
    border:0;
    padding:10px 20px;
    font-size:18px;
    width:100%;
}
.myDialog-main .sm-btn-close{
    position:absolute;
    right:10px;
    top:10px;
    font-size:30px;
    color:#a7a7a7;
}
.myDialog-main .sm-bg{
    background:url(https://img.ys137.com/static/images/VIP.png) no-repeat ;
    background-position: right top;
    opacity: .04;
    background-size: 100% auto;
    position:absolute;
    right:-30%;
    top:-30px;
    width:80%;
    height: 80%;
}
/*文档下载页面样式*/
.download-arc {
    background-color: #f1f1f1;
}
.download-arc .article-download{
    background-color: #fff;
    padding:20px;
}
.download-arc .article-download h1{
    color:#3593E6;
    font-size:25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.download-arc .article-download h1 a{
    color:#3593E6;
}
.download-arc .article-download .rank {
    margin:10px 0;
}
.download-arc .article-download .rank strong{
    font-weight: normal;
    font-size:14px;
    margin-right:10px;
}
.download-arc .article-download .rank i{
    margin-left:5px;
    color:#FFB515;
}
.download-arc .arc-desc{
    font-size:14px;
    display: flex;
    margin-top:20px;
    align-items: center;
}
.download-arc  .arc-desc img{
    width:60px;
    height: auto;
    margin-right:20px;
}
.download-arc .arc-desc p{
    flex:1;
    color:#333;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.download-arc .arc-btn-dl {
    margin-top:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download-arc .arc-btn-dl  button{
    color: #fff;
    background-image: linear-gradient(45deg,#ff9700,#ed1c24);
    border-radius: 100px;
    text-align: center;
    border:0;
    padding:14px 20px;
    font-size:16px;
    width:80%;
}
.download-arc .arc-btn-dl  button i{
    margin-right:10px;
}
.download-arc .article-tips{
    font-size:14px;
    color:#333;
    padding:20px;
}
.download-arc .article-tips p{
    margin-bottom:20px;
}
/*好大夫问诊按钮*/
.hdf-tools{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    z-index: 9999;
    box-shadow: 0 -4px 8px rgba(0,0,0,.06);
}  
.hdf-tools .hdf-main{
    display: flex;
   
}
.hdf-tools .hdf-left,.hdf-tools .hdf-right{
  flex:1;
  padding:.1rem .2rem;
  position: relative;
}
.hdf-tools .hdf-main dl{
    padding-left:.7rem;
}
.hdf-tools .hdf-main dt{
    font-size:.35rem;
    font-weight: 400;
}
.hdf-tools .hdf-main dd{
    font-size: .2rem;
    margin-top:.1rem;
}
.hdf-tools .hdf-main span{
    background: url(../images/icon-hdf-1.png) no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    opacity: 0.2;
    left:.1rem;
    top:.15rem;
    width:.6rem;
    height:.6rem;
}
.hdf-tools .hdf-left{
    background-color: #fff;
}
.hdf-tools .hdf-left dt{
    color:#ed5050;
}
.hdf-tools .hdf-left dd{
    color:#999;
}
.hdf-tools .hdf-right{
    background-color: #03A9F4;
    color:#fff;
}
.hdf-tools .hdf-main a.hdf-right:link,.hdf-tools .hdf-main a.hdf-right:visited
{
    color:#fff;
}
.hdf-tools .hdf-main dd i{
    font-family: Arial, Helvetica, sans-serif;
    padding:0 8px;
}
.hdf-tools .hdf-main .hdf-right span{
  background-image: url(../images/icon-hdf-2.png)
}
/*游戏推广广告样式*/
.game-download{
    background-color: #f8f8f8;
    padding:.4rem .3rem;
    margin:.2rem 0;
}
.game-download .game-tips{
    margin-bottom:.2rem;
}
.game-download .game-tips dt{
    color:#2E7BE1;
    font-size:.3rem;
    margin-bottom:.05rem;
}
.game-download .game-tips dd{
    font-size: .45rem;
    font-weight: 600;
}
.game-download .game-infos {
    border-radius: .2rem;
    overflow: hidden;
    box-shadow: 0 0 .3rem rgba(0,0,0,.1);
}
.game-download .game-banner{
    position: relative;
}
.game-download .game-banner img{
    width:100%;
    display: block;
}
.game-download .game-banner .game-ad-tips{
    position:absolute;
    bottom:.1rem;
    right:.2rem;
    background-color: #000;
    opacity:0.6;
    color:#fff;
    font-size:.18rem;
    padding:2px 6px;
}

.game-download .game-names{
    background-color: #fff;
    padding:.3rem;
    display: flex;
}
.game-download .game-names .game-logo{
    width:1rem;
    height:1rem;
    overflow: hidden;
    margin-right:.2rem;
}

.game-download .game-names .game-logo img{
    width:100%;
    
}
.game-download .game-names .game-title{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content: center;
}
.game-download .game-names .game-title h4{
    font-size:.3rem;
    margin-bottom: .05rem;
}
.game-download .game-names .game-title small{
    font-size:.24rem;
    color:#999;
}
.game-download .game-names .game-btn{
    display: flex;
    align-items: center;
}
.game-download .game-names .game-btn button{
    border-radius: 1rem;
    padding:.1rem .2rem;
    display: block;
    text-align: center;
    background-color: #ed5050;
    color:#fff;
    font-size: .26rem;
    border: 0;
}
/* 京东商品推广*/
.JD-commend{
    display: none;
}
.JD-commend .swiper-pagination-bullet{
    width:.12rem;
    height:.12rem;
    border-radius:.12rem;
}
.JD-commend .swiper-pagination-bullet-active{
    width:.18rem;
    height:.18rem;
}
.JD-commend{
    background-color: #fff;
    
}
.JD-commend .JD-main{
    overflow: hidden;
    background-image: linear-gradient(180deg,#ffffff,#ffffff 70%,#ffdbdb);
    padding:.2rem;
}
.JD-commend .JD-main .title {
    display: flex;
    align-items: center;
}
.JD-commend .JD-main .title strong{
    font-size:.4rem;
    font-weight: 600;
    margin-right:.2rem;
}
.JD-commend .JD-main .title small{
    color:#ed5050;
}
.JD-commend .JD-main .JD-GoodsList{
   margin-top:.2rem; 
}
.JD-commend .JD-GoodsInfo{

}
.JD-commend .JD-GoodsInfo .img{
    border-radius: .1rem .1rem 0 0 !important;
    overflow:hidden;
    height:2.1rem;
    background-position: center;
    background-size: 100% auto;
}
.JD-commend .JD-GoodsInfo p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    font-size:.2rem;
    margin-top:.1rem;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo{
    display: flex;
    color:#ed5050;
    align-items: baseline;
    margin-top:.1rem;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo i{
    font-size:.2rem;
    font-style: normal;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo span{
    font-size:.2rem;
    font-style: normal;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo b{
    font-size:.4rem;
    flex:1;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo label{
    font-size:.2rem;
    color:#999;
}
.JD-commend .JD-GoodsInfo .JD-priceinfo s{
    font-size:.2rem;
    color:#999;
}
.JD-commend .JD-GoodsInfo .JD-etc{
    display: flex;
    color:#999;
    font-size:.18rem;
    justify-content: space-between;
    align-items: center;
}
.JD-commend .JD-GoodsInfo .JD-etc div{
    border:1px solid #ed5050;
    color:#ed5050;
    border-radius: 2px;
    display: flex;
    align-items: center;
}
.JD-commend .JD-GoodsInfo .JD-etc div b{
    padding:0 2px;
    background-color: #ff8181;
    color:#fff;
    display: block;
}
.JD-commend .JD-GoodsInfo .JD-etc div span{
    padding:0 2px;
    background-color: #fff;
    color:#ed5050;
    display: block;
}
/*京东活动推广*/
.JD-Activity{
    background-color: #fff;
    display: none;
    border-top: .05rem solid #ed5050;
}
.JD-Activity .JD-main{
    overflow: hidden;
    padding: .2rem;
    position: relative;
}
.JD-Activity .JD-main .JD-Activity-info{
    position: relative;
}
.JD-Activity .JD-main .JD-Activity-info .img{
    height:0;
    padding-bottom:40%;
    border-radius: .2rem .2rem 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: relative;
}
.JD-Activity .JD-main .JD-Activity-info .img label{
    position: absolute;
    bottom:.2rem;
    right:0;
    display: block;
    background-color: #0000009c;
    color:#fff;
    font-size:.2rem;
    padding:.05rem .2rem;
    border-radius:.3rem 0 0 .3rem;
}

.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title{
    display: flex;
    align-items: center;
    background-color: #F6F8FA;
    padding:.1rem .2rem;
}
.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title button{
    background-image: linear-gradient(45deg,#EA5E30,#D93121);
    color:#fff;
    font-size:.25rem;
    border:0;
    border-radius: .5rem;
    padding:.1rem .2rem;
    text-align: center;
}

.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title dl{
    flex:1;
}
.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title dl dt{
    font-size:.35rem;
    color:#333;
    font-weight: 500;
}
.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title dl dd{
    font-size:.25rem;
    margin-top:.1rem;
    color:#999;
    background: url(https://img.ys137.com/static/images/icon-hot.png) no-repeat;
    background-size: .4rem auto;
    background-position: left center;
    padding-left:.5rem;
    line-height: 2;
}
.JD-Activity .JD-main .JD-Activity-info .JD-Activity-title dl dd .bi{
    color:#ed5050;
    margin-right:.1rem;
    font-size:.34rem;
}
.JD-Activity .title{
    padding:.2rem;
    padding-bottom:0;
    display: flex;
    align-items: center;
}
.JD-Activity .title strong{
    font-size:.4rem;
    font-weight: 600;
    margin-right:.2rem;
}
.JD-Activity .title small{
    color: #ed5050;
}
.JD-Activity .JD-main .swiper-pagination{
    justify-content: flex-end;
    position: absolute;
    bottom: 1.5rem;
    right: .4rem;
}
.JD-Activity .JD-main .swiper-pagination .swiper-pagination-bullet{
    background: #999;
    margin-top: .2rem;
    width:.2rem;
    height:.1rem;
    border-radius: 0;
    opacity:.5;
}
.JD-Activity .JD-main .swiper-pagination .swiper-pagination-bullet-active{
    background: #ed5050;
    opacity:.8;
}
.JD-Activity .JD-tips{
    font-size:.25rem;
    display: flex;
    align-items: center;
    background-color: #F6F8FA;
    color:#333;
    padding: .2rem .2rem;
}
.JD-Activity .JD-tips span{
    background-color: #ed5050;
    color:#fff;
    width:.4rem;
    height:.4rem;
    border-radius: .05rem;
    text-align: center;
    margin-left:.1rem;
    margin-right:4px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.JD-Activity .JD-tips b{
    flex:1;
}
.JD-Activity .JD-tips button{
    background: linear-gradient(270deg,#ff1451,#ff4500);
    box-shadow: 0 -0.075rem 0.425rem 0 rgba(250,167,155,.6);
    color:#fff;
    border-radius: .05rem;
    text-align: center;
    border:0;
    padding:.2rem .2rem;
    font-size:.3rem;
}
/*游戏推广-图文*/
.games-recommend{
    padding:.2rem .25rem;
}
.games-recommend .title{
    font-size:.4rem;
    font-weight: 600;
    margin-bottom: .3rem;
    position: relative;
}
.games-recommend .g-lists{

}
.games-recommend .g-lists .g-item{
    margin-bottom:.3rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: .3rem;
}
.games-recommend .g-lists .g-item::after{
    height: 1px;
    background: rgb(227, 227, 227);
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    overflow: hidden;
    position: absolute;
    left: 1.1rem;
    right: .2rem;
    
    bottom: 0;
}
.games-recommend .g-lists .g-item:last-child{
    padding-bottom: 0;
}
.games-recommend .g-lists .g-item:last-child::after{
    display: none;
}
.games-recommend .g-lists .g-item .g-logo{
    width:1.1rem;
    height:1.1rem;
    border-radius: .2rem;
    overflow: hidden;
    
}
.games-recommend .g-lists .g-item .g-logo img{
    width:100%;
}
.games-recommend .g-lists .g-item dl{
    padding:0 .3rem;
    flex:1;
}
.games-recommend .g-lists .g-item dl dt{
    font-size:.35rem;
    margin-bottom:.1rem;
    font-weight: 400;
}
.games-recommend .g-lists .g-item dl dd{
    font-size:.22rem;
    color:#999;
}
.games-recommend .g-lists .g-item .game-btn{
    display: flex;
    align-items: center;
}
.games-recommend .g-lists .g-item .game-btn button{
    border-radius: 1rem;
    padding: .1rem .2rem;
    display: block;
    text-align: center;
    background-color: #eee;
    color: #0081ff;
    font-size: .26rem;
    font-weight: bold;
    border: 0;
}
/*信息流第一条广告样式*/
.baidu-gglist{
    display: flex;
    flex-direction:row-reverse;
    position: relative;
}
.baidu-gglist .img{
    margin-left:.2rem;
    width:2.25rem;
    height:1.4rem;
    overflow: hidden;
    background: #f8f8f8;
    border-radius: .05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.baidu-gglist .img img,.baidu-gglist .img mip-img{
    width:120%;
    height: auto;
    display: block;
}
.baidu-gglist dl{
    flex:2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.baidu-gglist dl dt{
    font-size:.35rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom:.15rem;
color:#ed5050;
}
.baidu-gglist dd{
   font-size: .2rem;
   color: #888;
   flex: 1;
   display: flex;
   align-items: center;
   margin-bottom:.2rem;
   overflow:hidden;
   text-overflow:ellipsis;
   display:-webkit-box;
   -webkit-line-clamp:1;
   -webkit-box-orient:vertical;
   white-space:normal;
}
.baidu-gglist dd strong{
    color:#ed5050;
    margin-right:.1rem;
}
.baidu-gglist dd span{
    margin-right:.2rem;
}
@media screen and (max-width: 750px) {
    html,body{
        max-width: 750px;
        margin: 0 auto
    }
}
@media (min-width:750px){
    html,body{
        max-width: 100%;
        margin: 0 auto
    }
    .main-404 .img-404{
        height: 2.5rem;
        margin: .2rem 0;
    }
    .main-404 p{
        font-size:.18rem;
        margin:.2rem 0;

    }
    .main-404 ul li{
        font-size:.16rem;
        margin-bottom:.1rem;
    }
}
/*广告右下角标识*/
.logo-gg{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 9999;
}
.logo-gg span{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUU0M0I1QUI0QTk4MTFFREIyNkE4MjE1NTQ2QTMzMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUU0M0I1QUM0QTk4MTFFREIyNkE4MjE1NTQ2QTMzMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTQzQjVBOTRBOTgxMUVEQjI2QTgyMTU1NDZBMzMxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTQzQjVBQTRBOTgxMUVEQjI2QTgyMTU1NDZBMzMxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgIThBsAAAKHSURBVHjazJY/aBNxFMfvl7u0B61aCZo4poJCpgwVoeqWpWRQb0iCohKXKA46JGaJg5CAkCJkCzgkixAFE/8MFrMYB1GHw0m0BcVBTEQCbWrRmt75ffCrHMd5Nrkc5MEn97v8/ty7937f9zuh3+8LdhYOh2Vd16+Bd81mc04Ywmq1Wgzzb0ej0Vm6b7VaAu4XweVQKDRlN9ezg/V/gpfgMEgO6lylUhHj8fhVNE8AZug6CY6DCbv5Ev0wxgRN0/ajeRb8No3RwAz4EIlEFLz1MtqbQDSMoQeLhULhRS6XU03zY2AeZMHHgcNPKYaDDA+e0x1aPp+/bly7XC578PcD3v0aPASP+XUdfAFL/L8nBp6Cc6IoMskUBbIz4B6Qh9huf6NfKpWEVCq1iKYCVsAWOGDICj17EuyjOFlkdtocwSP0mu12+7Tg0IrFIokgyyNXTiQSu439XCQr4C5EstepSIaxPWABLCWTyZtQ8dqwC0lueJfJZFaDweBFVVU3qtVq28lajFLs9XoZVEw17k2n01ECgUDDYYovpNPpS7xE6aZune/BY4Aiu2yxBy0juC2KDcFdY7xEvRqkzFA5WABbEMm8MEZmFMk0D//aODrIeI2iWvVtVIujUE8gK494udncIWRXZFkWjXuQHKSD/NcoHeTr7gLvwX2wblPaND72hnGM0cGD3W73MxQ86iyR+N4qilJqNBpdu4HY/z6/35+1SjFdjwJVGDPz4ECmL5lZfiY+HzcHJZ7eGD/o3XCQqsKper1+iD+D/WMcVRCv+ftQ4uk93+v1VJ/P98mlSvEDfOUitHNw0iqCpJ4cmHLBOY07dgciuQWRrP5HJDMQyTM0v28fkX8EGACcc47HI36mnAAAAABJRU5ErkJggg==);
    display: block;
    width:30px;
    height:13px;
    background-color: rgba(102,102,102,.6);
}
/*yh广告样式*/
.yhadd{
    margin-top: .2rem;
    display: block;
    position: relative;
}
.yhadd a{
    position: relative;
    display: block;
}
.yhadd a>img{
    width: 100%;
    display: block;
}
/*内容举报*/
.content-report{
    padding:.3rem;
    background-color: #fff;
    font-size:.35rem;
    color:#333;
  }
  .content-report h3{
    font-size: .4rem;
    margin-bottom:.2rem;
    text-align: center;
  }
  .content-report dl{
    margin-bottom: .4rem;
  }
  .content-report dl dt{

  }
  .content-report dl dd{
    color:#999;
    font-size: .3rem;
  }
  .content-report ul{
    height: 3.6rem;
    line-height: 1rem;
    overflow-y: scroll;
    background-color: #f7f7f7;
    padding:0 .2rem;
    border-radius: .1rem;
    margin-top: .2rem;
    margin-bottom: .4rem;
  }
  .content-report ul li{
    font-size: .3rem;
    line-height: 2.2;
  }
  .content-report ul li label{
    display: flex;
    align-items: center;
  }
  .content-report ul li input{
    margin-right:.2rem;
    width:18px;
    height:18px;
  }
  .content-report .report-msg{
    margin:.2rem 0;
  }
  .content-report .report-msg textarea{
    width: 100%;
    height: 100px;
    border:1px solid #d4d4d4;
    border-radius: .1rem;
    padding:.2rem;
    font-size: .3rem;
  }
  .content-report .report-contact{
    margin:.2rem 0;
  }
  .content-report .report-contact input{
    width:100%;
    border:1px solid #d4d4d4;
    border-radius: .1rem;
    padding:.2rem;
    font-size: .3rem;
  }
  .content-report button{
    width:100%;
    background-color: #3388FF;
    border:0;
    padding:.2rem 0;
    color:#fff;
    border-radius: .1rem;
    text-align: center;
    font-size: .35rem;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }
  /*内容风险提示框*/
  .risk-tips{
    padding: .2rem;
    background: #fae0df;
    color: #333;
    line-height:22px;
    font-size: 14px;
    border-top:1px solid #ed5050;
  }
  /*展开全文上面的广告样式*/
  .ys-union-showmore{
    position: relative;
    background-color: #fffedc;
    padding-bottom:10px;
}
.ys-union-showmore::after,.ys-union-showmore::before{
    height: 1px;
    background: #ddd;
    content: '';
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.ys-union-showmore::before{
    top:0;
}
.ys-union-showmore span{
    display: block;
    overflow: hidden;
    height: 150px;
}
.title-nospider-man::after{
content: "日本男优如何做到久战不射的秘密，专家首次曝光！";
}