@charset "utf-8";

/* reset */
/* @font-face {
    font-family: 'HarmonyOS_Sans_SC_Light';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf');
} */
.indexRight{display: none !important;}
.cur11{display: block !important;}
html { font-size:  10px;}
body { min-height: 100%; background:#fff; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top; }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none;  background:#fff; }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none; background:#fff;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }

table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
body, input, select, button, textarea {color:#333; font-size: 1.4rem; font-family:  'PingFangSC-Regular',"Microsoft Yahei",sans-serif,'MicrosoftJhengHei',arial,"\5b8b\4f53"; }
h1, h2, h3, h4, h5, h6 { font-size: inherit;   font-weight:normal;  }
.song{ font-family: "\5b8b\4f53";}
body { line-height: 1.5 }

a:link,
a:visited,
a:active,
a { text-decoration: none; color:#333; }
a:focus{outline: none !important; }
a:hover{text-decoration: none !important; color: #004999;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
.edit_con_original{ line-height:1.8; padding:0 0; color:#333; text-align:justify;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: collapse; width: 100%;  }
.edit_con_original img{ max-width:100%; height:auto;}


input::-webkit-search-cancel-button{
  display: none;  
}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both }
.cf { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }


a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
button,
button:active,
button:focus,
button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }



/*公用样式end*/
.fl { float:left; }
.fr { float:right;}
.oh { overflow:hidden;}
.center { text-align:center;}
.f-left { text-align:left;}
.f-right { text-align:right;}

.bank5 { height: 5px; display:block;}
.bank10 { height: 10px; display:block; }
.bank15 { height: 15px; display:block; }
.bank20 { height: 20px; display:block; }
.bank30 { height: 30px; display:block; }
.bank40 { height: 40px; display:block; }
.bank50 { height: 50px;  display:block;}
.bank60 { height: 60px;  display:block;}

body .blue{color:#018bff;}
body .c000{ color: #000;}
body .c333{ color: #333;}
body .c666{ color: #666;}
body .c999{ color: #999;}
body .fff{ color: #fff;}

.f-b {font-weight:bold;}
.f-12 {font-size:1.2rem;}
.f-14 {font-size:1.4rem;}
.f-16 {font-size:1.6rem;}
.f-18 {font-size:1.8rem;}
.f-20 {font-size:2.0rem;}
.f-22 {font-size:2.2rem;}
.f-24 {font-size:2.4rem;}
.f-26 {font-size:2.6rem;}
.f-28 {font-size:2.8rem;}
.f-30 {font-size:3.0rem;}
.f-32 {font-size:3.2rem;}
.f-34 {font-size:3.4rem;}
.f-36 {font-size:3.6rem;}
.f-38 {font-size:3.8rem;}
.f-40 {font-size:4.0rem;}
.f-42 {font-size:4.2rem;}
.f-45 {font-size:4.5rem;}
.f-48 {font-size:4.8rem;}
.f-50 {font-size:5.0rem;}
.f-56 {font-size:5.6rem;}
.f-60 {font-size:6.0rem;}
.f-68 {font-size:6.8rem;}
.f-108 {font-size:10.8rem;}
.h1,h1 {font-weight:normal;}
.h2,h2 {font-weight:normal;}
.h3,h3 {font-weight:normal;}
.h4,h4 {font-weight:normal;}
.h5,h5 {font-weight:normal;}
.h6,h6 {font-weight:normal;}
.uppercase {text-transform:uppercase;}
.img_ratio {position:relative;display:block;}
.img_ratio img {position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover;}

.hoverimg{ overflow: hidden;}
.hoverimg img{ transition: 0.3s all;}
.hoverimg:hover img{ transform: scale(1.05);}

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ellipsis-2 {overflow:hidden;line-height:1.5;height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3 {overflow:hidden;line-height:1.5;height:4.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-4 {overflow:hidden;line-height:1.5;height:6em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.ellipsis-5 {overflow:hidden;line-height:1.5;height:7.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.ellipsis-6 {overflow:hidden;line-height:1.5;height:9em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.ellipsis-7 {overflow:hidden;line-height:1.5;height:10.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;}
.ellipsis-8 {overflow:hidden;line-height:1.5;height:12em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;}
.ellipsis-9 {overflow:hidden;line-height:1.5;height:13.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;line-clamp:9;-webkit-box-orient:vertical;}

.line-15 {line-height:15px;}
.line-20 {line-height:20px;}
.line-25 {line-height:25px;}
.line-30 {line-height:30px;}
.line-35 {line-height:35px;}
.line-40 {line-height:40px;}
.line-45 {line-height:45px;}
.line-50 {line-height:50px;}
.pad-1 {padding:1px;}
.pad-2 {padding:2px;}
.pad-3 {padding:3px;}
.pad-4 {padding:4px;}
.pad-5 {padding:5px;}
.pad-6 {padding:6px;}
.pad-7 {padding:7px;}
.pad-8 {padding:8px;}
.pad-9 {padding:9px;}
.pad-10 {padding:10px;}
.pad-15 {padding:15px;}
.pad-20 {padding:20px;}
.pad-30 {padding:30px;}
.pad-40 {padding:40px;}
.pad-50 {padding:50px;}
.pad-b-5 {padding-bottom:5px;}
.pad-b-10 {padding-bottom:10px;}
.pad-b-15 {padding-bottom:15px;}
.pad-b-20 {padding-bottom:20px;}
.pad-b-30 {padding-bottom:30px;}
.pad-b-40 {padding-bottom:40px;}
.pad-b-50 {padding-bottom:50px;}
.pad-t-5 {padding-top:5px;}
.pad-t-10 {padding-top:10px;}
.pad-t-15 {padding-top:15px;}
.pad-t-20 {padding-top:20px;}
.pad-t-30 {padding-top:30px;}
.pad-t-40 {padding-top:40px;}
.pad-t-50 {padding-top:50px;}
.pad-r-5 {padding-right:5px;}
.pad-r-10 {padding-right:10px;}
.pad-r-15 {padding-right:15px;}
.pad-r-20 {padding-right:20px;}
.pad-r-30 {padding-right:30px;}
.pad-r-40 {padding-right:40px;}
.pad-r-50 {padding-right:50px;}
.pad-l-5 {padding-left:5px;}
.pad-l-10 {padding-left:10px;}
.pad-l-15 {padding-left:15px;}
.pad-l-20 {padding-left:20px;}
.pad-l-30 {padding-left:30px;}
.pad-l-40 {padding-left:40px;}
.pad-l-50 {padding-left:50px;}
.mag-5 {margin:5px;}
.mag-10 {margin:10px;}
.mag-15 {margin:15px;}
.mag-20 {margin:20px;}
.mag-30 {margin:30px;}
.mag-40 {margin:40px;}
.mag-50 {margin:50px;}
.mag-b-5 {margin-bottom:5px;}
.mag-b-10 {margin-bottom:10px;}
.mag-b-15 {margin-bottom:15px;}
.mag-b-20 {margin-bottom:20px;}
.mag-b-30 {margin-bottom:30px;}
.mag-b-40 {margin-bottom:40px;}
.mag-b-50 {margin-bottom:50px;}
.mag-t-5 {margin-top:5px;}
.mag-t-10 {margin-top:10px;}
.mag-t-15 {margin-top:15px;}
.mag-t-20 {margin-top:20px;}
.mag-t-30 {margin-top:30px;}
.mag-t-40 {margin-top:40px;}
.mag-t-50 {margin-top:50px;}
.mag-r-5 {margin-right:5px;}
.mag-r-10 {margin-right:10px;}
.mag-r-15 {margin-right:15px;}
.mag-r-20 {margin-right:20px;}
.mag-r-30 {margin-right:30px;}
.mag-r-40 {margin-right:40px;}
.mag-r-50 {margin-right:50px;}
.mag-l-5 {margin-left:5px;}
.mag-l-10 {margin-left:10px;}
.mag-l-15 {margin-left:15px;}
.mag-l-20 {margin-left:20px;}
.mag-l-30 {margin-left:30px;}
.mag-l-40 {margin-left:40px;}
.mag-l-50 {margin-left:50px;}
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {float:left;*margin-left:-1px;}
.col-sm-12 {width:100%;}
.col-sm-11 {width:91.66666667%;}
.col-sm-10 {width:83.33333333%;}
.col-sm-9 {width:75%;}
.col-sm-8 {width:66.66666667%;}
.col-sm-7 {width:58.33333333%;}
.col-sm-6 {width:50%;}
.col-sm-5 {width:41.66666667%;}
.col-sm-4 {width:33.33333333%;}
.col-sm-3 {width:25%;}
.col-sm-2 {width:16.66666667%;}
.col-sm-1 {width:8.33333333%;}

.flex {display:flex;align-items:center;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}
.flex6 {flex:6;}
.flex7 {flex:7;}
.flex8 {flex:8;}
.flex9 {flex:9;}
.flex10 {flex:10;}

@media only screen and (max-width:1330px) {
body,input,select,button,textarea {font-size:1.4rem;}
.f-12 {font-size:1.2rem;}
.f-14 {font-size:1.3rem;}
.f-16 {font-size:1.4rem;}
.f-18 {font-size:1.6rem;}
.f-20 {font-size:1.8rem;}
.f-22 {font-size:2.0rem;}
.f-24 {font-size:2.1rem;}
.f-26 {font-size:2.2rem;}
.f-28 {font-size:2.3rem;}
.f-30 {font-size:2.4rem;}
.f-32 {font-size:2.5rem;}
.f-34 {font-size:2.6rem;}
.f-36 {font-size:2.7rem;}
.f-38 {font-size:2.8rem;}
.f-40 {font-size:3.0rem;}
.f-42 {font-size:3.2rem;}
.f-45 {font-size:3.4rem;}
.f-48 {font-size:3.6rem;}
.f-50 {font-size:3.8rem;}
.f-56 {font-size:4.0rem;}
.f-60 {font-size:4.5rem;}
.f-68 {font-size:4.8rem;}
.f-108 {font-size:10.8rem;}
}



@media only screen and (max-width:750px) {
.edit_con_original {font-size:1.4rem;}
body,input,select,button,textarea {font-size:1.4rem;}
.f-12 {font-size:1.2rem;}
.f-14 {font-size:1.4rem;}
.f-16 {font-size:1.45rem;}
.f-18 {font-size:1.5rem;}
.f-20 {font-size:1.65rem;}
.f-22 {font-size:1.6rem;}
.f-24 {font-size:1.75rem;}
.f-26 {font-size:1.8rem;}
.f-28 {font-size:1.95rem;}
.f-30 {font-size:1.9rem;}
.f-32 {font-size:2.0rem;}
.f-34 {font-size:2.1rem;}
.f-36 {font-size:2.2rem;}
.f-38 {font-size:2.5rem;}
.f-40 {font-size:2.55rem;}
.f-42 {font-size:2.6rem;}
.f-48 {font-size:2.65rem;}
.f-50 {font-size:2.7rem;}
.f-56 {font-size:2.75rem;}
.f-60 {font-size:2.9rem;}
.f-68 {font-size:3.4rem;}
.bank5 {height:0.3em;}
.bank10 {height:0.7em;}
.bank15 {height:1em;}
.bank20 {height:1.5em;}
.bank30 {height:2.2em;}
.bank40 {height:3em;}
.bank50 {height:3.5em;}
.bank60 {height:3.8em;}
.f-108 {font-size:5.0rem;}
}
@media only screen and (max-width:413px) {html {font-size:60.9903%;}
}
@media only screen and (max-width:399px) {html {font-size:59.4807%;}
}
@media only screen and (max-width:389px) {html {font-size:57.971%;}
}
@media only screen and (max-width:379px) {html {font-size:56.4614%;}
}
@media only screen and (max-width:369px) {html {font-size:54.9517%;}
}
@media only screen and (max-width:359px) {html {font-size:53.442%;}
}
@media only screen and (max-width:349px) {html {font-size:51.9324%;}
}
@media only screen and (max-width:339px) {html {font-size:50.4227%;}
}
@media only screen and (max-width:329px) {html {font-size:48.913%;}
}