/**/@charset "utf-8";
/**初始化样式开始**/
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul{margin:0;padding:0;}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:sans-serif;background:#fff;}
body{line-height:1.5; font-size:0.37rem !important; color:#333;position:relative;font-family:"黑体";background:#dedfe5 !important;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
li{list-style:none;}
em,i{ font-style:normal; font-weight:normal;}
img{ border:0; vertical-align:middle;}
a{color:#000;text-decoration:none; outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0);}

a,a:active{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0);}

body input,body select{outline:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0);}
input{font-family:"黑体";}
body textarea,body button{outline:none;resize:none;-webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0);}
body label{-webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0);}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;display: block;zoom: 1;}
*html .clearfix{ height: 1%;}
/*.ellipsis{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/
.fl{ float:left;}
.fr{ float:right;}
/*css3实现圆形*/
.circular{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
/*input {-webkit-appearance:none;-moz-appearance:none;}*//*去除input默认样式*/
body{background:#f2f2f2;}

/*首页*/
body.index{width:100%;height:calc(100% - 40px);}
.tianqi{width:100%;height:40px;background:#000;position:fixed;top:0;left:0;}
.content_ydrm{display:flex;justify-content:center;width:100%;height:calc(100% - 20px);background:#fff;padding-top:20px;margin-top:38px;}
/*导航*/
.content_ydrm .left_nav{width:25%;padding-right:1%}
.content_ydrm .left_nav .ulbox{width:100px;height:100%;float:right;position:fixed;left:calc(24vw - 100px);top:70px;z-index:9}
.left_nav .ulbox .ul_logo{width:100%;height:auto}
.left_nav .ulbox ul{width:100%;height:auto;padding:0 0 30px 0;position:relative;}
.ulbox ul li,.ulbox ul .gengduo{width:86px;height:35px;margin:15px 5px;}
.ulbox ul li.active,.ulbox ul li:hover,.ulbox ul .gengduo:hover{padding:0 3px;background:#ff353a;border-radius:6px;transition: all 0.5s;}
.ulbox ul .gengduo.active{padding:0 3px;background:#ff353a;border-radius:6px;transition: all 0.5s;}
.ulbox ul li a,.ulbox ul .gengduo a{display:block;font-size:16px;color:#333;width:100%;line-height:35px;text-align:center;}
.ulbox ul li.active a,.ulbox ul li:hover a,.ulbox ul .gengduo:hover a,.ulbox ul .gengduo.active a{color:#fff;}
.ulbox .ulbtn{width:100%;display:flex;justify-content:space-between;}
.ulbox .ulbtn img{width:34px;height:34px;margin:7px 8px 8px 8px;}
.ulbox .ulbtn p{font-size:13px;text-align:left;line-height:44px;width:40px;}

.gengduoBox{width:220px;height:auto;max-height:500px;overflow-y:auto;position:absolute;left:95px;bottom:30px;display:flex;box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);flex-wrap:wrap;background:#fff;}
.gengduoBox > div{width:86px;height:35px;margin:5px 5px;}
.gengduoBox > div a{display:block;font-size:14px;color:#333;width:100%;line-height:35px;text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gengduoBox > div:hover,.gengduoBox > div.active{padding:0 3px;background:#ff353a;border-radius:6px;transition: all 0.5s;}
.gengduoBox > div:hover a,.gengduoBox > div.active a{color:#fff;}

/*内容*/
.content_ydrm .center_obj{width:46%;height:auto;}
#frame_content{width:46vw;position:fixed;left:calc(24vw + 1vw);top:65px;}
.center_obj .detailsTitle{font-size:22px;line-height:35px;padding:10px 10px 0 0;}
.center_obj .detailsTag span{color:#838383}
.center_obj .detailsContent img{max-width:100%;}

.center_obj #commentBox{width:100%;margin:20px 0;}
/*.center_obj #commentBox > .title{}*/
.center_obj #commentBox .commentList{display:flex;justify-content: space-between;width:100%;padding:20px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#commentBox .commentList > img{width:50px;height:50px;border-radius:50%;margin:5px 10px 20px 10px;}
#commentBox .commentList .comment_text{width:calc(100% - 55px);height:auto;border-radius:50%;}
.commentList .comment_text .spanBox{width:100%;float:left;}
.commentList .comment_text .name{font-size:15px;color:#3876b1;line-height:25px;}
.commentList .comment_text .time{font-size:13px;line-height:25px;}
.commentList .comment_text .text{color:#838383;font-size:16px;width:100%;float:left;line-height:25px;height:auto;margin:10px 0;}
.commentList .comment_text .isGood{font-size:13px;background:url(../img/isgood.png) no-repeat right center;padding-right:30px;float:right;background-size:25px 25px;}

/*24小时新闻*/
.content_ydrm .right_news{width:27%;padding-left:1%}
.content_ydrm .right_news .news_box{width:280px;background:#f4f5f6;}
.right_news .news_box .title{font-size:22px;line-height:35px;padding:10px 10px 0 10px;}
.right_news .news_box .box{width:260px;display:flex;justify-content: space-around;margin:8px 0 0 10px;padding:0 10px 7px 0;border-bottom:1px solid #e5e5e5;}
.news_box .box .img{width:60px;height:60px;}
.news_box .box .text{width:205px;height:44px;margin:8px 0 8px 8px;overflow:hidden;}
.news_box .box .text p{font-size:15px;}
.right_news .news_box .box:last-of-type{border-bottom:0;}

/*内容样式*/
.layui-nav{background-color: #fff;color: #333;padding: 0 5px;}
.layui-nav .layui-nav-item{line-height:40px;margin:0 10px;}
.layui-nav .layui-nav-item a {color: rgba(0,0,0,.7);}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{color:#ff353a;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #ff353a;height:3px}
.layui-nav .layui-nav-item a {padding: 0 10px;}

.logBox{width:280px;background:#f4f5f6;padding:10px 0;margin-bottom:10px;}
.logBox .logBoxBg{margin:0 7px;padding:20px;background:#fff;border:1px solid #e5e5e5;border-radius:2px;}
.logBox .logBoxBg p{text-align:center;color:#838383;}
.logBtn{padding:0 33px;background:#ff353a;height:28px;line-height:28px;margin:8px 67px;border-radius:4px;}
.logBox .fansBox{display:flex;justify-content:flex-start;padding:0 30px;}
.logBox .fansBox img{width:50px;height:50px;border-radius:50%;margin:0 10px;}
.logBox .fansBox .right{width:auto;height:50px;}
.logBox .fansBox .right p{font-size:15px;line-height:28px;font-weight: bold;}
.logBox .fansBox .right .fansBtn{width:45px;height:17px;line-height:17px;font-size:13px;text-align:center;color:#fff;background:#ff353a;display:block;border-radius:3px;}

.newslist{width:100%;background:#fff;/*margin-top:41px;*/}
.newslist .news_dantu{width:100%;padding:10px 0;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-around;}
.newslist .news_dantu img{width:24%;max-height:130px;height:auto;}
.newslist .news_dantu .box{width:72%;}
.news_dantu .box p{font-size:20px;width:100%;height:90px;overflow:hidden;line-height:40px;font-weight:500;}
.news_dantu .box .tagbox{width:100%;}
.tagbox span{font-size:12px;}
.tagbox .tag{border:1px solid #7290ba;color:#7290ba;margin-right:10px;}

.newslist .news_duotu .title{width:100%;height:40px;overflow:hidden;}
.newslist .news_duotu .title p{font-size:20px;line-height:45px;padding-left:5px;font-weight:500;}
.newslist .news_duotu .imgBox{width:100%;display:flex;justify-content: space-evenly;}
.news_duotu .imgBox img{width:24%;max-height:130px;height:auto;}
.tagbox.bottom{line-height:30px;padding-left:5px;}

.layui-nav{position:fixed;top:0;left:0;width:100%;}
/*.scrollDemo{width:100%;height:calc(100% - 90px);position:fixed;right:-18px;top:0;overflow:auto;}*/

.liveLeftbox{width:25%;height:calc(100% - 20px);border:1px solid #eee;margin-top:9px;}
.liveNav{width:100%;padding-right:1%;}
.liveNav li{width:calc(100% - 10px);height:auto;padding:10px 0 0 0;position:relative;padding-left:10px;}
.liveNav li a{display:block;font-size:16px;color:#333;width:100%;line-height:35px;}
.liveNav li a:hover{text-decoration:underline ;}
.liveNavTitle{font-size: 18px;color:#666;line-height:40px;border-bottom:1px solid #eee;text-align:center;}