/* 顶部导航 */
.xjheader-height{height: 70px;}
.xjheader-center{box-shadow: 0px 5px 20px 0px rgba(187, 187, 187, .15); position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; box-sizing: border-box; padding: 0 20px; background: #ffffff;}
.xjheader-main{height: 70px; display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto;}
.xjheader-logo{width: 146px;}
.xjheader-info{display: flex; align-items: center; justify-content: space-between;}
.xjheader-search{width: 240px; height: 40px; margin-right: 32px; padding: 0 18px; box-sizing: border-box; background: #f3f5f6; border-radius: 24px; display: flex; align-items: center; justify-content: space-between;}
.xjheader-search input{height: 40px; width: 180px; font-size: 14px; color: #333333;}
.xjheader-search img{width: 16px; height: 16px;}
.xjheader-nav{display: flex; align-items: center; justify-content: space-between;}
.xjheader-list a{transition: all .2s; font-size: 18px; color: #404040; display: block; margin-right: 38px; text-align: center; cursor: pointer;}
.xjheader-list a:hover{color: #a80180;}
.xjheader-list:last-child a{margin-right: 0;}
/* 底部导航 */
.xjfooter{height: 48px; line-height: 48px; text-align: center; background: #333333; color: #ffffff; font-size: 14px;}
/* 通用文章 */
.xjpublic-new-cont{padding-top: 8px;}
.xjpublic-new-list a{height: 36px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.xjpublic-new-list a:hover .xjpublic-new-title{transition: all .2s; color: #a80180; text-decoration: underline;}
.xjpublic-new-list:nth-child(1) .xjpublic-new-title{color: #333333; font-weight: bold;}
.xjpublic-new-num{text-align: center; width: 16px; color: #d7dce4; font-size: 16px; font-weight: bold;}
.xjpublic-new-title{transition: all .2s; width: 270px; color: #404040; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjpublic-new-list:nth-child(2) .xjpublic-new-num{color: #e3384e;}
.xjpublic-new-list:nth-child(3) .xjpublic-new-num{color: #ff6150;}
.xjpublic-new-list:nth-child(4) .xjpublic-new-num{color: #ff8200;}
/* 通用问答 */
.xjpublic-problem-cont{padding-top: 12px;}
.xjpublic-problem-list a{cursor: pointer; height: 38px; line-height: 38px; display: flex; justify-content: space-between; align-items: center;}
.xjpublic-problem-list a:hover .xjpublic-problem-title{color: #a80180; transition: all .2s; text-decoration: underline;}
.xjpublic-problem-list a:hover .xjpublic-problem-span{background: #a80180; transition: all .2s;}
.xjpublic-problem-span{transition: all .2s; width: 6px; height: 6px; background: #d7dce6; border-radius: 50%;}
.xjpublic-problem-title{transition: all .2s; font-size: 16px; color: #404040; width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 通用分页 */
.xjpublic-page{text-align: center; margin-top: 24px; display: flex; justify-content: center; align-items: center;}
.xjpublic-page-link{margin-right: 12px}
.xjpublic-page-link:last-child{margin-right: 0}
.xjpublic-page-link a{display: block; cursor: pointer; text-align: center; border: 1px #eeeeee solid; height: 32px; line-height: 32px; background: #ffffff; border-radius: 6px; font-size: 13px; color: #404040; padding: 0 14px;}
.xjpublic-page-link:hover a{background: #a80180; color: #ffffff;}
.xjpublic-page-link.disabled a{color: #cccccc; cursor: not-allowed;}
.xjpublic-page-link.disabled a:hover{color: #cccccc !important; background: #ffffff !important}
.xjpublic-page-link.active a{color: #ffffff; background: #a80180}
.xjpublic-page-link.active span{display: block; cursor: pointer; text-align: center; border: 1px #eeeeee solid; height: 32px; line-height: 32px; background: #a80180; border-radius: 6px; font-size: 13px; color: #ffffff; padding: 0 13px;}
.xjpublic-page-link.disabled span{cursor: not-allowed !important; display: block; cursor: pointer; text-align: center; border: 1px #eeeeee solid; height: 32px; line-height: 32px; background: #ffffff; border-radius: 6px; font-size: 13px; color: #404040; padding: 0 14px; opacity: .5;}
/* 通用问答信息 */
.xjpublic-ask-label{margin-top: 24px; display: flex; align-items: center; justify-content: space-between;}
.xjpublic-ask-display{width: 92px;}
.xjpublic-ask-num{font-size: 18px; color: #333333; text-align: center;}
.xjpublic-ask-txt{font-size: 14px; color: #A9B1C1; padding-top: 6px; text-align: center;}
.xjpublic-ask-submit{transition: all .2s; cursor: pointer; margin-top: 32px; font-size: 16px; color: #a80180; text-align: center; height: 46px; line-height: 46px; border: 1px #a80180 solid; border-radius: 8px; display: block;}
.xjpublic-ask-submit:hover{cursor: pointer; transition: all .2s; background: #a80180; color: #ffffff}
/* 通用问答弹窗 */
.xjpublic-qa{position: fixed; top: 0; left: 0;  width: 100%; height: 100%; z-index: 10001; background: rgba(0,0,0,.6);}
.xjpublic-qa-ask{display: none}
.xjpublic-qa-answer{display: none}
.xjpublic-qa-cont{display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10002;}
.xjpublic-qa-center{position: relative; transform: translateY(-40px); transition: all .4s; width: 674px; border-radius: 10px; background: #ffffff; box-sizing: border-box; padding: 30px 46px;}
.xjpublic-qa-display{display: flex; align-items: center;}
.xjpublic-qa-head{height: 48px; width: 48px; margin-right: 16px;}
.xjpublic-qa-head img{border-radius: 50%}
.xjpublic-qa-title{font-size: 16px; color: #121212;}
.xjpublic-qa-time{font-size: 14px; color: #999999; padding-top: 6px;}
.xjpublic-qa-name{font-size: 15px; color: #333333;}
.xjpublic-qa-input{margin-top: 20px;}
.xjpublic-qa-input input{margin-top: 12px;padding: 0 20px; font-size: 15px; color: #333333; line-height: 23px; box-sizing: border-box; width: 100%; height: 48px; border: 1px #eeeeee solid; border-radius: 8px;}
.xjpublic-qa-textarea{margin-top: 20px;}
.xjpublic-qa-textarea textarea{margin-top: 8px; padding: 16px 20px; font-size: 15px; color: #333333; line-height: 23px; box-sizing: border-box; width: 100%; height: 118px; border: 1px #eeeeee solid; border-radius: 8px;}
.xjpublic-qa-footer{display: flex; align-items: center; justify-content: space-between; margin-top: 24px;}
.xjpublic-qa-left{font-size: 14px; color: #a80180;}
.xjpublic-qa-right{display: flex; align-items: center;}
.xjpublic-qa-cancel{cursor: pointer; font-size: 14px; color: #9B9FA5;}
.xjpublic-qa-submit{transition: all .2s; cursor: pointer; width: 100px; text-align: center; margin-left: 24px; font-size: 14px; background: #a80180; color: #ffffff; text-align: center; height: 38px; line-height: 38px; border-radius: 6px;}
.xjpublic-qa-submit:hover{transition: all .2s; background: #8e006d}
/* 首页 */
.xjindex{padding-bottom: 20px;}
.xjindex .xjproblem-cont-list:first-child{padding-top: 24px}
.xjindex-banner-cont{position: relative; overflow: hidden; border-radius: 18px;}
.xjindex-banner-cont .swiper-slide{box-sizing: border-box; height: 382px;}
.xjindex-banner-cont .swiper-slide figure{height: 100%;}
.xjindex-banner-cont .swiper-slide figure img {border-radius: 18px;}
.xjindex-banner-cont .swiper-pagination-bullets{display: flex; bottom: 10px !important; left: 0; justify-content: center; height: 20px}
.xjindex-banner-cont .swiper-pagination-bullet{border-radius: 4px; width: 18px; height: 6px; margin: 0 5px !important; background: #ffffff; opacity: 1;}
.xjindex-banner-cont .swiper-pagination-bullet-active{background: #a80180; width: 26px; opacity: 1;}
.xjindex-banner-cont .swiper-button-prev { background-image: url("../images/icon3.png")!important; background-size: 100% 100% !important; width: 46px !important; height: 46px !important; left: 24px !important;}
.xjindex-banner-cont .swiper-button-next { background-image: url("../images/icon4.png")!important; background-size: 100% 100% !important; width: 46px !important; height: 46px !important; right: 24px !important;}
/* 文章列表 */
.xjarticle{padding-bottom: 20px;}
.xjarticle-tabs{display: flex; align-items: center; border-bottom: 1px #eeeeee solid; padding: 0 12px; padding-top: 16px;}
.xjarticle-tabs-item{color: #666666; font-size: 15px; padding: 0 12px; margin-right: 24px; cursor: pointer; height: 30px;}
.xjarticle-tabs-item:last-child{margin-right: 0;}
.xjarticle-tabs-item.active{position: relative; color: #a80180;}
.xjarticle-tabs-item.active::before{content: ""; position: absolute; bottom: 0; left: 0; margin-left: 0; width: 100%; height: 2px; background: #a80180; border-radius: 2px;}
.xjarticle-cont{display: none;}
.xjarticle-cont.show{display: block;}
.xjarticle-cont-list{border-bottom: 1px #F0F0F0 solid; display: flex; align-items: center; justify-content: space-between; padding: 22px 0; cursor: pointer;}
.xjarticle-cont-list:hover .xjarticle-cont-title{transition: all .15s; color: #a80180; text-decoration: underline;}
.xjarticle-cont-info{width: 512px;}
.xjarticle-cont-images{width: 200px; height: 120px;}
.xjarticle-cont-images img{border-radius: 10px;}
.xjarticle-cont-title{transition: all .15s; font-weight: bold; font-size: 18px; color: #121212; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjarticle-cont-text{height: 46px; font-size: 16px; color: #404040; padding-top: 8px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.xjarticle-cont-type{padding-top: 12px; display: flex; align-items: center;}
.xjarticle-cont-read{font-size: 14px; color: #999999; margin-right: 24px;}
.xjarticle-cont-time{font-size: 14px; color: #999999;}
.xjarticle-cont-more{transition: all .2s; margin-top: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #999999; height: 30px;}
.xjarticle-cont-more:hover{transition: all .2s; text-decoration: underline; color: #404040;}
.xjarticle-cont-footer{display: flex; align-items: center; justify-content: space-between; padding-top: 12px;}
.xjarticle-cont-tag{display: flex; align-items: center; width: 362px;}
.xjarticle-cont-label a{transition: all .2s; padding: 0 12px; max-width: 110px; margin-right: 10px; cursor: pointer; display: block; box-sizing: border-box; font-size: 14px; color: #a80180; background: rgba(168, 1, 128, .1); height: 34px; line-height: 34px; border-radius: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjarticle-cont-label:hover a{transition: all .2s; background: rgba(168, 1, 128, .2);}
/* 文章详情 */
.xjarticledetails{background: #ffffff; padding-bottom: 20px}
.xjarticledetails .xjarticle-cont-info{width: 582px}
.xjarticledetails .xjarticle-cont-list{border-bottom: 0}
.xjarticledetails .xjcont-item{padding: 0;}
.xjarticledetails .xjcont-right{width: 340px;}
.xjarticledetails .xjpublic-new-title{width: 302px;}
.xjarticledetails-head{width: 1200px; margin: 0 auto; padding-top: 24px; margin-bottom: 24px}
.xjarticledetails-head-title{font-size: 36px; line-height: 44px; color: #191919; font-weight: bold;}
.xjarticledetails-head-info{padding-top: 8px; height: 46px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #eeeeee solid;}
.xjarticledetails-head-display{display: flex; align-items: center;}
.xjarticledetails-head-time{font-size: 14px; color: #7C8290; padding-right: 38px;}
.xjarticledetails-head-read{font-size: 14px; color: #7C8290; padding-right: 38px;}
.xjarticledetails-head-read{font-size: 14px; color: #7C8290;}
.xjarticledetails-head-source{display: flex; align-items: center; font-size: 14px; color: #7C8290;}
.xjarticledetails-head-source a{transition: all .2s;}
.xjarticledetails-head-source a:hover{transition: all .2s; color: #a80180;}
.xjarticledetails-head-label{display: flex; align-items: center; justify-content: center; font-size: 14px; color: #7C8290;}
.xjarticledetails-head-list{font-size: 14px; color: #7C8290; margin: 0 6px; cursor: pointer;}
.xjarticledetails-head-list.active{font-weight: bold;}
.xjarticledetails-cont{position: relative; padding-bottom: 20px;}
.xjarticledetails-cont-editor{overflow: hidden;}
.xjarticledetails-cont-editor img{border-radius: 10px; margin: 12px auto; margin-top: 18px; width: auto; height: auto; max-width: 640px;}
.xjarticledetails-cont-editor p:first-child{padding-top: 0;}
.xjarticledetails-cont-editor p{padding-top: 12px; color: #404040; font-size: 16px; line-height: 25px;}
.xjarticledetails-cont-editor b{padding-top: 20px; display: block; font-size: 18px; color: #404040;}
.xjarticledetails-cont-editor em{padding-top: 20px; border-bottom: 3px #a80180 solid; font-weight: bold; color: #404040; font-size: 18px; display: inline-block; padding-bottom: 4px;}
.xjarticledetails-cont-editor strong{padding-top: 20px; color: #a80180; font-size: 18px; font-weight: bold; display: block;}
.xjarticledetails-cont-editor h3{margin-top: 20px; color: #ffffff; padding: 6px 20px; box-sizing: border-box; font-size: 18px; background: #a80180; display: inline-block; border-radius: 24px;}
.xjarticledetails-cont-expand{position: absolute; bottom: 0; left: 0; padding-bottom: 20px; width: 100%; height: 150px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);}
.xjarticledetails-cont-more{margin: 0 auto; margin-top: 100px; display: flex; align-items: center; justify-content: center; border: 1px #d9e0e9 solid; cursor: pointer; border-radius: 40px; width: 150px; font-size: 16px;font-weight: bold; color: #404040; height: 44px;}
.xjarticledetails-cont-more img{margin-left: 6px; width: 10px; height: 8px;}
.xjarticledetails-other{padding-top: 24px}
.xjarticledetails-other-ul{padding-top: 4px;}
.xjarticledetails-other-li a{cursor: pointer; display: flex; justify-content: space-between; align-items: center; height: 30px; margin-top: 6px;}
.xjarticledetails-other-li a:hover .xjarticledetails-other-right{text-decoration: underline;}
.xjarticledetails-other-left{width: 18px; height: 18px}
.xjarticledetails-other-right{font-size: 16px; color: #a80180; width: 782px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjarticledetails-other-tag{display: flex; align-items: center; flex-wrap: wrap; margin-top: 12px;}
.xjarticledetails-other-list a{transition: all .2s; padding: 0 14px; margin-top: 8px; max-width: 168px; margin-right: 10px; cursor: pointer; display: block; box-sizing: border-box; font-size: 14px; color: #62667c; background: #F7F8FC; height: 34px; line-height: 34px; border-radius: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjarticledetails-other-list a:hover{transition: all .2s; color: #a80180;}
.xjarticledetails-bote{padding-top: 48px}
.xjarticledetails-sign{position: relative; background: rgba(168, 1, 128, .1); border-radius: 12px; padding: 30px; margin-top: 20px;}
.xjarticledetails-sign-title{display: flex; align-items: center; font-size: 22px; font-weight: bold; color: #404040;}
.xjarticledetails-sign-title img{width: 32px; margin-right: 8px;}
.xjarticledetails-sign-title span{color: #a80180;}
.xjarticledetails-sign-cont{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.xjarticledetails-sign-item{margin-top: 24px; width: 360px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #a80180; margin-right: 24px;}
.xjarticledetails-sign-item:nth-child(even){margin-right: 0;}
.xjarticledetails-sign-item input{width: 306px; color: #404040; font-size: 14px; border: 1px rgba(168, 1, 128, .3) solid; padding: 0 12px; box-sizing: border-box; background: #ffffff; height: 40px; border-radius: 8px;}
.xjarticledetails-sign-submit{transition: all .2s; margin: 0 auto; margin-top: 32px; cursor: pointer; width: 280px; font-size: 16px; text-align: center; height: 42px; line-height: 42px; color: #ffffff; background: #a80180; border-radius: 8px;}
.xjarticledetails-sign-submit:hover{background: #8e006d; transition: all .2s;}
.xjarticledetails-sign-not{display: none; position: absolute; top: 118px; left: 316px; background: rgba(0, 0, 0, .6); color: #ffffff; font-size: 15px; height: 38px; line-height: 38px; width: 180px; text-align: center; border-radius: 8px;}
.xjarticledetails-sign-yes{display: none; position: absolute; top: 118px; left: 316px; background: rgba(0, 0, 0, .6); color: #ffffff; font-size: 15px; height: 38px; line-height: 38px; width: 180px; text-align: center; border-radius: 8px;}
/* 问答列表 */
.xjproblem{padding-bottom: 20px;}
.xjproblem-cont-list{border-bottom: 1px #F0F0F0 solid; display: block; padding: 24px 0; cursor: pointer;}
.xjproblem-cont-list:first-child{padding-top: 0px}
.xjproblem-cont-list:hover .xjproblem-cont-title{transition: all .2s; color: #a80180; text-decoration: underline}
.xjproblem-cont-title{display: block; transition: all .2s; font-weight: bold; font-size: 18px; color: #121212; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xjproblem-cont-text{font-size: 16px; color: #404040; padding-top: 12px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.xjproblem-cont-info{display: flex; align-items: center; margin-top: 12px;}
.xjproblem-cont-item{cursor: pointer; display: flex; align-items: center; margin-right: 24px; color: #8493A5; font-size: 14px;}
.xjproblem-cont-question{margin-right: 24px; cursor: pointer; transition: all .2s; display: flex; align-items: center; justify-content: center; padding: 0 12px; box-sizing: border-box; height: 36px; color: #a80180; font-size: 14px; border-radius: 4px; background: rgba(168, 1, 128, .1);}
.xjproblem-cont-question:hover{transition: all .2s; background: rgba(168, 1, 128, .2);}
.xjproblem-cont-more{transition: all .2s; margin-top: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #999999; height: 30px;}
.xjproblem-cont-more:hover{transition: all .2s; text-decoration: underline; color: #404040;}
/* 问答详情 */
.xjproblemdetails{padding-bottom: 20px}
.xjproblemdetails-info{background: #ffffff;}
.xjproblemdetails-info-cont{width: 1200px; margin: 0 auto; padding: 24px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between}
.xjproblemdetails-info-title{color: #121212; font-weight: bold; font-size: 26px;}
.xjproblemdetails-info-name{color: #414455; font-size: 16px; line-height: 25px; padding-top: 12px; height: 50px; overflow: hidden;}
.xjproblemdetails-info-up{display: none;}
.xjproblemdetails-info-center{transition: all .2s; cursor: pointer; margin-top: 10px; display: flex; align-items: center; justify-content: flex-start; color: #666666; font-size: 13px;}
.xjproblemdetails-info-center span{transition: all .2s; width: 24px; height: 1px; margin-right: 10px; background: #666666;}
.xjproblemdetails-info-center img{width: 8px; height: 6px; margin-left: 6px;}
.xjproblemdetails-info-up img{transform: rotate(180deg);}
.xjproblemdetails-info-center:hover{color: #a80180; transition: all .2s;}
.xjproblemdetails-info-center:hover span{background: #a80180; transition: all .2s;}
.xjproblemdetails-info-type{display: flex; align-items: center; margin-top: 16px;}
.xjproblemdetails-info-question{cursor: pointer; transition: all .2s; display: flex; align-items: center; justify-content: center; padding: 0 12px; box-sizing: border-box; height: 36px; color: #ffffff; font-size: 14px; border-radius: 6px; background: #a80180;}
.xjproblemdetails-info-question:hover{transition: all .2s; background: #8e006d;}
.xjproblemdetails-info-question img{width: 18px; height: 18px; margin-right: 6px}
.xjproblemdetails-info-item{cursor: pointer; display: flex; align-items: center; margin-left: 24px; color: #8493A5; font-size: 14px;}
.xjproblemdetails-info-item img{width: 20px; height: 16px; margin-right: 6px; margin-top: 2px;}
.xjproblemdetails-info-left{width: 866px;}
.xjproblemdetails-info-right{width: 240px; display: flex; justify-content: center; align-items: center;}
.xjproblemdetails-info-list{border-left: 1px #eeeeee solid; padding: 0 16px; text-align: center;}
.xjproblemdetails-info-list:first-child{border-left: none;}
.xjproblemdetails-info-text{color: #8493A5; font-size: 14px; text-align: center;}
.xjproblemdetails-info-num{color: #333333; font-weight: bold; font-size: 18px; padding-top: 4px; text-align: center;}
.xjproblemdetails-cont-list{border-bottom: 1px #F0F0F0 solid; padding: 24px 0; display: flex; align-items: flex-start; justify-content: space-between}
.xjproblemdetails-cont-list:first-child{padding-top: 0}
.xjproblemdetails-cont-head{height: 48px; width: 48px; }
.xjproblemdetails-cont-head img{border-radius: 50%;}
.xjproblemdetails-cont-info{width: 676px}
.xjproblemdetails-cont-text{font-size: 16px; color: #414455; line-height: 25px;}
.xjproblemdetails-cont-text span{color: #a80180;}
.xjproblemdetails-cont-time{font-size: 14px; color: #999999; padding-top: 8px; display: block}
/* 标签集合 */
.xjtag{padding-bottom: 20px}
.xjtag .xjarticle-cont-list:first-child{padding-top: 0}
.xjtag-info{background: #ffffff;}
.xjtag-info-cont{width: 1200px; margin: 0 auto; padding: 24px 32px; box-sizing: border-box;}
.xjtag-info-title{font-size: 28px; color: #191919; font-weight: bold;}
.xjtag-info-text{padding-top: 12px; font-size: 16px; color: #888888;}
.xjtag-info-text span{font-weight: bold; color: #404040; margin: 0 3px;}
/* 404缺省 */
.xjnot{align-items: center; height: 720px}
.xjnot-title{font-size: 38px; color: #333333; font-weight: bold; margin-bottom: 30px;}
.xjnot-text{display: flex; align-items: center; font-size: 18px; color: #666666; margin-top: 12px;}
.xjnot-text span{background: #C2CAEB; width: 4px; height: 4px; margin-right: 10px; border-radius: 50%;}
.xjnot-return{margin-top: 30px; transition: all .2s; width: 146px; height: 50px; line-height: 50px; display: block; font-size: 20px; color: #ffffff; background: #a80180; cursor: pointer; border-radius: 4px; text-align: center;}
.xjnot-return:hover{background: #8e006d; transition: all .2s;}
/* 分类列表 */
.xjclass{padding-bottom: 20px;}