@charset "utf-8";
/* reset */

/* iconfont 及 font-face*/
@import url(//at.alicdn.com/t/c/font_3842821_0k6zke4jf4v6.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* iconfont 及 font-face*/

html {font-size:10px;}
body {min-height:100%;background:#fff;overflow-x:hidden;}
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: 'Roboto', sans-serif; }
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:#660000;}
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-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-64 {font-size:6.4rem;}
.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-86 {font-size:8.6rem;}
.f-88 {font-size:8.8rem;}
.f-96{ font-size: 9.6rem;}
.f-100{ font-size: 10rem;}
.f-108{font-size:10.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;}



/*首页弹出框*/
.home-notice{ background: rgba(0,0,0,0.3); position:fixed; width: 100%; height: 100%; left: 0; top: 0;  z-index: 1000000; display: flex; justify-content: center; align-items: center;}
.home-notice .box{ max-width: 800px;   background: #fff; padding:30px 30px; border-radius: 10px; position: relative; }
.home-notice .center{ text-align: center; font-size: 20px;}
.home-notice .box .close{ display:inline-block; min-width: 230px; height: 50px; border-radius: 25px; color: #fff; background: #640000; float: none; }
.home-notice .box .close p{line-height: 50px; }
.home-notice .box .close.dis{ background: #6d6d6d; cursor: not-allowed; }
.home-notice .box .close .p1{ display: none;}
.home-notice .box .close .p2{ display: block;}
.home-notice .box .close.dis .p1{ display: block;}
.home-notice .box .close.dis .p2{ display: none;}
.home-notice .home-notice-title{ font-size: 26px; color: #640000; font-weight: bold; margin-bottom: 1em; text-align: center;}
.home-notice .home-notice-content{ line-height: 1.8; color: #666; max-height: 70vh; overflow-y: auto; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
@media only screen and (max-width: 1000px) {
	.home-notice .box{max-width: 90%;}
}


/* 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*/

.flex {display:flex;}
.flex-c {justify-content:center;}
.flex-b {justify-content:space-between;}
.flex-e {justify-content:flex-end;}
.flex-d-c {flex-direction:column;}
.flex-a-c {align-items:center;}
.flex-a-b {align-items:baseline;}
.flex-wrap {flex-wrap:wrap;}
.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:1600px) {
	.f-88 {font-size:8rem;}
	.f-64 {font-size:6rem;}
	.f-100{ font-size: 9rem;}
	.f-86{font-size:7.9rem}
	.f-56 {font-size:5rem;}
}   
@media only screen and (max-width:1400px) {
	.f-86{font-size:7.6rem}
    .f-88 {font-size:7.8rem;}
	.f-100{ font-size:8rem;}
	.f-56 {font-size:4.8rem;}
}
@media only screen and (max-width:1300px) {
	.f-86{font-size:6.6rem}
    .f-88 {font-size:6.8rem;}
	.f-100{ font-size:7rem;}
	.f-56 {font-size:4.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-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-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;}}


