@charset "utf-8";
/* reset */

/* iconfont 及 font-face*/
@import url(font/stylesheet.css);
@import url(iconfont/iconfont.css);
/* iconfont 及 font-face*/

html { font-size:10px;}
body {min-height:100%;background:#fff;overflow-x:hidden;position: relative;}
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 ,a{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;}
body {line-height:1.5;}
.song {font-family:"\5b8b\4f53";}
a:hover {color:#C1272D;}
a:link,a:visited,a:active,a {text-decoration:none;}
a:focus {outline:none !important;}
/*所有后台编辑器区域都要引用 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 页头，页脚，内容区都不用再加清除样式 */
.fixed:before ,.cf:before {content:"";display:table;}
.fixed:after ,.cf:after {content:"";display:table;clear:both;}
.cf ,.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;}
.t-center {text-align:center;}
.t-fleft {text-align:left;}
.t-right {text-align:right;}
.f-en400{font-family: 'PT Serif 400';}
.f-en700{font-family: 'PT Serif 700';}
.f-cn400{font-family: 'Noto Serif SC 400';}
.f-cn500{font-family: 'Noto Serif SC 500';}
.f-cn700{font-family: 'Noto Serif SC 700';}
:root{
	--f-en400: 'PT Serif 400';
	--f-en700: 'PT Serif 700';
	--f-cn400: 'Noto Serif SC 400';
	--f-cn500: 'Noto Serif SC 500';
	--f-cn700: 'Noto Serif SC 700';
}
.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:clamp(21px, 2.1875vw, 42px);}
.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:clamp(25px, 3.125vw, 60px);}
.f-56 {font-size:clamp(30px, 4.166vw, 80px);}
.f-60 {font-size:6.0rem;}
.f-62 {font-size:6.2rem;}
.f-66{font-size:6.6rem;}
.f-68 {font-size:6.8rem;}
.f-72 {font-size:7.2rem;}
.f-96{ font-size: 9.6rem;}
.f-98{ font-size: 9.8rem;}
.f-100{ font-size: 10rem;}
.f-108{font-size:10.8rem;}
.f-140{ font-size: 8rem;}
.f-150{ font-size: 8rem;}
.img-hover { overflow: hidden;}
.img-hover img{ transition: 0.5s;}
.img-hover:hover img{ transform: scale(1.05);}
.img-box {position:relative;display:block;}
.img-box img {position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover;}
.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;}
.sc-y::-webkit-scrollbar {
    width: 6px; /* 设置滚动条宽度 */
}

.sc-y::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条的颜色 */
    border-radius: 3px; /* 圆角 */
}

.sc-y::-webkit-scrollbar-thumb:hover {
    background: #555; /* 鼠标悬停时颜色变化 */
}
/* ie 10-11 */
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ellipsis{display: block;}
	.ellipsis-2{display: block;}
	.ellipsis-3{display: block;}
	.ellipsis-4{display: block;}
	.ellipsis-5{display: block;}
	.ellipsis-6{display: block;}
	.ellipsis-7{display: block;}
	.ellipsis-8{display: block;}
	.ellipsis-9{display: block;}
}
/*滚动条的滑轨背景颜色,可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
::-webkit-scrollbar-track {background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);border-radius:5px;}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2);border-radius:5px;}
/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/::-webkit-scrollbar-button {background-color:#eee;display:none;}
/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
::-webkit-scrollbar-corner {background-color:black;}

/* 视频弹窗 start*/
.hc-video{
	max-width:1440px;
	width:100% !important;
	height:65vh !important;
}
/* 视频弹窗 end*/


@media only screen and (max-width:1600px) {

}
@media only screen and (max-width:1300px) {
    .f-50{
        font-size:3.0rem;
    }
    .f-30{font-size:2.4rem;}
    .f-26{font-size:1.8rem;}
    .f-16{font-size:1.4rem;}
}
@media only screen and (max-width:1000px) {
    .f-150{
        font-size: 2.4rem;
    }
    .f-30{
        font-size:2rem;
    }

}
@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-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-60 {font-size:2.9rem;}
    .f-66 { font-size: 3rem;}
    .f-68 {font-size:3.4rem;}
    .f-72 {font-size:3.8rem;}
    .f-96{ font-size: 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;}
    .f-100 { font-size: 6.0rem;}
}
@media only screen and (max-width: 750px){html { font-size:20.00px;}} 
@media only screen and (max-width: 740px){html { font-size:19.73px;}} 
@media only screen and (max-width: 730px){html { font-size:19.47px;}} 
@media only screen and (max-width: 720px){html { font-size:19.20px;}} 
@media only screen and (max-width: 710px){html { font-size:18.93px;}} 
@media only screen and (max-width: 700px){html { font-size:18.67px;}} 
@media only screen and (max-width: 690px){html { font-size:18.40px;}} 
@media only screen and (max-width: 680px){html { font-size:18.13px;}} 
@media only screen and (max-width: 670px){html { font-size:17.87px;}} 
@media only screen and (max-width: 660px){html { font-size:17.60px;}} 
@media only screen and (max-width: 650px){html { font-size:17.33px;}} 
@media only screen and (max-width: 640px){html { font-size:17.07px;}} 
@media only screen and (max-width: 630px){html { font-size:16.80px;}} 
@media only screen and (max-width: 620px){html { font-size:16.53px;}} 
@media only screen and (max-width: 610px){html { font-size:16.27px;}} 
@media only screen and (max-width: 600px){html { font-size:16.00px;}} 
@media only screen and (max-width: 590px){html { font-size:15.73px;}} 
@media only screen and (max-width: 580px){html { font-size:15.47px;}} 
@media only screen and (max-width: 570px){html { font-size:15.20px;}} 
@media only screen and (max-width: 560px){html { font-size:14.93px;}} 
@media only screen and (max-width: 550px){html { font-size:14.67px;}} 
@media only screen and (max-width: 540px){html { font-size:14.40px;}} 
@media only screen and (max-width: 530px){html { font-size:14.13px;}} 
@media only screen and (max-width: 520px){html { font-size:13.87px;}} 
@media only screen and (max-width: 510px){html { font-size:13.60px;}} 
@media only screen and (max-width: 500px){html { font-size:13.33px;}} 
@media only screen and (max-width: 490px){html { font-size:13.07px;}} 
@media only screen and (max-width: 480px){html { font-size:12.80px;}} 
@media only screen and (max-width: 470px){html { font-size:12.53px;}} 
@media only screen and (max-width: 460px){html { font-size:12.27px;}} 
@media only screen and (max-width: 450px){html { font-size:12.00px;}} 
@media only screen and (max-width: 440px){html { font-size:11.73px;}} 
@media only screen and (max-width: 430px){html { font-size:11.47px;}} 
@media only screen and (max-width: 420px){html { font-size:11.20px;}} 
@media only screen and (max-width: 410px){html { font-size:10.93px;}} 
@media only screen and (max-width: 400px){html { font-size:10.67px;}} 
@media only screen and (max-width: 390px){html { font-size:10.40px;}} 
@media only screen and (max-width: 380px){html { font-size:10.13px;}} 
@media only screen and (max-width: 370px){html { font-size:9.87px;}} 
@media only screen and (max-width: 360px){html { font-size:9.60px;}} 
@media only screen and (max-width: 350px){html { font-size:9.33px;}} 
@media only screen and (max-width: 340px){html { font-size:9.07px;}} 
@media only screen and (max-width: 330px){html { font-size:8.80px;}} 
@media only screen and (max-width: 320px){html { font-size:8.53px;}}