/*********** 网站通用 **********/
 
*{ list-style-type:none;}
ul{ margin:0px; padding:0px;}
html,body {padding:0px; margin:auto; font-family:"微软雅黑"; max-width:750px; height:100%;}

p{ padding:0px; margin:0px;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input {outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}



/*********** top **********/
.top{ width:100%; float:left; height:50px; background:#f9dc54; display: flex; justify-content:space-between; align-items: center; }
.top_l { width:60px; font-size:16px; display: flex; align-items: center; padding-left:20px;}
.top_l a:link,.top_l a:visited{color:#000;text-decoration:none;}
.top_l img{ padding-right:2px; padding-top:3px;display:block}  
.top_c { width:auto;}
.top_c img { display:block}
.top_r { width:60px; padding-right:20px; text-align:right}
.top_r img{ padding-top:5px;}


/*********** 幻灯 **********/
#addExplain {width:100%;float:left;}
/*#addExplain .swiper-pagination-bullets{ width:100px; bottom:15px; left:457px; }*/
#addExplain .swiper-pagination-bullets .swiper-pagination-bullet{ width:10px; height:10px;border-radius:10px;background-color:#fff;opacity:1}
#addExplain .swiper-pagination-bullet-active.swiper-pagination-bullet{background-color:#54766e;opacity:1}
#addExplain .swiper-explain {font-size:14px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;width: calc(100% - 20px);}
.swiper-explain{padding:8px 10px!important;}

/*********** 导航 **********/
.Navigation { width:92%; padding:4%; float:left}
.Navigation li{ width:33.3%; float:left; font-size:14px; text-align:center; padding:0 0 4% 0px}
.Navigation li span{ width:50%; float:left; margin:10% 25%;text-align:center;}
.Navigation li span img{ width:100%}
.Navigation a:link,.Navigation a:visited{color:#000;text-decoration:none;}

/*********** 展示TAB **********/
.zhanshi { width:94%; float:left; height:110px; background:#fafafa; border-bottom:1px solid #efefef;border-top:1px solid #efefef; padding:5% 3% 2% 3%}

.swiper1{width:100%; height:100%; overflow:hidden}
.swiper1 .swiper-slide{ text-align:center; font-size:18px; width:77px;/* Center slide text vertically */ display:block; position:relative;}
.swiper1 .swiper-slide img{width:100%;border-radius:5px;}
.swiper1 .swiper-slide .pic{width:100%;float:left;}
.swiper1 .swiper-slide .title{font-size:12px; color:#000; position:absolute; bottom:15px; left:5%; line-height:25px; border-radius:20px; z-index:999; width:88%;  text-align:center; height:25px; background-color: rgba(249, 220, 84, 0.6);}
.swiper1 .swiper-slide .buy{margin-top:10px;font-size:0.6em;padding-right:2%;float:right}
.swiper1 .swiper-pagination2{text-align:center;--swiper-pagination-color:#c30d23;margin-top:10px;}


/*********** 推荐 **********/
.tuijian { width:100%; float:left; margin-top:10px;}
.tuijian_bt { font-size:18px; font-weight:bold; width:calc(100%-20px); text-align:left;position:relative; height:30px; line-height:30px; margin-left:20px;}
.tuijian_bt span{ width:26px; height:3px; background:#f9dc54; float:left;position:absolute;bottom:-2px; left:4px;}
.tuijian_news { width:100%; padding:3% 0px; float:left}
.tuijian_news img { display:block}
.tuijian_news li{ width:45.5%; float:left; font-size:14px; margin-bottom:3%; margin-left:3%;}
.tuijian_news_img { width:100%; height:100%; border-radius:6px; position:relative; float:left; overflow:hidden;margin-bottom:6px;}
.tuijian_news_dingwei{ /*width:40%;*/ text-align:left; color:#fff; float:left; font-size:12px; position:absolute; bottom:3%; left:2%; border-radius:8px;display:flex; align-items: center;}
.tuijian_news_dingwei img{ width:15px;}

/*********** 页面3 **********/
.bbg { width:100%; padding:3% 0px; float:left}
.bbg_bt { font-size:18px; font-weight:bold; width:92%; padding:0 4%; text-align:left;position:relative; height:30px; line-height:30px;}
.bbg_bt_f{ width:26px; height:3px; background:#f9dc54; float:left;position:absolute;bottom:-2px; left:7.2%;}
#addExplainA {width:94%; margin:0 3%;float:left;border-radius:10px; margin-top:3%;}
#addExplainA .swiper-pagination-bullets{ width:100%; bottom:2px;}
#addExplainA .swiper-pagination-bullets .swiper-pagination-bullet{ width:6px; height:6px;border-radius:6px;background-color:#fff;opacity:1}
#addExplainA .swiper-pagination-bullet-active.swiper-pagination-bullet{background-color:#54766e;opacity:1}
.ppt #addExplainA .swiper-explain { font-size:14px; width:92%; padding:8px 4% 0px 4%; background:rgba(0,0,0,0.6); height:20px; overflow:hidden; line-height:10px;text-overflow: ellipsis; white-space: nowrap;}

.list_top{width:94%; margin:0 3%; float:left;margin-top:4%;}
.list_top_img { width:30%; float:left; border-radius:10px; overflow:hidden }
.list_top_img img{ width:100%; display:block}
.list_top_title{ width:66%; float:right; font-size:14px; text-align:left; line-height:20px; color:#adafae;}
.list_top_title span{ width:100%; float:left;font-size:18px!important; color:#000; padding-bottom:8px; line-height:24px; padding-top:3px}

.zjk{ width:100%; padding:4% 0px; margin-top:4%;  float:left; background:#fafafa; border-bottom:2px solid #e0eae7;border-top:2px solid #e0eae7 }
.zjk_news {width:94%; margin:0 3%; float:left; margin-top:4%;}
.zjk_img { width:40%; float:left; border-radius:10px; overflow:hidden }
.zjk_img img{ width:100%; display:block}
.zjk_title{ width:55%; float:right; font-size:12px; text-align:left; line-height:20px; color:#adafae; padding-top:3px;}
.zjk_title .title{ width:100%; float:left;font-size:14px!important; color:#000; margin-bottom:8px;line-height:20px;}


/*********** 内容页 **********/
.list_one{width:94%; margin:0 3%; float:left; margin-top:4%;}
.detailed_title{ width:100%; float:left; text-align:center; font-size:16px; line-height:24px; padding:10px 0px;}
.detailed_time{ width:100%; float:left; background:#f8f8f8; text-align:center; font-size:12px; padding:5px 0; color:#666666;flex-wrap: nowrap;justify-content:center;display: flex;}
.detailed_time a:hover {color: #e94d4d;}
.detailed{ float:left; font-size:14px; text-align:justify; line-height:28px;width:100%; padding-top:15px; margin-bottom:30px; color:#7a7b7b}
.detailed p,.detailed div{ padding:0px; margin:0px ; text-indent:32px; }
.detailed img{ width:100%; display:block; margin:10px auto; border-radius:3px;}


/********内容页***********/

.list_wen{ width:100%; float:left; height:100%;z-index:10;position:relative;/*border-top: 3px solid #c6211f; margin-top:5%; */}
.list_wen_t{ width:94%; margin:0 3%; text-align:left; font-size:20px; color:#c6211e; border-bottom:1px dashed #7b7b7b; line-height:40px; padding:10px 0 6px 0; }
.list_Head_Title{ width:94%; margin:4% 3% 0 3%; text-align: center; font-size:18px; line-height:35px; }
.list_title{ width:94%; margin:4% 3%; text-align: left; font-size:24px; line-height:40px; }
.list_SubTitle{ width:94%; float:left; margin:0 3% 4% 3%; text-align: center; font-size:20px; line-height:35px; }
.list_IntroductionTitle{ width:94%; float:left; margin:0 3% 4% 3%; text-align: center; font-size:16px; line-height:30px; }
.list_time{ width:100%; float:left; text-align:center; font-size:12px; background-color: rgba(121,121,121,0.1); height:40px; line-height:40px;}
.list_nei{width:94%; margin:3% 3%; float:left; font-size:16px; color:#333; line-height:35px; padding-bottom:5%;text-align: justify}
.list_nei p,.list_nei div{ padding:0px; margin:0px ;font-size:16px; text-indent:32px; }
.list_nei img{ width:100%; padding-bottom:10px; padding-top:10px; display:block; }
.list_nei video{ width:100%; height:56vw; padding-bottom:10px; padding-top:10px; display:block}
.list_mp3{ width:100%; float:left; text-align:center; padding:5% 0px;}


/*********** 搜索页面 **********/

.search {background: #F9F0DA;position: relative;border-radius:16px; width:100%;float:left; overflow:hidden; margin:2% 0px; }
.search input, .d3 button {border: none; outline: none;background: transparent;}
.search input {width: calc(100% - 65px);height: 35px; padding-left: 15px;}
.search .search_tijiao {height: 40px; width: 45px;position: absolute; background:#f9dc54; text-align:center; top: 0;right: 0;cursor: pointer; padding-left:5px; line-height:35px;}


.ditu {width: 94%; float: left; padding: 0 3%; border-top: 2px solid #e0eae7; margin-top: 4%; }
.csq_bt { font-size:16px; font-weight:bold; width:92%; margin:5% 0; padding:0 4%; text-align:left;position:relative; height:30px; line-height:30px;}
.csq_bt_f{ width:26px; height:3px; background:#f9dc54; float:left;position:absolute;bottom:-2px; left:7.2%;}
.ditu li{ width:32%; margin-right:2%; float:left; text-align:left; font-size:14px; margin-bottom:4%}
.ditu li:nth-child(3n+3) {margin-right: 0%;}
.ditu li img{ width:100%;border-radius:6px; height:22vw; object-fit: cover;}
.ditu li .title{ width:100%; padding:0 5px}

.deji {animation: deji_a 1s ease-in-out alternate infinite;}
@keyframes deji_a{
0%{opacity:0.8;transform:translate(44px,0px);}
50%{opacity:1;transform:translate(44px,10px);}
100%{opacity:0.8;transform:translate(44px,0px);}
}
.jinggang {animation: jinggang_a 1s ease-in-out alternate infinite;}
@keyframes jinggang_a{
0%{opacity:0.8;transform:translate(44px,16px);}
50%{opacity:1;transform:translate(44px,24px);}
100%{opacity:0.8;transform:translate(44px,16px);}
}
.shuangshan{animation:shuangshan_a 1s ease-in-out alternate infinite;}
@keyframes shuangshan_a{
0%{opacity:0.8;transform:translate(30px,-16px);}
50%{opacity:1;transform:translate(30px,-6px);}
100%{opacity:0.8;transform:translate(30px,-16px);}
}
.hoyteng{animation:hoyteng_a 1s ease-in-out alternate infinite;}
@keyframes hoyteng_a{
0%{opacity:0.8;transform:translate(46px,8px);}
50%{opacity:1;transform:translate(46px,18px);}
100%{opacity:0.8;transform:translate(46px,8px);}
}
.daxin{animation:daxin_a 1s ease-in-out alternate infinite;}
@keyframes daxin_a{
0%{opacity:0.8;transform:translate(39px,12px);}
50%{opacity:1;transform:translate(39px,22px);}
100%{opacity:0.8;transform:translate(39px,12px);}
}
.shiqu{animation:shiqu_a 1s ease-in-out alternate infinite;}
@keyframes shiqu_a{
0%{opacity:0.8;transform:translate(106px,56px);}
50%{opacity:1;transform:translate(106px,66px);}
100%{opacity:0.8;transform:translate(106px,56px);}
}
.jinfeng{animation:jinfeng_a 1s ease-in-out alternate infinite;}
@keyframes jinfeng_a{
0%{opacity:0.8;transform:translate(88px,16px);}
50%{opacity:1;transform:translate(88px,26px);}
100%{opacity:0.8;transform:translate(88px,16px);}
}
.leyu{animation:leyu_a 1s ease-in-out alternate infinite;}
@keyframes leyu_a{
0%{opacity:0.8;transform:translate(96px,29px);}
50%{opacity:1;transform:translate(96px,39px);}
100%{opacity:0.8;transform:translate(96px,29px);}
}
.changyinsha{animation:changyinsha_a 1s ease-in-out alternate infinite;}
@keyframes changyinsha_a{
0%{opacity:0.8;transform:translate(37px,29px);}
50%{opacity:1;transform:translate(37px,39px);}
100%{opacity:0.8;transform:translate(37px,29px);}
}
.nanfeng{animation:nanfeng_a 1s ease-in-out alternate infinite;}
@keyframes nanfeng_a{
0%{opacity:0.8;transform:translate(62px,0px);}
50%{opacity:1;transform:translate(62px,10px);}
100%{opacity:0.8;transform:translate(62px,0px);}
}
.tangqiao{animation:tangqiao_a 1s ease-in-out alternate infinite;}
@keyframes tangqiao_a{
0%{opacity:0.8;transform:translate(75px,16px);}
50%{opacity:1;transform:translate(75px,26px);}
100%{opacity:0.8;transform:translate(75px,16px);}
}


/****************弹出框************/
#mask_shadow{display:none;opacity:0;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
#popup{display:none;opacity:0;position:absolute;z-index:2;top:150px;width:60%;box-shadow:0 5px 15px rgba(0,0,0,0.5); border-radius:5px; overflow:hidden}
#popup .title{position:relative;width:100%;height:30px;background-color:#f9dc54;cursor:move;}
#popup .title p{padding-left:14px;line-height:30px;color:#000; font-size:14px}
#popup .title span{position:absolute;top:6px;right:8px;width:17px;height:17px;color:#000;opacity:0.8;font-size:14px; line-height:16px; cursor:pointer;text-align:center;border:1px solid #000;border-radius:5px;}
#popup .title span:hover{opacity:.8;}
#popup .cont{width:100%;height:55px;background-color:#EDEDED; line-height:55px; text-align:center}



/*********** 直播页面 **********/
.LiveVideo { float:left}
.LiveVideo .MainTitle { font-size:18px; padding:4% 5px; margin:0 4%; border-bottom:1px #cccccc dashed; float:left; width:calc(92% - 10px)}
.LiveVideo .LiveBox {padding:4% 0;margin:0 6%; width:88%; text-align:center;float:left; padding-bottom:4%; border-bottom:1px #cccccc dashed; }
.LiveVideo .logo { margin-top: 0 }
.LiveVideo .time { margin:5px 0 10px 0; font-size:18px; font-weight:bold}
.LiveVideo .pic { margin:10px 0; font-size:18px; width:100%;position: relative;}
.LiveVideo .pic img{ width:100%; border-radius: 15px 15px 0 0; border:1px #eeeeee solid;}
.LiveVideo .Title { background-color: rgba(0,0,0,0.7);  bottom: 0; color: #fff; left: 0; padding: 8px 10px; font-size: 14px; text-align: center; width: calc(100% - 20px); position: absolute;}



/* 显示默认行数 */
.OneLine{white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.TwoLine{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.ThreeLine{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.FourLine{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}