/*
	自定义变量:引用方法 var(--main_color)
	--main_color : 主题色
	--minor_color : 副系颜色
*/
:root{
    /*--main_color: #179F86;*/
    --main_color: #6A5ACD;
    --main_color_hover: rgb(255 255 0 / 33%);
    --main_color_opacity: rgb(255 255 0 / 70%);
    --minor_color: #EE7A00;
    --grey_color: #6b6b6b;
    --main_active_color:#FFFF00;
}
html{height:100%;background:#ddd}
body{word-break:break-all;color:#484666;margin:0 auto;min-height:100%;min-width:1130px;position:relative;font-size:.8rem;overflow:auto;background:#fff;touch-action:none;font-family:"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif}

/* 整体宽度，最小为1020px，再小出横滚动条
       字体随页面宽度变化  其他地方用rem控制：1rem = 1html的font-size
 */
@media screen and (max-width: 1130px){
    html{
        font-size: 15px;
    }
}
@media screen and (min-width: 1130px){
    html{
        font-size: 15px;
    }
}
@media screen and (min-width: 1260px){
    html{
        font-size: 17px;
    }
}
@media screen and (min-width: 1330px){
    html{
        font-size: 18px;
    }
}
@media screen and (min-width: 1460px){
    html{
        font-size: 20px;
    }
}
.width-container{width:70rem;margin:0 auto}

/* 顶部导航栏 */
.headDiv{z-index:100;width:100%;height:17rem;position:absolute;background-image:url("https://jsscjh.oss-cn-shanghai.aliyuncs.com/images/head_bg.jpg");background-size:cover;background-position: center;}
.headDiv+.underHead{margin-top:3.5rem}
.headDiv>div:first-child{height:100%;display:flex}
.headDiv .head-header{position:absolute;right:0;top:0;height:3.5rem;width:3.5rem;cursor:pointer}
.headDiv .head-out{height:100%;display:flex;background:var(--main_color)}
.headDiv .head-header .no-head{width:2rem;height:2rem;margin:auto}
.headDiv .head-header .user-head{width:100%;height:100%}
.headDiv .pic-div{display:flex;padding:4rem 0rem 0 0;cursor:pointer;height: 8rem}
.headDiv .pic-div a{display:flow-root}
.headDiv .logo-space{margin:auto .5rem;border-left:1px solid #fff;height:1rem}
.headDiv img{height:4rem;}
.headDiv .btn-div{flex:1;padding-left:3rem;padding-top: 5rem;font-size: 1rem;display: flex;width: 522px;justify-content: flex-end;height: 7rem}
.headDiv .btn-div a{color:#fff}
.headDiv .menu-list{height:3.7rem;display:flex;background-color: var(--main_color);margin-top: -3.5rem;font-size: 1.1rem;font-weight: bolder;border-radius: 10px}
.headDiv .menu-list .left-menu{flex:1;height:100%;display:flex;padding-left: 1rem;padding-right: 2rem}
.headDiv .menu-list{
    font-weight: unset !important;
}
.headDiv .menu-list .right-menu{display:flex}
.headDiv .menu-list ul li{flex:1;max-width:20%}
.headDiv .menu-list .menu-item{height:100%;color:#ffffff;position:relative}
.headDiv .menu-list .menu-item .menu-text{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.headDiv .menu-list .login-menu span{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.headDiv .menu-list .menu-item dl{display:none;position:absolute;left:0;top:3.5rem;width:100%;text-align: center}
.headDiv .menu-list .menu-item dl.act{display:block}
.headDiv .currline{height:.2rem;background:var(--main_color);position:absolute;bottom:0;left:0;width:0;z-index:-1}
.headDiv .width-container .hover-select {
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.675%;
    height: 2rem;
    background: white;
    color: #999999;
    margin-right: 0.75rem;
}
.headDiv .width-container  .hover-login {
    cursor: pointer;
    border-radius: 5px;
    background-color: var(--main_color);
    width: 15.51%;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
}
.headDiv .width-container  .hover-register {
    cursor: pointer;
    border-radius: 5px;
    background-color: white;
    width: 15.51%;
    color: #000000;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 2rem;
    height: 2rem;
}

.menu-list li .drop.act dd:nth-of-type(1){animation:menu1 .3s ease-in-out forwards;animation-delay:.1s}
.menu-list li .drop.act dd:nth-of-type(2){animation:menu1 .3s ease-in-out forwards;animation-delay:.2s}
.menu-list li .drop.act dd:nth-of-type(3){animation:menu1 .3s ease-in-out forwards;animation-delay:.3s}
.menu-list li .drop.act dd:nth-of-type(4){animation:menu1 .3s ease-in-out forwards;animation-delay:.4s}
.menu-list li .drop.act dd:nth-of-type(5){animation:menu1 .3s ease-in-out forwards;animation-delay:.5s}
.menu-list li .drop.act dd:nth-of-type(6){animation:menu1 .3s ease-in-out forwards;animation-delay:.6s}
.menu-list li .drop.act dd:nth-of-type(7){animation:menu1 .3s ease-in-out forwards;animation-delay:.7s}

@keyframes menu1{
    from{opacity:0;transform:translateX(30px) rotateY(90deg)}
    to{opacity:1;transform:translateX(0) rotateY(0)}
}
.headDiv .menu-list .menu-item dl dd{opacity:0;background:var(--main_color);
    height:3rem;}
.headDiv .menu-list .menu-item dl dd a{padding:.6rem;display:block}
.headDiv .menu-list .menu-item dl dd a:hover{cursor:pointer;color:var(--main_active_color);}
.headDiv .menu-list .menu-interval{margin:0 1rem;cursor:default}
.headDiv .menu-list .login-menu{width:4.5rem}
.headDiv .menu-list .active span{color:var(--main_active_color)}
.headDiv .menu-text span{cursor:pointer}

/* 子菜单 */
.main-content .page-title{margin-bottom:1.5rem;height:2rem;line-height:2rem;text-align:center;cursor: pointer}
.main-content .page-title2{margin-bottom:1.5rem;font-size:.6rem;height:2rem;line-height:2rem;text-align:center}
.main-content .page-title span{color:#000;cursor:pointer;position:relative;padding:.5rem 0;margin-left:2rem}
.main-content .page-title .act:after{content:"";position:absolute;width:1.6rem;left:50%;bottom:0;height:.2rem;background:var(--main_color);transform:translate(-50%)}

.main-content .page-title-active{margin-bottom:1.5rem;height:2rem;line-height:2rem;text-align:center}
.main-content .page-title-active:after{content:"";position:absolute;width:1.6rem;left:50%;bottom:0;height:.2rem;background:var(--main_color);transform:translate(-50%)}

/* 尾部导航栏 */
.footDiv{display:flex;color:#000;padding:3rem 0;background-color:var(--main_color);overflow:hidden}
.footDiv .left-content{flex:1}
.footDiv .middle-content{height:8rem;margin:auto;border-left:1px solid #fff}
.footDiv .right-content{width:12rem}
.footDiv .foot-menu{min-width:5rem;flex:1;font-size: 1.1rem}
.footDiv .menu-title{font-weight:600;margin-bottom:1rem;color: #FFFFFF}
.footDiv .menu-list{line-height:2.5}
.footDiv .menu-list a{color:#fff}
.footDiv .foot-donate{font-size:.9rem;font-weight:600;margin-bottom:1.3rem}
.footDiv .foot-phone{font-size:1.6rem;margin-bottom:3.5rem}
.footDiv .foot-pic{width:100%}
.footDiv .foot-weixin{text-align:center;margin-top:.8rem;color: #FFFFFF;font-weight: bolder}
.fund-end{color:#fff;height:5rem;line-height:2;display:flex;justify-content:center;align-items:center;background:#434343}
.fund-end a{color:#fff}

/* 滚动条卡顿优化 */
@media only screen and (-webkit-min-device-pixel-ratio : 2){
    .swiper-slide,.main-container,.table-content,.treatyContent,.header-footer-content,.header-content {
        -webkit-overflow-scrolling: touch;
    }
}

/** 其他共通样式 */
a{color:white;text-decoration:none!important}
.left{float:left}
.right{float:right}
.flex{display:flex}
.flex-between{display:flex;justify-content:space-between}
.flex-center{display:flex;justify-content:center;align-items:center}
.relative{position:relative}
.main-content{display:flow-root;min-height:100vh;position:relative;padding-top: 21rem;}
.main-content .main-head{height:clamp( 200px, 15vw, 300px);background:#ffe6e6;position:relative}
.main-content .main-head .head-img{height:100%;opacity:.6;background-image:url(/statics/images/Common/head-img-89dabedab55a22c3f513c3433c7b0a37.png);background-size:cover}
.main-content .main-head img{width:100%}
.main-content .main-head .head-title{color:var(--main_color);font-size:2rem;font-weight:600;letter-spacing:.4rem;padding-top:4rem;position:absolute;width:100%;top:0;left:0}
.main-content .main-detail{padding:0rem 0 4rem 0}
.main-content .list-detail{padding-bottom:calc(7rem + 30px)}
.main-content .list-page{left:0;bottom:4rem;width:100%;position:absolute;text-align:center}
.main-content .page-index:hover{cursor:pointer;color:var(--main_color)}
.html-content{display:flow-root;padding: 0 3rem}
.html-content *{max-width:100%}
.loading{color:#999;padding:10px 0;text-align:center}
.loading .layui-icon{font-size:1.5rem}
.nodata{text-align:center;color:#8c8c8c}
.back-white{padding:1.5rem;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.05)}
.pic-width>img{width:100%;height:100%;top:0;left:0;position:absolute;object-fit:cover}

/**必填**/
.required:after{content:"*";color:red;margin-left:2px} /* right:8px;position:absolute; */
/* 输入框提示 */
::-webkit-input-placeholder{color:#b4b4b4}  /* WebKit browsers */
::-moz-placeholder{color:#b4b4b4}  /* Mozilla Firefox 19+ */
:-ms-input-placeholder{color:#b4b4b4}  /* Internet Explorer 10+ */
.error-text{padding:.715rem;text-align:center}

/* layui样式覆盖 */
.layui-input{height:2rem;border-radius:8px}
.layui-input:hover,.layui-laypage input:focus,.layui-textarea:hover{border-color:#999!important}
.layui-btn{min-width:4rem;height:1.8rem;line-height:1.8rem;padding:0 .6rem;font-size:.8rem;border-radius:.2rem}
.layui-layer-btn .layui-layer-btn0{float:right}
.layui-layer-btn .layui-layer-btn0{border-color:var(--main_color)!important;background-color:var(--main_color)!important;color:#fff!important}
.layui-layer-btn{overflow:hidden}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--main_color)!important}
.layui-form-checked[lay-skin=primary] i{border-color:var(--main_color)!important;background-color:var(--main_color)!important}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:var(--main_color)!important}
.layui-laypage{margin:0}
.layui-laypage .layui-laypage-refresh:hover{color:var(--main_color)!important}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--main_color)}
.layui-laypage a,.layui-laypage span{margin-bottom:0}
.layui-laypage a:hover{color:var(--main_color)}

/* 按钮样式：
	主题色按钮（填充）；
	主题色按钮（未填充）；
	灰色按钮（未填充）；
 */
.click{cursor:pointer}
.main-btn{background-color:var(--main_color)!important;border-color:var(--main_color)!important}
.main-trans-btn{background-color:#fff!important;border:1px solid var(--main_color)!important;color:var(--main_color)!important}
.cancle-btn{background-color:#fff!important;border:1px solid #999!important;color:#999!important}
.hover-btn{background-color:#fff;border:1px solid var(--grey_color);color:var(--grey_color)}
.hover-btn:hover{background-color:var(--main_color);border-color:var(--main_color);color:#fff}

/* 颜色 */
.main-color{color:var(--main_color)}
.minor-color{color:var(--minor_color)}
.white{color:#fff}
.red{color:red}
.green{color:#47a447!important}

/*二维码*/
.donateDiv{padding:20px;height:160px;display:flex}
.qrcodeDiv{min-width:120px;float:left}
.recodeSpan{float:left;margin:auto 0;padding-left:14px;font-size:14px}


/* 频道选择栏下边框 */
.type-content{height:38px;line-height:38px;font-size:14px;background-color:#f8f8f8;margin-top:10px;margin-bottom:10px}
.search-type{padding:0 20px;min-width:100px;display:inline-block;text-decoration:none;text-align:center;color:#666;font-size:14px;cursor:pointer}

/* Vue */
[v-cloak]{display:none}

td,th{border-width:1px;border-style:solid;border-color:#eee}


/* 默哀改为灰色 */
.moai{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter: none;}

/* 搜索图标 */
.query-icon{content:"";background:url(/statics/images/Common/header_search-67cf98ffc8905d58fb669a6e14271aa4.png);cursor:pointer;width:1rem;height:1rem;z-index:100;margin-right: 5px;background-size:cover;background-position: center;margin-top: 3px}

.header-home{
    letter-spacing: 5px;
}
dd, dt {

}

.header-tip {
    overflow: hidden; /* 隐藏溢出内容 */
    white-space: nowrap; /* 禁止文字换行 */
    width: 50rem;
    margin: auto;
    font-size: 1.2rem;
    color: #333;
    position: relative;
    top: -7rem;
    cursor: pointer;
    padding: 0 5rem;
}

.marquee {
    display: inline-block;
    padding-left: 100%; /* 初始位置在右侧 */
    animation: marquee 50s linear infinite;

    color:var(--main_active_color)
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* 向左移动自身宽度 */
    }
}
.header-tip:hover .marquee {
    animation-play-state: paused;
}

.layui-laypage>a:first-child, .layui-laypage>a:first-child em {
    font-size: 1.1rem;
    height: 2rem;
    line-height: 2rem;
}
.layui-laypage>a:last-child, .layui-laypage>a:last-child em{
    font-size: 1.1rem;
    height: 2rem;
    line-height: 2rem;
}
.layui-laypage a{
    font-size: 1.1rem;
    height: 2rem;
    line-height: 2rem;
}
.layui-laypage .layui-laypage-curr {
    font-size: 1.1rem;
    height: 2rem;
    line-height: 2rem;
}
.layui-laypage .layui-laypage-spr{
    font-size: 1.1rem;
    height: 2rem;
    line-height: 2rem;
}