body{margin: 0 auto; padding: 0; color: #333; max-width: 980px; min-width: 320px; font-size: 16px; font-family: "Microsoft YaHei", SimHei, helvetica, arial, verdana, tahoma, sans-serif; background: #fff;}
/*@media screen and (max-width: 320px){
	body{font-size: .9em;}
}*/
input, textarea, button, div, a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
div{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
img{border: 0; width: 100%; display: block;}
.a{border: 1px solid #f00;}
.b{background: #efefef;}
.float{float: left;}
.clear{clear: both;}
.hide{display: none;}
.txtMore{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txtMore2{overflow: hidden;}
.txtBg{text-shadow: 1px 0px 4px rgba(0,0,0,.8),-1px 0px 4px rgba(0,0,0,.8);}
.arrow-down{ width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f00; font-size: 0px; line-height: 0px; margin: 0 auto;}
.flex{
	display: flex;/* NEW, Spec - Opera 12.1, Firefox 20+ */
	display: -webkit-flex;/* NEW - Chrome */
	display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;/* TWEENER - IE 10 */
}
.flex1{
	flex: 1; 
	-moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari 和 Chrome */
	box-flex:1.0;
}

.logo{width: 92%; margin: 20px auto 0px auto;}
.logo .icon{width: 100px;}
.logo .search{width: 32px; background: url(../img/iconsearch.png) left 50% no-repeat;  background-size: 80% auto}
.logo .more{width: 32px; background: url(../img/iconmenu.png) right 50% no-repeat; background-size: 80% auto}
.logo .close{width: 35px; background: url(../img/iconclose.png) no-repeat; background-size: 100% auto}
.logo .title{font-size: 1.4em; font-weight: bold; height: 35px; line-height: 35px; border-left: 2px solid #6b6a6a; margin-left: 8px; padding-left: 8px;}

.menu{ width: 92%; height: 1.2em; line-height: 1.2em; margin: 15px auto; font-size: 1.2em; letter-spacing: .1em; font-weight: bold; padding: 0px; overflow: hidden;}
.menu .list{width: 100%;}
.menu span{padding-left: 2px;}
.menu .line{text-align: center; font-weight: 100; color: #f00; line-height: 1em; }
.menu2{width: 100%; text-align: center; margin: 0px auto 15px; padding: 15px 5% 3px 5%; border-bottom: 2px solid #ddd; position: relative;}
.menu2 .width{width: 25%; font-size: 1.1em; letter-spacing: .1em; font-weight: bold; padding-left: 3px; }
.menu2 .active{width: 22.5%; height: 2px; background: #f00; position: absolute; bottom: -2px; left: 5%;}
.menu3{width: 100%; text-align: center; margin: 0px auto 15px; padding: 15px 5% 3px 5%; border-bottom: 2px solid #ddd; position: relative;}
.menu3 .width{width: 33.33%; font-size: 1.1em; letter-spacing: .1em; font-weight: bold; padding-left: 3px; }
.menu3 .active{width: 30%; height: 2px; background: #f00; position: absolute; bottom: -2px; left: 5%;}

.menuPop .link{width: 92%; margin: 25px auto 0;}
.menuPop .link span{background: #f8f8f8; padding: 3px 8px; font-size: 1em;}
.menupop-jm-list{width: 92%; margin: 0 auto; color: #999; padding: 2px 0;}
.menupop-jm-list div{width: 20%;}
.menupop-yl-list{width: 92%; margin: 0 auto; color: #999; padding: 2px 0;}
.menupop-yl-list div{width: 25%;}

#swiper1{ width: 100%;}
#swiper1 .swiper-pagination{text-align: right; padding: 0 10px 1px 0;}
#swiper1 .swiper-pagination .swiper-pagination-bullet{opacity: .6; margin: 0 2px;}
#swiper1 .swiper-pagination .swiper-pagination-bullet-active{background: #f00; opacity: 1;}
/*#swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0px;}*/
#swiper1 .swiper-title{position: absolute; bottom: 3px; color: #fff; width: 100%; padding: 0 70px 12px 15px; font-size: 1em; height: 2em; line-height: 2em;}

#swiper2{width: 100%; margin-bottom: 20px;}
#swiper2 img{width: 100%; height: 90px;}
#swiper2 .swiper-slide .images{width: 44%;}
#swiper2 .swiper-slide .txt{width: 100%; font-size: .9em; padding-top: 4px;}
#swiper2 .swiper-slide .newsList{font-size: 1em; width: 100%; height: 50px; line-height: 50px; padding: 0 15% 0 4%; border-bottom: 1px solid #e7e7e7;}
#swiper2 .swiper-slide .borderTop{border-top: 1px solid #e7e7e7; margin-top: 15px;}
#swiper2 .swiper-slide .borderTop2{ margin-top: -15px;}

#swiper3{width: 92%;}
#swiper3 img{height: 78px;}

#swiper4{width: 100%; font-size: .9em; padding-bottom: 30px;}
#swiper4 img{width: 100%; height: 100%;}
#swiper4 .flex1{width: 44%; height: 136px; padding-bottom: 1.8em;}
#swiper4 .txt{width: 100%; padding: 3px 0px 10px 0px;}
#swiper4 .space{width: 4%;}
#swiper4 .swiper-pagination{bottom: 0px;}
#swiper4 .swiper-pagination .swiper-pagination-bullet-active{background: #f00; opacity: 1;}

#swiper5{width: 100%; margin-bottom: 20px;}
#swiper5 .swiper-slide .images{width: 92%; margin: 0 auto; position: relative;}
#swiper5 .swiper-slide .txt{width: 100%; font-size: .9em; color: #fff; position: absolute; bottom: 0px; padding: 10px;}
#swiper5 .swiper-slide .newsList{font-size: 1em; width: 100%; height: 50px; line-height: 50px; padding: 0 15% 0 4%; border-bottom: 1px solid #e7e7e7;}
#swiper5 .swiper-slide .borderTop{border-top: 1px solid #e7e7e7; margin-top: 15px;}
#swiper5 .swiper-slide .borderTop2{ margin-top: -15px;}



.litchi-news{width: 92%; margin: 0px auto 10px auto;}

/*各个栏目大字 横线 more箭头*/
.title-line{position: relative; width: 92%; margin: 15px auto 5px auto; height: 50px;}
.title-line .txt{font-size: 1.5em; height: 50px; line-height: 50px; font-weight: bold; padding-right: 8px; background: #fff; position: absolute;}
.title-line .more{position: absolute; right: 0px; padding: 0 13px 2px 8px; background: #fff url(../img/iconnext.png) right center no-repeat; background-size: auto 30%;  height: 50px; line-height: 50px; font-size: 1em; color: #f00;}
.title-line .line{border-bottom: 1px solid #d9d9d9; width: 100%; height: 27px; }
.title-line-yl{margin: 15px auto 0px auto;}

/*原创*/
.YC{width: 92%; margin: 0 auto 10px auto; }
.YC .images{width: 120px; height: 72px;}
.YC .images img{width: 100%; height: 100%;}
.YC .flex .txt{padding: 0 0 0 10px; position: relative;}
.YC .flex .content{font-size: .9em; color: #999; line-height: 1.3em; height: 2.6em;}
.YC .line{border-bottom: 1px solid #E7E7E7; padding-bottom: 15px;}
.YC .line2{border-bottom: 1px solid #E7E7E7; padding: 15px 0;}

/*节目*/
.JM{width: 100%;}
.JM .images{width: 28%;}

/*在现场*/
.ZXC-img{width: 92%; margin: 0 auto; position: relative;}
.ZXC-img .txt{position: absolute; bottom: 0px; width: 100%; padding: 10px; color: #fff; font-size: .9em;}
.ZXC-txt .newsList{font-size: 1em; width: 100%; height: 50px; line-height: 50px; padding: 0 15% 0 4%; border-bottom: 1px solid #e7e7e7;}

/*图集*/
.TJ{width: 92%; margin: 0 auto; position: relative;}
.TJ .flex1{position: relative; height: 115px; width: 50%;}
.TJ .images img{width: 100%; height: 100%;}
.TJ .txt{width: 100%; padding: 4px; position: absolute; bottom: 0; text-align: center; font-size: .9em; line-height: 1.1em; color: #fff;}
.TJ .space{width: 4px;}
.TJ .top{margin-bottom: 4px;}
.TJ .btn{width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; border-radius: 40px; background: #c91e11 url(../img/btnTJ.png) 50% 50% no-repeat; background-size: 100% 100%; box-shadow: 0 0 0 5px rgba(0,0,0,.3);}

.bottomLine{width: 92%; height: 1px; margin: 25px auto 0 auto; position: relative; background: #E7E7E7;}
.bottomLine .c{width: 10px; height: 10px; border: 2px solid #E7E7E7; background: #fff; border-radius: 5px; position: absolute; top: -5px; left: 50%; margin-left: -5px;}
.iconList{width: 92%; margin: 20px auto 0;}
.iconList .title{padding: 0 0 10px 0;  font-size: .8em; color: #666; text-align: center;}
.iconList .icon{width: 15%;}

.foot{background: #383838; margin: 25px 0 0 0; padding: 10px 0 20px 0; color: #E7E7E7;}
.foot .footMenu{ width: 92%; height: 40px; line-height: 40px; margin: 0px auto;}
.foot .footMenu span{padding-left: 2px; font-size: 1.2em; letter-spacing: .1em; font-weight: bold;}
.foot .footMenu .line{text-align: center; font-weight: 100;line-height: 40px; }
.foot .link{width: 92%; margin: 10px auto;}
.foot .link span{background: #5d5d5d; padding: 3px 8px; font-size: 1em;}
.foot .copyright{font-size: .8em; text-align: center; margin-top: 25px;}

.iconImg{background: url(../img/iconimg.png) 95.5% center no-repeat; background-size: auto 40%;}
.iconVideo{background: url(../img/iconvideo.png) 95.5% center no-repeat; background-size: auto 40%;}
.iconMore{width: 20px; background: url(../img/iconnext.png) -200px center no-repeat;}
.moreBox{color: #f00; font-size: .9em; width: 50%; padding: 6px 0; margin: 15px auto 2px auto; border: 1px solid #E7E7E7; text-align: center;}
.dujia{font-size: .6em; border: 1px solid #f00; color: #f00; border-radius: 3px; padding: 0px 5px; position: absolute; right: 0; bottom: 4px; background: #fff;}

.aniBtn{-webkit-animation: aniScale 1s ease infinite;}
@-webkit-keyframes aniScale{
	0%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(.9);}
	100%{-webkit-transform: scale(1);}
}

.menu-list .close{width: 34px; height: 34px; border: 1px solid #bebebe; border-radius: 17px; color: #CCC; text-align: center; line-height: 34px; font-size: 17px;}


.yl-day{margin: 20px auto 0; width: 92%; border-bottom: 2px solid #E7E7E7; height: 2.2em; line-height: 2.2em;}
.yl-day .title-en{font-size: 1.3em; font-weight: bold;}
.yl-day .title-cn{font-size: 1.3em; font-weight: bold; color: #db2e27;}
.yl-day .right{text-align: right;}
.yl-day .week{background: #DB2E27; border: 1px solid #DB2E27; color: #fff; padding: 0 4px;}
.yl-day .month{border: 1px solid #E7E7E7;}
.yl-day-content{width:92%; margin: 15px auto;}
.yl-day-content .left{width: 130px; height: 92px;}
.yl-day-content .left img{width: 130px; height: 92px;}
.yl-day-content .right{background: #f0f0f0; padding: 10px;}
.yl-day-content .txt{font-size: .9em; color: #999999;}
.yl-byg-img{width: 92%; margin: 0 auto; position: relative;}
.yl-byg-img .txt{position: absolute; bottom: 10px; color: #fff; padding: 0 10px;}

@media only screen and (max-width: 321px) {
	#swiper1 img{width: 100%; height: 200px;}
	.TJ .images{position: relative; height: 90px;}
	#swiper4 .flex1{width: 44%; height: 110px; padding-bottom: 1.8em;}
	#swiper2 img{width: 100%; height: 70px;}
	#swiper3 img{height: 55px;}
}
@media only screen and (min-width: 600px) {
	#swiper1 img{width: 100%; height: 445px;}
	.TJ .images{position: relative; height: 236px;}
	#swiper4 .flex1{width: 44%; height: 225px; padding-bottom: 1.8em;}
	#swiper2 img{width: 100%; height: 168px;}
	#swiper3 img{height: 111px;}
}