/* CSS Document */
@font-face {
    font-family:Harmony ;
    src: url(../fonts/HarmonyOS_Sans_Regular.ttf);
}
html{-webkit-text-size-adjust: none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div{margin:0;padding:0;}
body,button,input,select,textarea{color:#000;font-family:Harmony;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
body { background:#fff; color:#000;overflow-x: hidden; min-width:320px; margin:0 auto; /*line-height: 1.6;*/ }

body,html{/* max-width: 1920px;*/ margin: 0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div,a{-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;outline:none;}
select:focus,select:active,select:hover{
  outline:none;
}
*{outline:none;}

a{ color:#000; /*display: block;*/}
a:hover{ text-decoration:none;}
a:active,a:hover {outline: 0;}
.hide,.piano_tab_f,.q_gz_ip{ display: none;}
/*body{ overflow-x:hidden}*/
.Georgia{ font-family: Harmony}
.Arial{ font-family: Harmony }
.weir{font-family: Harmony}
.syht{font-family: Harmony;}
.song{ font-family: Harmony}
input, textarea { -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  outline: none;resize: none; }
/*input:hover,textarea:hover{ border:1px solid #333 !important; position:relative;}*/
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.fl{ float:left;}
.fr{ float:right}
.ab{ position: absolute; }
.re{ position: relative; }
.fx{ position: fixed;}
.shou{ cursor: pointer; }
.img100{ width: 100%; }
.gao100{ height: 100%;}
.fff{ color: #fff; }
.bg_fff{ background-color: #fff;}
.cor_494{color: #494949; }
.cor_333{ color:#333;}
.cor_666{ color: #666; }
.cor_111{ color: #111; }
.cor_999{ color: #999; }
.cor_555{ color: #555;}
.cor_4e{ color: #4e4e4e; }
.cor_ca1{ color: #ca1250; }
.cor_d2b{ color: #d2bb56 }
.cor_4f{ color: #4f4f4f; }
.cor_204{ color: #204ca0;}
.bold{ font-weight: bold; }
.block{ display:block; }
.center{ text-align: center; }
.in_block{ display: inline-block; }
.cor_277{ color: #2770bf;}
.cor_ff6{color: #ff6b01;}
.bg_277{ background-color: #2770bf;}
.bg_ff6{ background-color: #ff6b01;}
.bg_f58{ background-color: #f58738;}
.bg_204{ background: #204ca0;}
.bor_3{ border-radius: 5px;}
.hidden{ overflow: hidden;}

.input_more{width: 240px; height: 56px; line-height: 56px; }
.input_more_se3{width: 226px; height: 59px; line-height: 59px;}
.input_more1{ width: 225px; height: 70px; line-height: 70px;}
.input_more2{ width: 226px; height:64px; line-height: 64px;}
.input_more .song,.input_more1 .song,.section6 .song,.lian_se3 .form_1 .song ,.section3 .dl1 .dd3 a .song ,.input_more_se3 .song,.zi_x3 .you_v .form_1 .ti_j .song{ margin-left:5px;}

.section{ overflow: hidden; }
.text_jz{ text-align: justify;}


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder ,select::-webkit-input-placeholder{
    color:#b6b6b6;
}
input::-moz-placeholde,textarea::-moz-input-placeholder ,select::-moz-input-placeholder{   /* Mozilla Firefox 19+ */
    color:#b6b6b6;
}
input:-moz-placeholder,textarea::-moz-input-placeholder ,select::-moz-input-placeholder {    /* Mozilla Firefox 4 to 18 */
    color:#b6b6b6;
}
input:-ms-input-placeholder,textarea::-ms-input-placeholder ,select::-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#b6b6b6;
}




.dh{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
.dh3{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.dh5{-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}
.dh6{-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.6s ease-in-out;}
.dh7{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
.dh12{-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out;}

.yand1{ transition-delay: .1s;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;}
.yand2{ transition-delay: .2s;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-o-transition-delay: .2s;}
.yand3{ transition-delay: .3s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-o-transition-delay: .3s;}
.yand4{ transition-delay: .4s;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-o-transition-delay: .4s;}
.yand5{ transition-delay: .5s;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;}
.yand6{ transition-delay: .6s;-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-o-transition-delay: .6s;}
.yand7{ transition-delay: .7s;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;}
.yand9{ transition-delay: .9s;-webkit-transition-delay: .9s;-moz-transition-delay: .9s;-o-transition-delay: .9s;}
.yand11{ transition-delay: 1.1s;-webkit-transition-delay: 1.1s;-moz-transition-delay: 1.1s;-o-transition-delay: 1.1s;}
.yand13{ transition-delay: 1.3s;-webkit-transition-delay: 1.3s;-moz-transition-delay: 1.3s;-o-transition-delay: 1.3s;}




/*
@font-face { 
  font-family: 'yinw';     
   src: url('../fonts/fan.eot');    
   src: url('../fonts/fan.eot?#iefix') format('embedded-opentype'),        
   url('../fonts/fan.woff') format('woff'),     
   url('../fonts/fan.ttf') format('truetype'),      
   url('../fonts/fan.svg#arial') format('svg'); 
}
*/
/*.yinw*/
/*.yinwFont{font-family: 'yinw';}*/

/*@font-face {    */
/*   font-family: "SourceHanSansCN-Regular";*/
/*   src: url("../fonts/SourceHanSansCN-Regular.eot");  IE9 */
/*   src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),  IE6-IE8 */
/*     url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),chrome、firefox */
/*   url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),  chrome、firefox、opera、Safari, Android, iOS 4.2+ */
/*   url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");  iOS 4.1- */
/*   font-style: normal;*/
/*   font-weight: normal;*/
/*}*/
/*.htmlFont2{width:0;height:0;overflow:hidden;opacity: 0;position:absolute}*/
/*.htmlFont{font-family:'SourceHanSansCN-Regular',"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53"; }*/