/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font-family:Microsoft YaHei;font-size:14px;  background:#fff;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */}
a:hover{ text-decoration:none; color:#2d86ff;}
img{ border:none; vertical-align: middle; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}
div,textarea{box-sizing:border-box;}

/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{ }
.header img{ width:100%;}

/*------------------------内容 start--------------------------*/
.content{ background-image: linear-gradient(45deg,#d4feab, #4393c0); padding:0.9rem 0; }
/*直播*/
.live-mod{ margin-bottom:1.25rem; }
/*新增样式 ---开始*/
.live-video{ overflow:hidden; width:16.2rem; margin:0 auto 0.9rem;background:url(../images/border-bg.jpg) no-repeat top center; background-size:cover; border-radius:20px; padding:6px;  height:9.23rem;}
.live-video video,.live-video img{ width:100%; overflow:hidden;border-radius:17px; background:#000;}

.live-btn{ width:17.3rem; margin:0 auto; height: 100%; display:flex; justify-content:space-between;}
.btn{ cursor:pointer; margin-right:0.2rem;}
.img-wrap{background:url(../images/border-bg.jpg) no-repeat top center; background-size:cover; border-radius:20px;
 padding:3px; margin-bottom:0.25rem;}
.img-wrap img{ width:100%;border-radius:16px;  }
.btn h3{ text-align:center;}
.btn h3 img{ text-align:center; width:auto; max-width:100%;}
.btn:last-child{ margin-right:0;}
/*新增样式 ---结束*/

.gallery-top{ width:100%; overflow:hidden; width:16.2rem; margin:0 auto 0.9rem;}
.gallery-top .swiper-slide{background:url(../images/border-bg.jpg) no-repeat top center; background-size:cover; border-radius:20px; padding:6px; width:100%; }
.gallery-top video,.gallery-top img{ width:100%; overflow:hidden;border-radius:17px; background:#000;}

.gallery-thumbs { width:17.3rem; margin:0 auto; height: 100%;}
.gallery-thumbs .swiper-slide{ cursor:pointer;}
.gallery-thumbs .img-wrap{background:url(../images/border-bg.jpg) no-repeat top center; background-size:cover; border-radius:20px;
 padding:3px; margin-bottom:0.25rem;}
.gallery-thumbs .img-wrap img{ width:100%;border-radius:16px;  }
.gallery-thumbs h3{ text-align:center;}
.gallery-thumbs h3 img{ text-align:center; width:auto; max-width:100%;}


.yg-mod{padding:0 0.9rem; display:flex; justify-content:space-between;margin-top: 50px;}
/*直播文字*/
.program-list{ width:7.8rem; margin-right:1.2rem;}
.program-list h2{ width:60%; margin:0 auto;}
.program-list h2 img{ width:100%;}
.program-bd{ background:rgba(255,255,255,0.48); border:6px solid #fff; border-radius:20px; padding:0.4rem ;  max-height:16.15rem;overflow-y:scroll;}

.live-txt-wrap{max-height:15rem;  }
.live-txt-mod{ font-size:0.3rem; margin-right:0.2rem;padding-bottom:0.3rem; margin-bottom:0.3rem; border-bottom:1px dashed #fff;}
.live-txt-head{ margin-bottom:0.3rem;}
.time{ margin-bottom:0.1rem;}
.time,.live-txt-info-l b{ font-size:0.24rem; font-weight:normal; color:#666;}
.live-txt-info-l b{ margin-right:0.2rem;}
.live-txt-info{display:flex;justify-content:space-between;align-items:center;margin-bottom: 0.2rem;}
.live-txt-info-l{ display:flex; align-items:center;}
.live-user{display:flex; flex:1; align-items:center; border:1px solid #fff; padding:0.1rem 0.2rem; border-radius:0.5rem; color:#666;font-size:0.24rem;}
.live-user-logo{margin-right:0.1rem; width:0.35rem;}
.live-user img{ height:auto; width:100%;}
.zd{ font-size:0.24rem; color:rgba(229,66,66,1.00);}
.live-txt-bd{ text-align:justify; font-size:0.32rem;}
.live-txt-bd p{ margin-bottom:0.15rem;}
.live-txt-bd p+img{ margin-top:0.2rem;}

/*留言板*/
.message-mod{width:8.7rem;border-radius:20px;background:url(../images/border-bg.jpg) no-repeat top center; background-size:cover;
 border-radius:20px; padding:6px; 
/* border:6px solid; border-image:url(../images/border-bg.jpg) 6  round; 
 box-sizing: border-box; clip-path: inset(0 round 20px);*/ }
.message-bd{ background:rgba(255,255,255,0.68); background:#def1e7; border-radius:16px; height:100%; display:flex; flex-direction:column;
justify-content: space-between;}
.message{ padding:0.6rem; height:15.15rem;overflow-y:scroll;}
.pinglun{ display:flex; background:#fff; border-radius:20px; padding:0.25rem; margin-bottom:0.3rem; font-size:0.3rem;}
.pinglun-head{ width:0.65rem; height:0.65rem; margin-right:0.2rem;}
.pinglun-head img{ width:100%; height:100%; object-fit:cover;}
.name2{ margin-bottom:0.1rem;}
.zt{ color:#666666; font-size:0.24rem; margin-bottom:0.1rem;}
.pinglunbox{ flex:1;}
.pinglun-zw{ font-size:0.32rem;}

/*提交框*/
.lyk{ display:flex; justify-content:space-between;;background-image: linear-gradient(to bottom,#e1f8ef, #aedce0); padding:0.3rem 0.5rem;border-radius:0 0 16px 16px;}
.dhk{ flex:1; margin-right:0.3rem; }
.dhk textarea{ width:100%; background:#fff; border:none; border-radius:1rem; font-size:0.3rem;font-family:Microsoft YaHei; padding:0.1rem 0.3rem; height:0.8rem;}
.anniu0{ background:#fff; width:0.8rem; height:0.8rem; border-radius:50%;}
.anniu0 img{ width:100%;}

@media screen and (max-width: 768px) {
.content{ padding-left:0.3rem; padding-right:0.3rem;}
.gallery-top,.gallery-thumbs,.program-list,.message-mod{ width:100%;}
.gallery-top{ margin-bottom:0.3rem;}
.gallery-top .swiper-slide,.gallery-thumbs .img-wrap,.program-bd,.message-mod{ border-radius:16px;}
.gallery-top video, .gallery-top img,.gallery-thumbs .img-wrap,.message-bd{border-radius:10px;}
.gallery-thumbs .img-wrap{ margin-bottom:0.1rem;}
.gallery-thumbs .img-wrap img{border-radius:6px;}
.live-mod{ margin-bottom:0.8rem;}
.program-list{margin-bottom:0.8rem;margin-top: 40px;}
.yg-mod{ display:block; padding:0; }
/* .live-txt-mod{ height:10rem;} */
.message{ height:10rem;}
.lyk{border-radius: 0 0 10px 10px;}

/*新增样式 ---开始*/
.live-video{ height:4rem; margin-bottom:0.3rem;border-radius: 10px;}
.live-video,.live-btn{ width:100%;}
.img-wrap{ margin-bottom:0.1rem;border-radius:14px;}
.img-wrap img{border-radius:10px;}
/*新增样式 ---结束*/
}