@font-face {
    font-family: 'SourceHanSerifCN-Bold-2';
    src: url('../../../../fonts/SourceHanSerifCN-Bold-2.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSerifCN-SemiBold-7';
    src: url('../../../../fonts/SourceHanSerifCN-SemiBold-7.otf') format('opentype');
}

*,bofy{margin:0px;padding:0px;scrollbar-width: none;text-decoration:none;list-style:none;}
html,body {height: 100%;}
body,ul,li,a,p,div {padding: 0px;margin: 0px;}
#wrap {overflow: hidden;/*100%;*/}
#main {top: 0;position: relative;}
.page {/*100%;*/margin: 0;position:relative;}
#pageUl {position: fixed;right: 30px;z-index:2;}
/*.pageUlLi{color:#FFE5B3;}*/
.pageUlLi {margin:8px 0;width: 16px;height: 16px;background-color: #FFE5B3;border-radius: 50%;cursor:pointer;}

#page1{background:url(/Areas/Web/Content/images/JingShenPuXi/Banner.png) center no-repeat}
.bottomArrow{color:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:50px;cursor:pointer}

#page2{background:url(/Areas/Web/Content/images/JingShenPuXi/1_BG.png) center no-repeat;overflow:hidden;}
#page3{background:url(/Areas/Web/Content/images/JingShenPuXi/2_BG.png) center no-repeat}
#page4{background:url(/Areas/Web/Content/images/JingShenPuXi/3_BG.png) center no-repeat}
#page5{background:url(/Areas/Web/Content/images/JingShenPuXi/4_BG.png) center no-repeat}
#page6{background:url(/Areas/Web/Content/images/JingShenPuXi/5_BG.png) center no-repeat}
.page_info{width:1000px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: rgba(255, 239, 191, 0.4);
    border: 1px solid #F8DEBD;box-shadow: 0px 4px 20px rgba(197, 147, 0, 0.2);backdrop-filter: blur(4px);text-align:center}


.info_leftBG_page2{background:url(/Areas/Web/Content/images/JingShenPuXi/1_info_leftBG.png) center no-repeat;width:334px;height:100%;float:left;text-align:center;color:#fff;}
.info_leftBG_page2 img{margin-top:45px;}
.info_leftBG_page2 hr{width:208px;background:#fff;height:1px;border:none;margin:6px auto 8px;}
.info_leftBG_page2 p{font-family: SourceHanSerifCN-Bold-2;font-style: normal;font-size: 16px;line-height: 23px;letter-spacing: 0.2em;}
.info_rightCon_page2 {width: calc(100% - 334px);height: 100%;display: inline-block;float:left;background-position:top 0 left 0,bottom 0 right 26px;background-repeat:no-repeat;
    background-image: url(/Areas/Web/Content/images/JingShenPuXi/1_info_topBG.png),url(/Areas/Web/Content/images/JingShenPuXi/1_info_bottonBG.png);}
.i_rightArrow{background:url(/Areas/Web/Content/images/JingShenPuXi/rightArrow.png) center no-repeat;width:19px;height:12px;display:inline-block;margin-left:6px;}
.page2_detail{color:#EA130C;letter-spacing: 0.2em;line-height:34px;position: absolute;right: 61px;bottom: 50px;cursor:pointer;}
.info_Contents_page2{width: 544px;font-size: 16px;line-height: 30px;letter-spacing: 0.18em;text-indent: 40px;color: #262626;margin:auto;}

.i_title{font-family: SourceHanSerifCN-Bold-2;font-style: normal;font-size: 16px;line-height: 23px;letter-spacing: 0.06em;color: #262626;margin:50px auto 6px;}
.page3_i_titleL{background: url('../images/JingShenPuXi/2_info_titleL.png') center no-repeat;width:34px;height:8px;display:inline-block;margin-right:8px;}
.page3_i_titleR{background: url('../images/JingShenPuXi/2_info_titleR.png') center no-repeat;width:34px;height:8px;display:inline-block;margin-left:8px;}
.page4_i_titleL{background: url('../images/JingShenPuXi/3_info_titleL.png') center no-repeat;width:64px;height:8px;display:inline-block;margin-right:8px;}
.page4_i_titleR{background: url('../images/JingShenPuXi/3_info_titleR.png') center no-repeat;width:64px;height:8px;display:inline-block;margin-left:8px;}
.page5_i_titleL{background: url('../images/JingShenPuXi/4_info_titleL.png') center no-repeat;width:166px;height:8px;display:inline-block;margin-right:8px;}
.page5_i_titleR{background: url('../images/JingShenPuXi/4_info_titleR.png') center no-repeat;width:166px;height:8px;display:inline-block;margin-left:8px;}
.i_partyEmblem{background: url('../images/JingShenPuXi/2_info_logo.png') center no-repeat;width:20px;height:20px;display:inline-block;margin-right:6px;}
.page_title {font-family: SourceHanSerifCN-SemiBold-7;font-style: normal;font-weight: 700;font-size: 30px;line-height: 43px;letter-spacing: 0.1em;color: #EA130C;}
.ContentInfo_con{margin:10px 140px 0;overflow:hidden;}
.ContentInfo_con li{width:220px;height:50px;text-align:center;line-height:50px;margin-top:20px;margin-right:30px;border-radius: 2px;overflow:hidden;float:left;
    background: linear-gradient(180deg, #FFECD0 0%, #FFBB80 100%);box-shadow: inset -2px -2px 6px #E3B382, inset 2px 2px 6px #FFF8F1;}
.ContentInfo_con li a{width:100%;height:100%;display:block;color:#262626;}
.ContentInfo_con li:hover {background: linear-gradient(180deg, #FF8D69 0%, #EA130C 100%);box-shadow: 0px 4px 14px rgba(142, 7, 0, 0.3);}
.ContentInfo_con li:hover a{color:#fff;}
.ContentInfo_con:nth-child(3n){margin-right:0px;}
.page_textBG {background: url('../images/JingShenPuXi/3_textBG.png') center no-repeat!important;box-shadow:none!important;}
.page_textBG:hover {background: url('../images/JingShenPuXi/3_textBGHover.png') center no-repeat!important;box-shadow:none!important;}


/*精神谱系详情页*/
.jspx_video_con {background: #FBF4E1 url('../images/JingShenPuXi/Details/videoBG.png') center no-repeat;padding: 30px 0;}
.jspx_video{width:840px;height:472px;margin:auto;}
.d_contents{width:100%;background:#F5F5F5;}
.d_contents_con{width:840px;margin:0 auto;}
.d_title{overflow:hidden;padding:25px 0;}
.d_title span{font-size:34px;color:#262626;}
.d_tag {background: url('../images/JingShenPuXi/Details/tag.png') center no-repeat;float:right;width:100px;height:34px;display:inline-block;}

.d_mainCon{padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:10px;}
.d_mainCon p {font-size: 16px;line-height: 30px;letter-spacing: 0.18em;text-indent: 40px;color: #262626;}
.d_mainCon img{width:80%;object-fit:cover;margin:20px auto;display:block;}

.recommend{padding-bottom:100px;}
.recommend_title{padding:16px 0;overflow:hidden;}
.recommend_title span{border-left:2px solid #EA130C;padding-left:6px;font-size:24px;color:#262626;}
.recommend_title i{width:90px;height:16px;display:inline-block;background: linear-gradient(270deg, #EA130C 0%, rgba(234, 19, 12, 0) 100%);opacity: 0.2;float:right;margin-top:8px;}
.recommend_card_con{display:flex;justify-content:space-between}
.recommend_card{width:268px;}
.recommend_card img{width:100%;height:150px;object-fit:cover;display:block;}
.recommend_card p{margin-top:16px;font-size:16px;line-height:24px;color:#262626;padding:0 2%;text-align:center;text-overflow:ellipsis;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;}



.footer { background:#333333; text-align:center; padding:30px 0;width:100%;bottom:0px;position:absolute;position:relative;}
.footer p a { color:#FFFFFF; font-size:12px; line-height:26px;}
.userCenter { display:block; background:url(../images/icon2.png) center no-repeat; width:40px; height:40px; border-radius:20px; position:absolute; right:35px;
top:50%; margin-top:-20px;}
.footer p span { color:#ffffff; margin:0 15px;}