body {
        max-width: 1100px;
        margin: 0 auto;
      }
a{
	text-decoration:none;
	color:#3f51b5;
	}
*{
	outline:0;margin:0;padding:0;
	color:#666;
	}
li{
	list-style-type:none;
	} 
	.zc_page{margin:5px}
.zc_page li{display:inline;padding:5px;margin:5px}
a,body{
	font:400 14px PingFangSC-Regular, "Microsoft YaHei",MicrosoftYaHei,Simsun,Arial;
	}
      .header{
        background-color: #fff;
        padding: 10px 10px 0 10px;
      }	  
	  .header img{height:60px;}
      .container {
        display: flex;
        flex-direction: column;
      }
	  .top{
        background-color: #fff;
        text-align: center;
        padding: 10px;
      }
      .middle {
        display: flex;
        flex: 1;
      }
      .left {
        flex-basis: 70%;
        background-color: #fff;
        padding: 10px;
      }
      .right {
        flex-basis: 30%;
        background-color: #fff;
        padding: 10px;
      }
      .footer {
        background-color: #f2f2f3;
        text-align: center;
        padding: 10px;
		font-size:12px;
      }
      
	  .w_f{width:100%}
	  .mainlist{width:100%;text-align:center;font-size:12px;border-collapse: collapse;}
	  .mainlist td{height:40px;display:table-cell; vertical-align:middle;}
	  .mainlist a {font-size:12px;color:#3f51b5;}
	  .mainlist tr{border-bottom:1px solid #e2e2e3;}
	  .mainlist tr:nth-child(even) {background-color: #f5f5f5;} 
	  .list_t{background-color: #dfeffa !important;font-size:13px;font-weight:600;}
	  .list1{width:180px;}
	  .list1_c{display:flex;align-items: center;}
	  .list1_1{width:50px;float:left;display:table-cell; vertical-align:middle;}
	  .list1_2{width:90px;float:left;text-align:left;}
	  .list1_3{width:40px;float:left;}
	  .list1_3 img{width:16px;vertical-align:text-bottom;}
	  .title{width:100%;height:40px;line-height:40px;background-color:#1C90E2;display:flex;align-items: center;}
	  .title a{color:#fff}
	  .title h2,h3{color:#fff;padding-left:10px;}
	  .title img{width:30px;height:30px;margin:0 5px 0 10px;}

	  .navs a{font-size:14px;line-height:34px;height:34px;background:#f1f1f1;padding:3px 10px;margin:5px 5px 0 0;border-radius:3px;transition:all .2s;color:#525252;white-space:nowrap;}
.navs a:hover{background:#019e7b;color:#fff}
	  .menu{display:grid;grid-template-columns: repeat(6, minmax(0, 1fr));column-gap: 10px;background-color:#f2f2f3;justify-items:center;border:1px solid #dfeffa;}
	  .menu_c{height:38px;line-height:38px;text-align:left;display:flex;align-items: center;width:80px;}
	  .menu_c img{width:18px;height:18px;margin:0 5px 0 10px;}
	  .menu_c a:hover{font-weight:600;}
	  .live,.nolive{width:60px;}
	  .live a{color:#f44336;}
	  .nolive a{color:#ccc;}
	  .btn{margin:5px;padding:5px 10px;background-color:#fff;text-align:center;font-size:12px;border-radius:5px;border:1px solid #1C90E2;}
	  .btn:hover{background-color:#1C90E2;color:#fff;cursor: pointer;}
	  .menus  a{margin:10px}
	  .space10{clear:both;width:100%;height:10px;display:block;} 
	  .space50{clear:both;width:100%;height:50px;display:block;} 
	  
	  .bisai{width:100%;background-color:#1C90E2;}
	  .bisai{width:100%;text-align:center;}
	  .bst{height:80px;line-height:30px;}
	  .bst li{color:#fff;}
	  .bst2{height:50px;line-height:50px;color:#fff;}
	  .bsm{font-size:24px;padding:0 15px;color:#fff;}
	  
	  .btn2{width:48px;height:48px;margin:0 5px 14px 5px;background-color:#1C90E2;text-align:center;border-radius:5px;border:1px solid #1C90E2;}
	  .btn2:hover{background-color:#177ac0;cursor: pointer;border:1px solid #1C90E2;}
	  .btn2 img{width:24px;height:24px;}
	  
	  .playbtn{height:32px;margin:10px 30px;background-color:#dadef6;font-size:12px;display:flex;align-items: center;border:1px solid #ccc;float:left;}
	  .playbtn:hover{background-color:#d0d4eb;cursor: pointer;}
	  .playbtn img{width:24px;height:24px;float:left;margin-left:5px;}
	  .playbtn_t{width:60px;float:left;}
	  .playbtn_h{float:left;background-color:#666;padding:3px;margin-right:5px;color:#fff;font-size:9px;letter-spacing: 0.025em;}
	  
	  .data {font-size:12px !important;line-height:30px;}
	  .date table{margin:10px 0;}
	  .data tr{line-height:30px;}
	  .data tr:nth-child(even) {background-color: #f5f5f5;}
	  .data td{font-size:12px !important;}
	  .datatitle {line-height:30px;background-color:#dedede;text-align:center;font-size:12px;font-weight:bold;}
	  
	  .play{width:100%;height:100%;display:flex;flex-wrap: wrap;justify-content: center;align-content: center;}
	  #ifr{width:700px;height:480px;}
	  .block{display:none;}


	  
	  @media only screen and (max-width: 600px) {
	  	  .navs{ width: 100%;
    overflow-y: hidden; /*xÖá½ûÖ¹¹ö¶¯*/
    overflow-x: scroll; /*yÖá¹ö¶¯*/
    height:height: calc(100vh - 320px)
    }
	  
        .middle {
          flex-direction: column;
        }
        .left, .right {
          flex-basis: auto;
        }
		.menu{grid-template-columns: repeat(4, minmax(0, 1fr));}
		.bsm{font-size:22px;}
		.display{display:none;}
		.block{display:block;}
		.list1{width:140px;}
		.list1_2{width:50px;}
		#ifr{width:100%;height:100%;}
      }
	   @media only screen and (max-height: 600px) {
		   #ifr{width:100%;height:100%;}
      }