@charset "utf-8";
/*代码所有权归山东迪赞纳传媒有限公司（以下简称迪赞纳传媒）版权所有，禁止以任何形式拷贝复制，一经发现，将追究法律责任！*/
/*首页代码*/
header .bui-bar{background:#f08200;}
header .bui-bar .bui-btn img{height:80%;}
.pc{display: none;}
.swiper-pagination-bullet-active{background:#f08200 !important;}
.index-nav-btn img{border-radius: .1rem;width: .88rem;height: .88rem;}
.index-nav-text{margin-top:.2rem;height:.5rem;}
.list-thumbnail.bui-interval li {margin-bottom: 0.2rem;}
.list-thumbnail .list-item {background-color: #fff;}
.list-thumbnail .item-image {width: 2.4rem;height:3rem;margin-right: 0.2rem;line-height: 1;}
.list-thumbnail .item-image img {width: 100%;height: 100%;object-fit: cover;}
.list-thumbnail .item-title,.list-thumbnail .item-text {text-align: center;font-size:0.3rem;}
.list-thumbnail li .span1 {padding: 0 0.2rem;}
.list-thumbnail li .container .span1,.list-thumbnail li .container-x .span1,.list-thumbnail li .container-xy .span1 {padding-left: 0;padding-right: 0;}
.list-thumbnail .bui-box-vertical .item-image {margin-bottom: 0.2rem;margin-right: 0;}
.list-thumbnail .bui-box-vertical.list-item {padding-bottom: 0rem;}
.list-thumbnail .bui-box-vertical .item-image {width: 100%;height:3rem;}
.list-thumbnail.round .list-item {border-radius: 0.2rem;overflow: hidden;}
.list-thumbnail .round.item-image {border-radius: 0.2rem;overflow: hidden;}
.bui-nav>.active{color: #f08200;}
#tabFootNav .bui-box-vertical span{width:.48rem;height:.48rem;background-size:.48rem auto;margin:.05rem auto;display: block;}
.bui-nav>.active span{background-position: bottom center;}
/*list*/
.list .bui-tab-sidenav{position: fixed;top:1rem;z-index:0;}
.list .lsm-sidebar-item>a:before{background:#f08200;}
.list .lsm-sidebar-item .active{background:#f08200;}
.list .lsm-sidebar-item .active a{color:#fff;}
.list .lsm-sidebar-item li>a:hover,.list  .lsm-popup>div>ul>li>a:hover{background:#f08200;}
.list .bui-tab-sidenav .active{border-left: 2px solid #f08200;}
.list .bui-tab-wrap{padding-left: 2rem;overflow:hidden;}
.list .bui-tab-sidenav{width: 2rem;}
.list #tabSide{height: 100%;overflow-y: scroll;}
.list #tabSide #masonry{overflow:hidden;}
.list #tabSide #masonry .show-cont{float: left;width: 50%;text-align:center;}
.list #tabSide #masonry .show-cont .post-item{padding: 0.2rem;display: block;width: 3rem;height:2.8rem;overflow: hidden;display: flex !important;justify-content: center;align-items: center;}
.list #tabSide #masonry .show-cont .post-item img{width: 100%;height: 100%;object-fit: cover;}
.list #tabSide #masonry .show-cont .text{overflow:hidden;padding-left:0.2rem;}
.list #tabSide #masonry .show-cont .text span{float:left;}
.list #tabSide #masonry .show-cont .text a{font-size:12px;background:#eee;color:#f08200;padding:1px 4px;margin-left:10px;border-radius:100px;float:right;}
.list .pagenation{margin-top:.5rem;padding:.3rem;}
.list .primary-reverse{color: #f08200;border-color: #f08200;}
/*show*/
.show{}
.show .show-banner img{width:100%;}
.show .show-banner .swiper-pagination-fraction{color:#fff !important;}
.show .swiper-pagination-bullet-active{background:#f08200;}
.show .show-info{}
.show .show-info h3{font-size:.4rem;margin:.4rem;color:#f08200;}
.show .show-info .shuxing{margin:.4rem;border-bottom:1px solid #ccc;padding-bottom:.4rem;}
.show .show-info .shuxing .name{color:#f08200;}
.show .show-info .shuxing .value{font-size:.25rem;}
.show .show-info .xiangqing{text-align:center;}
.show .show-info .xiangqing .text{margin-bottom:10px;padding:0 10px}
.show .show-info .xiangqing img{max-width:100%;}
/*video*/
.video-list {padding:0.15rem 0.15rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.video-list li {display:inline-block;margin-bottom:0.1rem;width:50%;padding:.1rem;}
.video-list li a.video-link {display:block;position:relative;}
.video-list li img {width:100%;height:100%;vertical-align:top;}
.video-list li a.video-link i {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0.6rem;height:0.8rem;font-size:0.8rem;color:rgba(255,255,255,0.57);}
.video-list li .video-title {display:block;margin-top:0.06rem;color:#666666;letter-spacing:-0.0006rem;}
.video-list li .video-title .video-name {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:73%;vertical-align:top;}
.video-list li .video-title .video-date {float:right;font-size:.26rem;}
/*show-video*/
.show-video .content-show {position:relative;}
.show-video .content-show img,.content-show video {width:100%;vertical-align:top;}
.show-video .content-infor {padding:0.29rem 0.35rem 0.3rem;background:#eee;border-top:1px solid #ddd;margin-top:0.3rem;}
.show-video .content-title {font-size:0.3rem;color:#333333;letter-spacing:0.0019rem;overflow:hidden;}
/*page*/
.dzn-page{}
.dzn-page header .bui-bar .bui-btn img{height:80%;}
.dzn-page .personal-header {background-color: #f08200;padding-top: .5rem;padding-bottom: .5rem;}
.dzn-page .personal-header .personal-img {width: 1.5rem;height: 1.5rem;border-radius: 50%;background:#fff;overflow: hidden;margin: 0 auto .2rem auto;text-align: center;}
.dzn-page .personal-header .personal-img img {width: 100%;height: 100%;object-fit: cover;}
.dzn-page .personal-header p {text-align: center;color: #ffffff;margin-bottom: 0.1rem;}
.dzn-page .personal-header .name {}
.dzn-page .personal-header .grade {font-size: 0.2rem;}
.dzn-page .page-message main {background: #f5f5f5;}
.dzn-page .bui-list {border-top: 0;}
.dzn-page .header-content {background-color: #ffffff;display: -webkit-box;display: box;padding: 0.2rem 0.3rem;}
.dzn-page .content-round {width: 2.5rem;position: relative;}
.dzn-page .percent-img {text-align: center;}
.dzn-page .percent-img img {width: 100%;margin: 0 auto;}
.dzn-page .content-round .yesterday {color: #353535;font-size: 0.12rem;text-align: center;}
.dzn-page .content-round .yesterday span {margin-left: 0.05rem;color: #00aeef;font-size: 0.18rem;}
.dzn-page .content-round .today {color: #353535;font-size: 0.18rem;width: 100%;text-align: center;position: absolute;left: 50%;top: 30%;margin-left: -1.25rem;line-height: 1;}
.dzn-page .content-round .today span {color: #00aeef;}
.dzn-page .content-round .today span:first-child {font-size: 0.54rem;}
.dzn-page .content-mess {margin-left: 0.3rem;}
.dzn-page .content-mess li {overflow: hidden;-webkit-box-flex: 1;box-flex: 1;}
.dzn-page .content-mess li:first-child {padding-bottom: 0.15rem;border-bottom: 1px dotted #f5f5f5;}
.dzn-page .content-mess li:last-child {padding-top: 0.15rem;}
.dzn-page .mess-title {float: left;text-align: left;}
.dzn-page .mess-title p:first-child {color: #505050;}
.dzn-page .mess-title p:last-child {font-size: 0.18rem;color: #999;}
.dzn-page .mess-num {margin-top: 0.1rem;margin-left: 0.3rem;float: left;text-align: left;}
.dzn-page .mess-num span {color: gray;font-size: 0.46rem;}
.dzn-page .mess-num span:first-child {color: #00aeef;}
.dzn-page .mess-num span:last-child {font-size: 0.32rem;color: #37ca3a;}
.dzn-page .exammine {margin: 0.2rem 0;padding: 0.25rem 0; background-color: #ffffff;}
.dzn-page .exammine>[class*=bui-btn] {border: none;padding: 0 0.2rem;border-right: 1px solid #f5f5f5;}
.dzn-page .activity .icon,.exammine .icon {color: #fff;}
.dzn-page .exammine li .span1 h3 {font-size: 0.38rem;text-align: right;}
.dzn-page .exammine li .span1 h3.approve { color: #9bbd32;}
.dzn-page .exammine li .span1 h3.respond { color: #70b4e1;}
.dzn-page .exammine li .span1 h3.due {color: #f16a7a;}
.dzn-page .exammine li .span1 p {font-size: 0.18rem;text-align: right;}
.dzn-page .exammine>[class*=bui-btn]:last-child { border: none;}
.dzn-page .exammine .thumbnail {line-height: 0.85rem;height: 0.88rem;width: 0.88rem;text-align: center;border-radius: 50%;margin-right: 0;color: #ffffff;font-size:.5rem;}
.dzn-page .exammine .thumbnail.approve {background-color: #9bbd32;}
.dzn-page .exammine .thumbnail.respond {background-color: #70b4e1;}
.dzn-page .exammine .thumbnail.due {background-color: #f16a7a;}
.dzn-page .exammine [class*=bui-btn] .icon {font-size: 0.54rem; margin: 0;}
.dzn-page .activity {border-top: none;margin-top: 0.2rem;padding: 0 0.2rem; background-color: #ffffff;}
.dzn-page .activity .bui-btn {padding-top: .2rem;padding-bottom: .2rem;padding-left: 0;padding-right: 0;}
.dzn-page .activity .thumbnail {line-height: 0.88rem;height: 0.88rem;width: 0.88rem;text-align: center;border-radius: 50%;color: #ffffff;}
.dzn-page .activity .thumbnail.run {background-color: #90c956;}
.dzn-page .activity .thumbnail.survey {background-color: #e7cd3d;}
.dzn-page .activity .thumbnail.collect {background-color: #00bcd1;}
.dzn-page .activity .bui-btn .icon {font-size: 0.54rem;margin: 0;}
.dzn-page .activity li .span1 h3 {color: #111;font-size: 0.32rem;margin-bottom: .15rem;}
.dzn-page .activity li .span1 .item-text {font-size: 0.24rem;color: #999999;}
.dzn-page .nav-list small{float:right;margin-top: .03rem;}
.dzn-page .about p{text-align:left;font-size:.28rem;}
.dzn-page .bui-box-center{line-height: 2.7rem;}
.dzn-page .primary-outline, .primary-text, .primary-reverse{color:#f08200;}

/*pc端展示效果*/
@media screen and (min-width: 768px) {
.pc{display: block;width:100%;height:100%;}
.mobile{display:none;} 
.bui-page img{max-width:none;}    
.pc .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8) !important;}
.pc .swiper-slide-active{transform: scale(1) !important; z-index:100;}
.index-nav-btn img{width:2rem;height:2rem;}   
.bui-nav-icon .bui-btn{width:20% !important;} 
.list-thumbnail li{width:16.6% !important;}
.list-thumbnail .bui-box-vertical .item-image{height:5rem;}
.list #tabSide #masonry .show-cont{width:20%;}
.list #tabSide #masonry .show-cont .post-item{width:100%;height:5rem;}
.video-list li{width:25%;}
.show main{max-width:700px;margin:0 auto;}
} 