@import "slick.css";
@import "slick-theme.css";
@import 'animate.min.css';
body{
	background-color: #f3f7fc;
	font-size: 16px; overflow-x: hidden; line-height: 1.4;
	animation: fadeIn 0.5s ease; color: #333;
}
a{outline: none; color: #303030}
a:hover{color: #0a2b9e}
img{max-width: 100%;}
.con{width: 1400px; margin: 0 auto; position: relative;}

.header{ 
	width: 100%; height: 100px;
	background-color: #fff;
	border-bottom: 1px solid #e5e8f1;
}
.header .fl{margin-top: 12px;}
.header .fr{white-space: nowrap; }
.header ul{
	margin: 0;display: inline-block;	
}
.header li{
	display: inline-block; margin: 0 14px;
}
.header li a{
	display: block;
	font-size: 17px; line-height: 97px;
	border-bottom: 4px solid transparent;
	padding: 0 1px;
}
.header li:hover a,.header li.cur a{
	border-bottom: 3px solid #0f1f80;
	color: #0f1f80; font-weight: bold;
}
.searchbox,.userBox{
	display: inline-block;
	position: relative; vertical-align: middle;
}
.callBtn{
	border: 0;background-color: #fff;
	color: #707cb3;
	font-size:22px;
	padding:0 12px; height: 99px;
	cursor: pointer;
}
.callBtn:active,.callBtn:hover{
	color: #4256b1;
}
.header a.d{
	display: inline-block;
	background-color: #f3f5ff;
	border: 1px solid #e8eaf1;
	border-radius: 8px;
	font-size: 14px;line-height: 36px;
	color: #4c5e93;
	padding: 0 14px;
}
.dropsBox{ display: none;
	position: absolute;  right: 0; z-index: 88;
	background-color: #fff;
	border: 1px solid #e8eaf1;
	padding:15px 20px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,100,0.1);
}
.input{
	border: 1px solid #e8eaf1;
	padding: 10px; border-radius: 8px;
}
.btn{
	background-color: #0f1f80;
	border-radius: 8px;
	color: #fff; padding: 10px 20px;
	border: 0;
}
/*轮播图片*/
.slider-for,.m-slider{
	margin-top: 40px;
}
.m-slider{display: none;}
.m-slider p{
	text-align: center; padding: 10px 0;
	background-color:#e9f2f9;
}
.slider-for p{
	padding: 15px; display: none;
}
.slider-nav{   
   position: absolute; top: 0; right:100px;
   background-color: rgba(0,0,0,0.6);
   height: 610px; width: 320px;
   padding: 10px 0;
}
.slider-nav li{
	display: block; color: #fff; padding: 13px 25px;
}
.slider-nav li a{display: block;color: #fff; 
	line-height: 1.4; height:42px; overflow: hidden;
}
.slider-nav li.cur{
	background-color: #0951c0;
	background: linear-gradient(to right,#0951c0,#0a1489);
}
/*频道直播*/
.pindao{ display: inline-block; width: 100%;
	background: url('../img/pd-bg.jpg') center no-repeat;
	padding-bottom: 30px;

}
.pindao ul{margin: 35px 70px;}
.pindao li{float: left; margin: 0 5px 5px 0;
	width:100px; height:50px; border-radius: 8px;
	background-color:#afd3ff;
	padding:25px 0; text-align: center; 
    transition: all 0.6s ease 0s;
}
.pindao li.cell2,.pindao li.cell3{
	background-color: #fff; height:65px;
	padding: 35px 0 0; width: 100px;
}
.pindao li a{font-size: 24px; font-weight: bold;
	color: #1646b3;
	text-align: center;
}
.pindao li.cell1,.pindao li.cell12{
	width: 200px; background-color: #fff;
	padding: 15px 0; height: 70px;
	background: linear-gradient(to right,#fff,#dbe6fc);
}
.pindao img{
	height:70px ;
}
.pindao li.cell12{padding-top: 35px; height: 50px}
.pindao li.cell6,.pindao li.cell11{background-color: #fff; line-height: 1.4;
	padding: 20px 0 ;height: 60px;
}
.cell6 span{display: block; font-weight: bold;}
.pindao li.cell11{
	padding: 16px 0;height: 68px;
}
.pindao li.cell1:hover,.pindao li.cell12:hover{
	background: linear-gradient(to right,#d1e1ff,#fff);
}
.pindao li:hover{
	animation: pulse 0.4s ease-out;
}
/*融媒直播*/
.title{
	margin:0; display: block; position: relative;
}
.title h4{display: inline-block; vertical-align: middle;
	font-size: 30px; font-weight: bold; color: #171e48;
}
.title h4.man{
	background: url('../img/manzb.png') left center no-repeat;
	width: 240px;height: 36px;
}
.title h5{font-size:22px; color:##202b6f; font-weight: bold; 
	margin-left: 10px; margin-bottom: 10px;
}
.title::before{
	content: ''; position: absolute; left: 0; top: 0;
	width: 24px; height: 24px; border-radius: 50%;
	background-color: #7fb6f6; z-index: -1;
}
.title img{height: 33px;margin:4px 6px; vertical-align: middle;}
.title a{
	float: right; line-height: 50px; margin-right: 10px;
	color: #999;
}
.rongmei{
	display: block; margin:14px 0 0;
}
.mainLive .small{
   display: inline-block; width: 330px; height: 188px;
   margin-bottom: 20px; position: relative;
   overflow: hidden; border-radius: 8px;
   vertical-align: top;margin-left: 18px;
}
.mainLive .videoBox{ 
	display: none;
	position: relative;
	float: left;width:56%;
	margin-left: 0;
	margin-bottom: 20px;
}
.zb-nav{
	float: right; width: 42%;
	margin: 0 0 10px; text-align: center;
}
.zb-nav li{display: inline-block; 
	width:40%; text-align: center; margin-left: 1.5%;
	background-color:#eee; border-radius: 55px;
	font-size:24px; line-height: 2; color: #666;
	cursor: pointer;
}
.zb-nav li.curr{font-weight: bold; 
	background-color: #e0e9f5; color:#0951c0;
}
.liebiao{ 
   width: 42%;
   float: right;
}
/* .liebiao.on{display: block;} */
.liebiao li{ position: relative;
	display:inline-block; width: 48.5%;
	margin-bottom: 15px; background-color: #fff;
	border: 1px solid #d9e2ed;
	border-radius: 8px;
	cursor: pointer;
}
.liebiao li:nth-of-type(2n){
	float: right;
}
.liebiao li span{ height: 100%;
	display: flex; align-items: center;
}
.liebiao li img{
	display: block; vertical-align: middle;
	border-radius: 8px; height: 66px;
	margin: 0 auto;
}
.liebiao li.play:after{
	content: '正在直播';
    position: absolute; left: 0;top: 8px;
    background-color: #d71425; padding: 2px 6px;
    color: #fff; border-radius: 0 8px 8px 0;
}
.liebiao li.play.stop:after{
	content: '暂停播放';
}
.radioBox{ display: none;
	float: left;
	width: 55%; position: relative;
	margin-bottom: 15px;
}
.videoBox.on,.radioBox.on{display: block;}
.roll{
	width: 55%;display: block;
	margin: 1.2rem 0 1.2rem 38%;
	animation:roll 1s linear 0s infinite;
}
@keyframes roll{
  from{transform: rotate(0deg)}
  to{transform: rotate(360deg);}
}
.radioBox.rollOrNot .roll{
	animation:roll 1s linear 0s 1;
}
.radioName{
	width:65%; height: 100%;
	background: url('../img/xw.jpg') no-repeat;
	background-size: 100%;
	position: absolute; left: 0; z-index: 8;
	text-align: center;
	color: #fff; font-size:50px;
}
.radioName h4{font-weight: bold;}
.radioName p{
	font-size: 15px; margin:50px 0 30px; opacity: 0.8;
	font-weight: bold;
}
.radioBox .fa{
	display: block; margin: 30px 0 20px;
	font-size: 100px; font-family: FontAwesome;
}
.radioBox .fa:before{
	content: "\f28b";
}
.radioBox.rollOrNot .fa:before{
	content: "\f144";
}


.otherLive{
	margin: 0; display: flex; flex-direction: row;
	justify-content: space-between; 
    flex-wrap: wrap;
}
.otherLive li{
	display: inline-block; 
	width: 19%; border-radius: 8px;
	position: relative;
	background-color: #fff;
}
.otherLive li .imgbox{height: 150px}
.otherLive li p{
	padding:0 15px; display: block; height: 45px;
	margin-bottom: 10px; overflow: hidden;
}
.otherLive li .tags{left: inherit; top: inherit; right: 10px;bottom:80px}
.tags{
	position: absolute; left:10px; top:10px; z-index: 9;
	height: 24px; border-radius: 20px;
	font-size: 14px; font-weight: bold; line-height: 24px;
	text-align: center; padding: 0 10px;
	white-space: nowrap;
}
.tags.golden{
	background: linear-gradient(to right,#d1913c,#ffd194);
	color: #333; 
}
.tags.blue{
	background-color: #192979; color: #fff;
}
.tags.red{
	background:linear-gradient(to right,#f15361,#b71f2d); color: #fff;
}
.tags.grey{
	background-color: rgba(0, 0, 0, 0.8); color: #fff;
}
/*大美潍坊*/
.slowLive{
	width: 500px;
	display: inline-block;
}
.slowLive ul{margin-top: 12px;}
.slowLive li{
    display: inline-block; 
    width: 48.5%; position: relative;
    padding-bottom: 14px;  
}
.slowLive li.big,.slowLive li img{width: 100%; }
.imgbox{ position: relative;
	width: 100%; height: 100%; border-radius: 8px;
	overflow: hidden; margin-bottom:10px;
	object-fit: cover;
}
.imgbox img{transition: all 0.4s ease 0s; display: block;
	width: 100%; height: 100%;
}
.imgbox:hover img{  transform: scale(1.04);}
.slowLive li .tags{
	position: relative;
	display: inline-block;
	left: inherit; top: inherit;
	margin-right:6px;
}
.slowLive li .imgbox{height: 135px;}
.slowLive li.big .imgbox{height:280px;}
.slowLive li:last-child{float: right;}

/*融媒原创*/
.original{
	width: 865px; 
}
.original ul{margin-top: 12px; margin-right: -2%;}
.original li{ display: inline-block;
	width: 31%; margin-bottom: 20px;
	position: relative; margin-right:1.9%;
}
.original li .imgbox{height: 190px}
.original li .marker,.vlogList li .marker{
	position: absolute; left: 0; bottom:0px; z-index: 8;
	width:92%; color: #fff; font-size: 14px;
	padding:15px 4% 8px;
	background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));
}
.original li .marker span:first-child,.vlogList li .marker span:first-child{
	background: url('../img/bf.png') left center no-repeat;
	background-size: 16px; padding-left: 18px;
}
.original li .marker span:last-child,.vlogList li .marker span:last-child{float: right;}
.original li p{
    height: 45px; overflow: hidden;
}
/*活力女主播*/
.zb.title::before{display: none;}
.zb.title img{height: auto;}
.zhubo{margin-top: 10px;}
.zhubo li{
	padding: 0 10px;
}
.zhubo li p{text-align: center;}
/*vlog*/
.title.r::before{background-color: #ec2c47;}
.vlogList{
	margin: 10px 0 0px;
	text-align: justify;
}
.vlogList li{ position: relative;
	display: inline-block; vertical-align: top;
	margin: 0 8px;
}
.vlogList li .imgbox{height:410px;}
.slick-prev,
.slick-next{
	z-index: 99;
	width: 35px;height:35px;  border-radius: 5px;
	color: #888;
}
.slick-prev:before, .slick-next:before{font-size: 32px;}
/*短视频+近期投稿*/
.dspNav{
	display: inline-block; vertical-align: bottom; margin-left: 5%;
}
.dspNav li{display: inline-block; margin: 0 5px; color: #4a5176;
	padding:6px 12px; border-radius: 8px; cursor: pointer;
}
.dspNav li.curr,.dspNav li:hover{background-color: #7fb6f6;
	color: #fff; font-weight: bold;
}
.fiveList{
	margin:15px 0 0;
}
.fiveList li{
	display: inline-block;  vertical-align: top;
	margin-bottom: 20px; margin-right:0.7%;
	width: 19%; border-radius: 8px;
	position: relative;
	background-color: #fff;
}
.fiveList li .imgbox{height: 150px}
.fiveList li p,.vlogList li p{
	padding: 0 15px; display: block; height: 45px; overflow: hidden;
	margin-bottom: 10px;
}
.fiveList .date{ font-size: 14px;
	width:90%; padding: 0 5% 10px; color: #999;
}
.fiveList .date span:last-child{float: right;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
/*广电慧生活*/
.fourList{
	float: left; width: 100%;
	margin: 15px -2% 0 0;
}
.fourList li{ width:23.5%; margin-right: 1.5%; 
	float: left; margin-bottom: 10px;
}
.fourList li p{padding:3px 10px 5px;height: 40px; overflow:hidden ;}
.fourList li .greyTxt{height: auto;}
.huiLife li{width: 25%;margin: 0;}
.huiLife li .imgbox{border-radius: 0;}
/*foot*/
.footer{
	background-color: #283450; padding: 48px 0;
	color: #fff; font-size: 14px; line-height: 2;
}
.footer a{color: #fff}
.footer .footlogo{display: inline-block;}
.footlogo img{width: 220px; margin-right:80px;}
.footer .w-400{display: inline-block; width: 400px; vertical-align: top;}
.footer .fr{width: 240px}
.footer .fr a{display: block; line-height: 2;}
.footer h4{
	font-size: 20px; font-weight: bold;
	margin: 0 0 7px;
}
.footer .about{
	margin-bottom: 28px;
}
.about a{
	display: inline-block; width: 25%;
	line-height: 2; 
}
.footer a,.footer p{opacity: 0.75;}
.follow li{display: inline-block;
	font-size: 24px; padding-right: 15px; margin-right: 15px;
}
.follow li.app{ font-size:16px; border:1.5px solid #fff; 
	border-radius: 5px; padding: 0 5px; font-weight: bold;
	height: 20px; line-height: 1;
}
.follow li.app a{line-height: 20px;}

.footer .fr a{margin-bottom:4px;}
.copyright,.m-foot{
	background-color: #262f45; border-top: 1px solid #21293d;
	padding:30px 0;
	text-align: center; font-size: 14px; color: #fff;
	line-height: 2;
}
.m-foot{display: none;}
.copyright p{margin-top: 15px;}
.footer a:hover{opacity: 1;}
.follow li{
	position: relative;
}
.follow li div{display: none;
	position: absolute; left: 0; bottom:36px; z-index: 9;
	width:160px;
}
.backtoTop{ display: none;
	position: fixed; bottom: 5%; right:10px;
    font-size: 40px; color: #2a3966;
    border-radius: 10px; background-color: #ceddec;
    padding:2px 16px; opacity: 0.9;
}
/*大美潍坊慢直播-列表页*/
.title.ny{margin-left: .5%; margin-bottom: 10px;}
.title.ny::before{display: none;}
.title.ny img{height: auto;}
.bluebg,.pindaozb{ 
	float: left; width: 100%;
    background: url('../img/mzb-bg.jpg') center no-repeat;
    background-size: cover;
    padding:48px 0 20px;
}
.manzhibo .title img{height: auto;}
.manzhibo ul{
	margin:10px 0 0;text-align: justify;
}
.manzhibo li{
	display: inline-block; width: 280px;
	position: relative; margin-bottom: 20px;
}
.manzhibo li .imgbox{height: 220px; margin-bottom: 0;}
.manzhibo li a{display: block;}
.manzhibo li p{
	position: absolute; bottom: 0;left: 0;right: 0;
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));
	width:100%; padding:0 15px 8px; color: #fff; font-weight: bold;
	line-height: 2; border-radius: 8px;
	box-sizing: border-box;
}
.manzhibo li:first-child{
	width: 800px; height: auto; float: left;
	margin-right: 20px;
}
.manzhibo li:first-child .imgbox{height:460px;}
.videoBox{
	width: 58%; position: relative;
}
.roadLive{ float: right;
	width: 40%; margin:0;
}
.roadLive li{ width: 31%; position: relative; border:2px solid #f5f5f5;
	border-radius:10px;
	background-color: #fff; cursor: pointer;
}
.roadLive li .imgbox{height: 105px;}
.roadLive li.curr{border-color:#e73b53;}
.roadLive li p{
	height: auto;
}
.roadLive li.curr:after{content: '直播中';
	position: absolute; left:0; top:8px; z-index: 9;
	height: 24px; border-radius:0 20px 20px 0;
	font-size: 14px; font-weight: bold; line-height: 24px;
	text-align: center; padding: 0 10px;
	white-space: nowrap;
	background:linear-gradient(to right,#f15361,#b71f2d); color: #fff;
}
/*融媒直播-列表页*/
.h40{
	display: block; height:30px;
}
.greyTxt{
	color: #aaa; font-size: 14px;
}
.fiveList li p.greyTxt{height: auto;}
.recommend{
	margin:15px 0 0;
}
.recommend li{ width:440px; float: right; height: 270px; 
	margin-bottom: 20px;
	position: relative;
}
.recommend li:first-child{
	width: 940px; float: left;
	height: auto;
}
/*页码样式*/
.page{
    display: block;
    margin:40px 0;
    text-align: center;
}
.page a,.page span{
    padding: 6px 12px;
    border: 1px solid #dce1eb;
    border-radius: 1px; background-color: #fff;
    margin: 0 2px 15px; color: #444;
    display: inline-block;
    border-radius:5px;
}
.page a:hover,.page a.curr,.page span.curr{
    background-color: #0f1f80;
    border: 1px solid #0f1f80;
    color: #fff;
}
.page .disabled{
    color: grey;
}
/*短视频*/
.multipleTitle{
	margin: 0;
    display: block;
    position: relative;
}
.multipleTitle h4,.multipleTitle a.curr{
	display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: bold;
    color: #171e48;
}
.multipleTitle a{
	font-size: 24px; color: #4a5176;
	display: inline-block; margin-left: 60px;
	vertical-align: middle;
}
.multipleTitle a:hover{color: #171e48}
/*频道直播*/
.zhiboBox{background-color: #fff; width: 100%;
	float: left; width: 100%;
}
.liveBox{
	width: 1050px; display: block;
}
.bofangbiao{ float: right;
	width: 310px;
	margin-right: 15px;
}
.date-selector{
	display: block; width: 100%; margin-top: 15px;
}
.date-selector li{display: inline-block; width:44%; font-size:16px; line-height:40px;
	text-align: center; border: 1px solid #eee; margin: 0 2%;
	border-radius: 30px;
}
.date-selector li a{color:#aaa;}
.date-selector li.current,.date-selector li:hover{
	font-weight: bold; background-color: #0549b7; border:1px solid transparent;
	border-radius: 30px 30px 30px 3px;
}
.date-selector li.current a,.date-selector li:hover a{color:#fff;}

.bar{
	display: block;
	font-size:18px; color: #555;
	line-height: 52px;
	border-bottom: 1px solid #f0f6ff;
}
.bar a{color:#555;font-weight: bold;}
.bar .sub-link{
	float: right; font-size: 16px;
}
.bar span.title{font-weight: bold;}
.bar.active .sub-link a{ color: #f04656;}
.bar.active,.bar.active a{
	color: #0549b7;
}
.jspPane ul{
	display: block; height:330px; width: 96%;
	overflow-y: auto;
	background-color: #f0f6ff;
	padding: 10px 2%;
}
.jspPane li{
	display: block; font-size: 14px;
	line-height: 36px; position: relative;
	padding-left: 20px;
}
.jspPane li a,.jspPane li span{
	color: #818b99; display: inline-block;
	vertical-align: middle; margin-right: 15px;
}
.jspPane li a.name{width: 70%;}
.jspPane li a:last-child{width: 14%;text-align: right; white-space: nowrap;}
.jspPane li.current,.jspPane li.current span{
	color: #0549b7; font-weight: bold; 
}
.jspPane li.current::before{
	position: absolute; left: 0; top: 15px;
	content: ''; width: 8px; height: 8px; background-color: #0549b7;
	border-radius: 50%;
}
.jspPane li span.tip{
	position: absolute; right: 0; color: #0549b7;
}
.jspPane ul::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.jspPane ul::-webkit-scrollbar-track,.jspPane ul::-webkit-scrollbar-corner {
    background: #F6F6F6;
}
.jspPane ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ddd;
}
.jspPane ul::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}



.toolBox{
	margin: 20px 0 40px;
}
.toolBox li{
	display: inline-block; margin-right:25px;
	font-size: 18px; color: #79889c; position: relative;
	cursor: pointer;
}
.toolBox li a{color: #79889c;}
.toolBox li a:hover{color: #0739c0}
.toolBox li i{margin-right: 5px; vertical-align: middle;}
.toolBox li i.fa-mobile{font-size: 28px;}
.toolBox li div{ display: none;
	position: absolute; bottom:28px; left:0; z-index: 9;
	width: 120px;
}
/*活力女主播*/
.camgirl li .imgbox{
    height: 410px;
}
.camgirl li{margin: 0 .6% 20px;}
.gekai{
	display: block;
	border-top: 3px double #b5bfcf;
	height:20px; margin-top: 13px;
}
/*正文页*/
.bofangbiao .tit,.video-tit{
	font-size:24px; font-weight: bold;
	padding: 24px 0 24px 30px;
	border-bottom: 1px solid #e6ecf5;
}
.wangqi{
	margin:10px 1px 0 5px; display: block;
	height: 525px; overflow-y:auto;
}
.wangqi h4{font-size: 18px;margin: 15px 0 12px}
.wangqi li{
	display: inline-block; width: 100%;
	margin-bottom:20px;
}
.wangqi li a.imgbox{float: left; width: 40%;height: auto; 
	margin-right: 10px;margin-bottom: 0;
}
.wangqi li a{
	font-size: 14px;color:#666; line-height: 1.4; 
	height: 45px; overflow: hidden;
}
.wangqi li p{font-size: 12px; color: #aaa;margin-top: 10px;}
.video-tit{border-bottom: 0;}
.video-info{width:100%;}
.video-info li{display: inline-block; margin-right:45px;
	font-size: 14px; color: #79889c; position: relative;
}
.video-info li div{ display: none;
	position: absolute; right: 0; top: 30px; width: 140px;
}
.video-info li.fr{margin-right: 0; margin-left: 45px;}
.video-info li a{color:#79889c;}
.video-info li.openInfo{cursor: pointer;}
.infobox{ display: none;
	background-color: rgba(0,0,50,0.15);
	border-radius: 8px;
	padding:20px;
	color: #fff; font-size: 14px;
	margin: 20px 0;
}
/*新闻正文页*/
.page-tj{
	width: 23%; margin-top: 30px;
}
.page-tj li{ display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.page-tj li p{
	margin-bottom: 8px;
}
.page-tj .ny{
	border-bottom: 1px solid #dde3ee;
	padding-bottom: 14px;
	margin-bottom: 15px;
}
.txtCon{width:70%;}
.pos{
	display: block;
	color: #999; font-size: 14px;
}
.page-title{
	font-size: 32px; color: #171e48;
	display: block; margin:30px 0;
}
.page-tips{
	display: block; font-size: 14px; color: #999;
    padding:25px 0; border-top: 1px solid #dde3ee;
    border-bottom:1px solid #dde3ee;
}
.page-tips span{margin-right: 5%;}
.article{
	margin: 40px 0; display: block; line-height: 1.6;
}
/*登录*/
.bottombg{
	display: block;
	background: url('../img/bottombg.png') center bottom no-repeat;
	background-size: 70% auto;
	padding-bottom: 200px;
	margin-bottom: -20px;
}
.loginbox{
	width: 350px; margin:5% auto;
}
.loginbox h3{font-size: 24px; color: #232e64; font-weight: bold; margin: 20px 0;}
.loginbox .input{ position: relative;
	background-color: #fff; margin-bottom: 20px;
	border: 0;
}
.getCode{
	position: absolute; right: 0;top: 0;
	background-color: transparent; border: 0;
	color: #e00; padding: 12px;
}
.loginbox h4{color: #33395b; font-size: 16px;
	margin: 15px 0;
}
.loginbox .input i{font-size: 28px; color: #122cdd;
	vertical-align: middle; padding: 0 10px;
}
.loginbox .input input{
	border: 0; width: 80%; vertical-align: middle;
}
.loginbox .btn{width: 100%; padding:16px 20px;
	border-radius: 30px;
	margin-bottom: 30px;
}
.nr{display: none;}
.nr.on{display: block;}
.step{
	text-align: center; margin: 3% 0 30px;
}
.step li{
	display: inline-block; width: 100px; text-align: center; color: rgba(0, 0, 0, 0.5);
}
.step li b{
	display: block; width: 40px;height: 40px; 
	margin: 0 auto 10px;
	background-color: #fefefe;
	color: #666; border-radius: 50%; line-height: 40px;
}
.step li.over{color: #2738a1; font-weight: bold;}
.step li.over b{
	background-color: #2738a1; color: #fff;
}
.edit{
	width: 350px; margin: 10px auto 4%;
}
/*个人用户首页*/
.user-con{width: 1200px; margin: 0 auto;}
.user-name{
	display: inline-block; font-size: 18px;
	margin-bottom: 20px;
}
.user-name h4{display: inline-block; font-size: 24px; font-weight: bold;
	color: #0933af;
}
.quit{float: right; color: #6a6f8b;}
.user-nav{
	margin: 20px 0;display: block;
}
.user-nav li{display: inline-block; margin-right: 10px;}
.user-nav li a{display: block; background-color: #fff;
	border: 1px solid #eee; padding: 10px 20px; border-radius: 5px;}
.user-nav li.curr a,.user-nav li:hover a{
	background-color: #0933af; color: #fff;
	border-color: #0933af;
}
.kong{
	display: block; text-align: center;
}
.user-con .loginbox{ margin-top: 10px; }
.user-con .loginbox h3{text-align: center;}
.uploadBox{width: 75%; margin: 10px auto 40px;}
.uploadBox .input{ padding: 0;
	width:100%; border: 0; margin-bottom:20px;
}
.uploadBox .input span{ width: 10%; display: inline-block; text-align: right;
	margin-right: 2%;
}
.uploadBox .input input,.uploadBox .input textarea{
	width: 80%; box-sizing: border-box;
	border:1px solid #eee; background-color: #fff;
	padding:15px; border-radius: 8px;
}
.uploadBox .btn{ display: inline-block;
	color: #394381; background-color: #f3f5ff;
	border: 1px solid #bec3dc;
}
.uploadBox .save{
	display: block; background-color: #0f1f80;
	color: #fff; border-radius: 40px; border: 0;
	line-height:45px;
	margin: 10px auto;min-width: 180px;
}

/*手机端兼容*/
.menu-box{
	display: none; float: right;
	width: 28px; height: 28px;
	padding:24px 10px;
    position: relative; 
}
.menu-box .bar{
	height:4px; margin-bottom: 5px;
    width: 100%; border-radius: 3px;
    display: block;
    background-color: #444;
    transition: all 0.3s ease 0s;
}
.menu-box.on .bar:nth-of-type(2){display: none;}
.menu-box.on .bar:first-child{
	transform: rotate(45deg); transform-origin: 3px 6px;
}
.menu-box.on .bar:last-child{
	transform: rotate(-45deg);
}
/*频率直播页面*/
.radioList{
	width: 45%; margin: 40px 0;
}
.radioList li{ position: relative; 
	display: inline-block; width: 48%;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px; cursor: pointer;
	margin-bottom: 20px; opacity: 0.7;
	border: 2px solid transparent;
	overflow: hidden; box-sizing: border-box;
}
.radioList li:nth-of-type(2n){float: right;}
.radioList li.curr{
	opacity: 1; border-color: #d71425;
}
.radioList li.curr:before{
	content: '正在直播';
    position: absolute; left: 0;top: 0;
    background-color: #d71425; padding: 2px 6px;
    color: #fff; 
}
.radioList li.curr.stop:before{
	content: '暂停播放';
}

.radioList li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/****************start**********************/
.slick-slide img{
 width:100%;
 max-height:630px;
}
#qznyh,#qznyh video{
 width:100%;
}


/*****************end***************************/
/*大屏兼容*/
@media screen and (max-width: 1235px) {
body{width:1400px;}
 .footer .fr{
  float: none; width: 80%; margin-left: 2%
 }
 .footer .fr a{display: inline-block; margin-right: 10px; vertical-align: middle;}
}


/* 手机兼容 */
@media screen and (max-width: 768px) {
body{width:100%;}
   .con,.user-con,.loginbox{width:92%;}
   .header{height: auto; display: inline-block; padding:12px 0;}
   .header .fl{width:54%; margin-top: 0;}
   .header ul.fr{
	   	background-color: #0f1f80;
	   	width: 100%; overflow-x: auto; 
	   	height: auto; white-space: normal;
   }
   .header li{ width: 40%;}
   .header li a{line-height:60px; color: #fff;}
   .callBtn,.liebiao li,.slowLive li.big .imgbox,.mainLive .videoBox{height:auto;}

   .dropsBox{position: fixed; width: 88%;}
   .slick-next{right: 0;}
   .slick-prev{left: 0;}
   /*首页频道兼容*/
   .pindao{background: url('../img/pd-bg.jpg') center repeat-y;}
   .pindao li.cell1, .pindao li.cell12{
   	width: 32.5%; height: inherit; padding: 0;
   }
   .pindao img{height: auto; max-height: 90%;}
   .pindao ul{margin:20px 20px 0;}
   .pindao li{width:16%; height:80px!important;
   	padding: 0; margin: 0 0 6px;
   	display: flex; align-items: center; justify-content: center;
   }
   .pindao li.cell6, .pindao li.cell11{
   	padding: 0;height: inherit; line-height: 1.2;
   }
   .pindao li a{font-size: 18px;}
   .pindao li.cell2,.pindao li.cell3{padding: 0;width: 16%;}
   .pindao li:nth-child(22){width: 31%}
   .pindao li:nth-child(20){display: none;}
   /*频道兼容结束*/
   .dspNav{width: 70%;}
   .dspNav li{padding: 12px 0;}
   .original ul{margin: 10px 0 0;}
   .slowLive li.big .imgbox,.liebiao,.radioBox,.videoBox,
   .uploadBox .input input, .uploadBox .input textarea,.uploadBox .input span,
   .slowLive li.big,.slowLive,.original,.zb-nav,.uploadBox{
	   	width: 100%;
   }
   .mainLive,.vlogList,.original ul,.header .con,.pindao ul,.fiveList{
   	display: flex; flex-direction: row; flex-wrap: wrap;
   	justify-content: space-between; align-items: center;
   }
   .slowLive li,.mainLive li,.original li, .otherLive li{
   	    width: 48%;
	   	margin:0 0 10px;
   }
   .otherLive li .imgbox,.original li .imgbox{height: 14rem;}
   .otherLive li:last-child{display: none;}
   .vlogList li .imgbox{height: auto;}
   .fourList.huiLife li{width: 50%;}
   .callBtn{font-size: 26px;}
   .radioBox{margin-bottom: 10px;}
   .zb-nav{margin: 0;}
   .zb-nav li{line-height: 50px;}
   .footer,.copyright,.slider-nav,.header a.d,.header ul,.slider-for{display: none;}
   .m-foot,.slider-for p,#mNav,.m-slider{display: block;}


   /*列表页兼容*/
   .fourList,.page-tj ul{
   	display: flex; flex-direction: row; flex-wrap: wrap;
   	justify-content: space-between; margin: 15px 0 0;
   }
   .fourList li,.fiveList li,.otherLive li,.page-tj li{
   	width: 48%; margin-right: 0;
   }
   .imgbox{height: auto;}
   .jiemudan,.liveBox,.recommend li:first-child,.recommend li,
   .manzhibo li:first-child,.manzhibo li,.txtCon,.page-tj{width: 100%;}
   .recommend li,.manzhibo li:first-child .imgbox{height: auto;}
   .toolBox{display: flex; flex-direction: row; justify-content: space-between;}
   .toolBox li{margin-right: 0;}
   .jiemu li .imgbox{height: 8rem}
   .multipleTitle{
   	  display: flex; flex-direction: row; justify-content: space-between;
   	  flex-wrap: wrap; align-items: center;
   }
   .multipleTitle a{
   	  margin-left: 0;
   }
   .uploadBox .input span{text-align: left; margin-bottom: 10px;}
   .mainLive .videoBox{
	width:100%;
	}
	.dropsBox .input{width:74%;}

	.mainLive .videoBox{width:100%;}
	.roadLive{width:100%;}
	.bofangbiao{width:100%; margin:0;}
	.wangqi{width:92%; margin:0 4%;}
	.radioList{width:100%}

}
@media screen and (max-width:414px) {
	.pindao li{height: 60px!important;}
	.slowLive li.big .imgbox,.otherLive li .imgbox,
    .original li .imgbox{height: auto;}

    .radioName p{margin:10px 0;}
    .radioBox .fa{margin: 10px 0;}
    .radioName h4{font-size: 18px;}
}