.basebox { background: #fff; margin-top: 6px; }

/*top*/
#top{min-width: 320px;max-width: 768px;width: 100%;position: relative;z-index: 1999;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .04);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .04);box-shadow: 0 3px 3px rgba(0, 0, 0, .04);background: #589CF6;}
#top>div{display: flex;flex: 1;margin: 0 12px;}
#top>div>a{display: inline-block;flex: 0 0 66px;/* 左右两列固定宽 */order: -1;height: 20px;width: 66px;background: url(../../img/comm/logo-top.png) no-repeat;background-size: 100% 100%;cursor: pointer;margin-top: 16px;}
#top>div>a.goback{background: url(../../img/comm/back.png) no-repeat left center;background-size: 10px auto;}
#top>div>p{flex: 1;line-height: 50px;text-align: center;font-family: Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;font-size: 20px;/*font-weight: bold;*/color: #fff;}
#top>div>.search{display: none;position: absolute;width: calc(100% - 25px);left: -10px;height: 35px;margin: 7px 30px 7px 22px;border: 1px #ddd solid;border-radius: 17.5px;background: #f6f6f6;overflow: hidden;}
.ss-clos{float: right;width: 40px;height: 35px !important;margin: 0 4px 0 0 !important;border-left: 1px solid #ddd;background: url(../../img/comm/search-clos.png) no-repeat center;}
.search div{display: block;height: 25px;margin: 5px 33.5px 5px 18px;}
.search div input{width: 90%;float: left;height: 25px;line-height: 25px;font: 14px Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;color: #888;border: none;background: none;overflow: hidden;}
.ss-warp{width: calc(100% - 100px);}
.search img{display: inline-block;float: right;height: 30px;width: 20px;padding: 3px 12.5px 6px 10px;}
#top>div>span{display: inline-block;flex: 0 0 34px;/* 左右两列固定宽 */width: 40px;height: 34px;margin-top: 8.5px;background: url(../../img/comm/r-icon-pre.png) no-repeat left bottom;background-size: 33px auto;}
#top>div>.ssbut{width: 24px;height: 24px;background: url(../../img/comm/ico-ss.png) no-repeat;background-size: 100% 100%;margin: 14px 15px 0 0;}

.list_a { overflow: hidden; padding-top: 12px; margin: 0 12px; }
.list_a ul { overflow: hidden; }
.list_a ul li { width: 50%; display: inline-block; float: left; margin-bottom: 5px; }
.list_a ul li a.img { display: block; height: 0; overflow: hidden; padding-bottom: 62%; border-radius: 6px; position: relative; }
.list_a ul li a.img:before { display: block; position: absolute; left: 45%; top: 35%; left: calc(50% - 15px); top: calc(50% - 15px); content: ''; width: 30px; height: 30px; background: url("../../img/comm/icon-video.png") no-repeat; background-size: 30px auto; }
.list_a ul li a img { display: block; width: 94%; min-height: 100%; border-radius: 6px; }
.list_a ul li a p { width: 94%; font-size: 14px; color: #999; line-height: 24px; display: block; text-overflow: ellipsis; overflow: hidden; height: 50px; margin: 5px 0; }
.list_a ul li:nth-child(even) img, .list_a ul li:nth-child(even) p { float: right; }

.bq_warp { overflow: hidden; position: relative; margin: 0 12px; }
.bq_warp .item:last-child { border-bottom: none; }
.bq_warp .item { border-bottom: 1px solid #f5f5f5; line-height: 48px; overflow: hidden; display: flex; }
.bq_warp .item .title { width: 60px; height: 24px; border-radius: 3px; background: #589cf6; text-align: center; line-height: 24px; color: #fff; font-size: 13px; margin: 10px 0; position: relative; }
.bq_warp .item .title i { display: block; position: absolute; right: -5px; top: 7px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #589cf6; }
.bq_warp .item .lis { flex: 1; overflow: hidden; margin: 0 10px; }
.bq_warp .item .lis a { margin: 0 6px; color: #555; }
.bq_warp .item .open { color: #888; }
.bq_warp .item + .item .title { background: #36d987; }
.bq_warp .item + .item .title i { border-left: 5px solid #36d987; }
.bq_warp .item + .item + .item .title { background: #d99816; }
.bq_warp .item + .item + .item .title i { border-left: 5px solid #d99816; }

.phblis { display: table; padding: 12px 0; width: 100%; margin-bottom: 6px; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; background: #fff; }

.phblis ul { margin: 0 6px; overflow: hidden; }

.phblis ul li { width: 25%; display: block; float: left; margin-bottom: 10px; }

.phblis ul li a { display: block; margin: 0 6px; text-align: center; height: 30px; line-height: 30px; overflow: hidden; background: #f5f5f5; color: #666; font-size: 12px; border-radius: 2px; }

.phblis ul li.on a { color: #fff; background: #589cf6; }

.phblis ul li.mor a { color: #22c3b7; }

.video_wrap { margin: 12px 0; padding: 12px; overflow: hidden; }
.video_wrap .vid_head { display: flex; line-height: 30px; }
.video_wrap .vid_head .bt { flex: 1; font-size: 14px; font-weight: bold; color: #333; margin-right: 4px; }
.video_wrap .vid_head .plbtn { width: 60px; height: 24px; color: #fff; border-radius: 3px; float: right; text-align: center; line-height: 24px; background: #589cf6; }
.video_wrap .video_box { overflow: hidden; margin-top: 12px; }
.video_wrap .video_box iframe { max-height: 200px;max-width: 100% }
.video_wrap .video_box .vid { display: block; overflow: hidden; }
.video_wrap .video_box .vid img { display: block; }
.video_wrap .video_info { background: #f5f5f5; height: 32px; line-height: 32px; font-size: 12px; color: #999; }
.video_wrap .video_info .bfl { float: left; }
.video_wrap .video_info .bfl:before { display: inline-block; content: ''; margin: 0 5px; width: 14px; height: 14px; background: url("../../img/comm/icon-pl.png") no-repeat; background-size: 14px auto; background-position: 0 -37px; margin-bottom: -3px; }
.video_wrap .video_info .time { float: right; margin-right: 10px; }
.video_wrap .miaoshu { font-size: 12px; color: #999; line-height: 20px; margin: 10px 0; }
.video_wrap .miaoshu span { margin-right: 5px; color: #ff9900; }