html{height:100%;}
      body {
       background:#001155;
	   color:#eee;
	   font-weight:500;
	   height:100%;
      }
	.vip_sound .container{max-width:100%;}

      @media (min-width: 992px) {
        bodys {
          padding-top: 56px;
        }
      }

      .row{margin:5px 0}
	  .hide{display:none}
	  .pad00{
	  padding-left:0;
	  padding-right:0;
	  }
	  
	  .flex{display:flex}
	  .flex-between{
	  
	  align-items:center;
	  justify-content: space-between;
	  }
	  .flex-center{
	  align-items:center;
	  align-content:center;
	  justify-content: center;
	  }
	  
	  
	  .flex-right{
	  align-items:center;
	  justify-content: flex-end;
	  column-gap:20px;
	  }
	  .mmid,.button2{
	  border:1px solid #cccccc;
	  border-radius:5px;
	  padding: 0 10px;
	  cursor:pointer;
	  }
	  
	  .cgap20{
		  column-gap:20px;  
	  }  
	  .cgap10{
		  column-gap:10px;  
	  }
	  .button-play{
		  border:0px solid #cccccc;
	  border-radius:10px;
	  background:##202423;
 	  cursor:pointer;
	  color:#aaa;
	  }
	  
	  .button-small{
		  color:#fff;
		  border:2px solid #6789ab;
		  padding:5px 10px;
		  font-size:20px;
		  border-radius:10px;
		  background:transparent;
	  }
	  .button-small:hover{
		  color:inherit;
	  }
	  
	  .login-input{
		  width:100px;
		  border-radius:5px;
		  border:1px solid #abcdef;
		  padding:5px;
		  background:transparent;
		  color:#fff;
	  }
	  .search1 span{
	color:#ff0;
}

	  #result_nums{font-size:25px;color:#ff0000;}
	  #result_output a{font-size:25px;color:#fff000;}
	  span>a{font-size:14px;text-decoration:none;}
	 #message10 span a{font-size:25px;text-decoration:none;color:#bccee1}
	 #message20 span a{font-sizes:16px;text-decoration:none;color:#84eacd;}
	 #message10 *{font-size:36px!important}
	 #message20 *{font-size:36px!important}
	 #message20 .entry .PS>hr{display:none}
	 #message20 .entry .JX {color:#f3ff9b}
	 #message20 .entry .YD {color:#ff0}
	 #message20 .entry .CY {display:block}
	 #message20 .entry .LJ {display:block}
	 #message20 .entry .LY {display:block;cursor:pointer;color:yellow;}
	 #message20 .entry .LS {display:block}
	 #message20 .entry .YX {display:none}
	 #message20 .entry .PS .section-title {display:block}
	 #message20 .entry .YY {display:block}
	 #message20 .entry .JS {display:block}
	 #message20 .entry .YY .section_title {color:#ee33ee;}
	 #message20 .entry .GZ {color:#85e694}
	 #message20 .entry .DX {display: ;}
	 #message20 .entry .bold {color:#fff000;}
	 #message20 .gr {color:#ee9559;}
	 #message20 .label-g {color:#ee9559;}
	 #message20 .top-g * {font-size:40px!important}
	 #message20 .symbols-small_coresym {display:none}

	 #message20 .symbols-coresym {display:none}
	  wave,canvas {left:0; height:150px !important}
	  spectrogram{ height:56px !important}
	  spectrogram canvas{ height:56px !important}
 #text{
	 min-height:330px;
 	 background-color:#000;
	 color:#fff;
	 font-size:2.2rem;
	 width:100%;heights:50px;
	 border: 1px solid #02a;
	border-radius:20px;
	padding:10px;
 }	  
 .operation .col-md-12{
	 margin-bottom:15px;
	 font-size:140%;
 } 
 .operation2 .btn{
     border:2px solid #007799;
	 font-size:130%!important;
	 font-weight:700;
	 margin:5px;
 }
  h2{font-size:3rem}
 
.top-form *{
	font-size:26px;text-align:center
}
.subtitles{color:#fff;}	  
	  
	  @media screen and (max-width: 768px) {
 #text{min-height:80px}
 .nowrap{flex-wrap:wrap}
 .btn{padding:5px}
 .sp00{padding-left:0;padding-right:0;}
 .smb00{margin-bottom:0}
 .mt-5{margin-top:1rem!important}
 .col-md-22{width:30%}
 .col-md-23{width:30%}
 wave,canvas,spectrogram{height:80px!important;}
 .row{margin-top:0;}
 h2{font-size:18px}
 .button-small{font-size:14px;}
 .top-form *{font-size:100%;}
 .keywd{width:50%;}
      .vip_sound{ overflow:hidden; }
.subtitles{display:none;}
.text-subs{
max-height:400px;
overflow:scroll;
}
}
.search1{overflow:auto;width:100%;height:100%;padding-bottom:100px}
#message20{overflow:auto;width:100%;height:100%;padding-bottom:100px}
.search1 span{margin-left:0px;margin-right:0px;color:#ff0;}

 #search_area #search_box{
background-color:#000;
height:30px;
color:#fff;

 }
 .layui-layer{background-color:#111111;}
 .layui-layer-content{overflow:hidden!important}
 .search_areas span{color:#ff0!important}
#message20 .top-g .h{color:#30afff;font-size:60px!important;display:block}
#message20 .dr-g{color:#30afff;font-size:40px!important;}
 .top-g .dr{color:#30afff;font-size:20px;}
.x-g .x{color:#ff0}
.x-g .oalecd8e_chn{color:#fff;}
.vs-g span{color:#fefefe;}
.infl .inflection {
  color: #8aaef4!important;
 
}
.switch_siblings{cursor:pointer;}
.switch_siblings:hover{color:#ff0000;}
#message20  .entry .DC {
    display: block;
    font-size: 50px!important;
    color: #08e62a;
    font-weight: 700;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}


	*{font-size:100%;}

.search1 a{
	color:#fff;
	font-size:24px;
}

.h-g{
	font-size: 130%;
}

.x_h a{}
.sticky{position:fixed;top:0;left:0;width:100%;z-index:100000}
.sticky-left{position:sticky;overflow-y:auto;}

.button-refresh{
font-size:1.5em;border:1px solid #fff;border-radius:50%;width:80px;height:80px;background:#000;color:#fff;
}
.line-fixed{
                        line-height: 40px;
                        background:#115eaa;
                        position: -webkit-sticky;
                        position: sticky;/*兼容*/
                        top: 0;
                        left: 0;
                }
.line-style{background:#2f4369;font-size:110%;height:40px;}
.line-style a{color:#00fe89;}
.bgcolor_blue{background:blue}
.bgcolor_yellow{background:yellow}

.vlist .title a{font-size:1.3rem;color:#7db6e8;}
.vlist .author{font-size:1.3rem;color:#e8e17d;}
.sentence b{color:#ff0000;}
.sentence span:hover{color:#00ff00;cursor:pointer;}
#vss span:hover{cursor:pointer; background:#000000;color:#fff000;}