@charset "utf-8";
/***********************************************************
	Filename: general_content.css
	Note	: 常规内容排版
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2022.10.13
***********************************************************/
/* general_content 常规内容排版 */

/* 盒子 */
.general_content{padding-top:25px;width:100%;background-color:#fafafa}
.general_content_box{padding-top:50px;padding-bottom:50px;border-radius:6px;background-color:#fff;box-shadow:0 5px 15px 0 rgb(192 92 2 / .05)}
@media screen and (max-width:768px){
    .general_content{padding-top:0;background-color:#fff}
    .general_content_box{padding-top:0;padding-bottom:25px;border-radius:0;box-shadow:none}
}

/* 标题 */
.general_content .pagetitle{margin-bottom:25px;width:100%}
.general_content .pagetitle h2{display:inline-block;margin-bottom:0;padding:10px 25px;border-top-right-radius:4px;border-top-left-radius:4px;background-image:linear-gradient(-65deg,hsl(33deg 72% 50%) 20%,hsl(28deg 95% 29% / 90%) 90%);color:#fff;font-weight:normal}
.general_content .pagetitle h2::after{display:none}
.general_content .pagetitle h2 span::after{margin-right:5px;margin-left:5px;color:#fff;content:"\f105";font-weight:normal;font-family:FontAwesome}
.general_content .pagetitle .line{width:100%;height:2px;background-image:linear-gradient(-65deg,hsl(33deg 72% 50%) 20%,hsl(28deg 95% 29% / 90%) 90%)}
.general_content .pagetitle h2 em{display:inline-block;margin-left:5px;width:25px;height:25px;border-radius:50%;background-color:#fff;color:#b55805;text-align:center;font-weight:600;font-style:normal;font-size:60%;line-height:25px;vertical-align:text-top}

/* 摘要 */
.general_content blockquote{padding:25px;border-left:5px solid #db8924;border-radius:5px;background-color:rgba(192,91,2,.1);word-break:break-word}

/* 正式内容 */
.general_content .content{padding:0 0 25px}
.general_content .content h3{margin:25px 0 15px;padding:25px 0 15px;border-bottom:2px solid #f0f0f0;color:#c05c02;font-weight:normal;font-size:1.5rem}
.general_content .content h3:first-child{margin-top:0;padding-top:0}
.general_content .content h3::before{position:relative;z-index:1;display:inline-block;margin-right:10px;content:"\f02e";font-family:FontAwesome;background-image:linear-gradient(0deg,#db8924,#9b581c);color:#db8924;color:transparent;font-weight:normal;-webkit-background-clip:text}
.general_content .content ol,.general_content .content ul{padding:15px;padding-left:35px;border-radius:5px;background-color:#fafafa;font-size:90%}
.general_content .content ol li,.general_content .content ul li{margin-bottom:0;color:#555}
.general_content .content ol li::marker,.general_content .content ul li::marker{color:#555}
.general_content .content img{max-width:100%;border:1px solid #eee}
.general_content .content p{margin-top:25px;margin-bottom:5px}
.general_content .content p:first-child{margin-top:0}
@media screen and (max-width:768px){
    .general_content{padding-bottom:25px}
    .general_content .pagetitle h2{padding:10px 15px}
    .general_content blockquote{margin-bottom:20px;padding:15px}
    .general_content .content ol,.general_content .content ul{padding-left:30px}
}

/* 内容嵌入表格 */
.table-responsive{position:relative;z-index:99;padding:15px;border-radius:5px;background-color:#fafafa}
.table-responsive::-webkit-scrollbar{width:8px;height:8px;background-color:#c05c02}
.table-responsive::-webkit-scrollbar-thumb{height:8px;background-color:#aeaeae;widows:8px}
.table-responsive::-webkit-scrollbar-track-piece{width:8px;height:8px;background-color:#f8f8f8}
.table-responsive::-webkit-scrollbar-thumb:hover{width:8px;height:8px;background-color:#c05c02}
.table-responsive table{margin:0;min-width:100%;border:none;border-collapse:collapse;font-size:85%;border-spacing:0}
.table-responsive table td,.table-responsive table th{padding:.35rem .5rem;border-color:#f1f1f1;border-style:solid;border-width:1px;white-space:nowrap;word-break:keep-all;display:table-cell;vertical-align:middle}
.table-responsive table thead th{padding:1rem .5rem;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;background:#fbfaf0;font-size:100%;line-height:1.5}
.table-responsive table tbody tr{background-color:#fff}
.table-responsive table tbody tr:nth-child(2n){background-color:#fafafa}
.table-responsive table tbody tr:hover{background-color:#fbf7f3}
.table-responsive table tbody td{color:#555}
@media screen and (max-width:768px){
    .table-responsive{padding:10px}
    .table-responsive::before{display:block;margin-bottom:.5rem;color:#b55805;content:"提示：请往左滑动查看 \f07e";font-size:12px;font-family:FontAwesome}
}

/* 咨询我们的团队 */
.team-contact{position:relative;padding-bottom:0}
.team-contact ul{position:relative;margin-top:50px;padding:0}
.team-contact ul li{margin-bottom:30px;list-style:none}
.team-contact ul li .list{padding:25px 35px 15px;height:100%;border:2px solid #f3d8c0;border-radius:5px;background-color:#fff;box-shadow:0 0 6px 0 rgba(31,31,31,.1);transition:all .3s ease 0s}
.team-contact ul li .list:hover{box-shadow:0 0 6px 0 rgba(31,31,31,.2)}
.team-contact ul li .head_portrait{float:left;margin-right:50px;margin-bottom:25px;padding:5px;width:100px;height:100px;border-radius:50%;background-image:linear-gradient(180deg,hsl(33deg 92% 57% / 70%) 20%,hsl(28deg 93% 30% / 80%) 90%)}
.team-contact ul li .head_portrait img{width:100%;border-radius:50%}
.team-contact ul li .information{float:left;width:calc(100% - 150px)}
.team-contact ul li .information span{display:block}
.team-contact ul li .information .name{margin-bottom:10px;color:#b55805}
.team-contact ul li .information .name em{margin-left:5px;font-style:normal}
.team-contact ul li .information .post{margin-left:15px;color:#333;font-weight:normal;font-size:70%}
.team-contact ul li .note{overflow:hidden;margin:1.5rem 0 0;padding:1.5rem 0 0;width:100%;border-top:1px solid #eee;border-radius:0;background-color:transparent;color:#555;border-left-width:0}
.team-contact ul li .note p{float:left;width:calc(100% - 150px);text-align:left;line-height:1.5}
.team-contact ul li .wechat{float:right;margin-left:50px;width:100px;text-align:right}
.team-contact ul li .wechat span{display:block;margin-top:.5rem;color:#555;text-align:center}
.team-contact ul li .wechat img{width:100px;height:100px}
@media screen and (max-width:576px){
    .team-contact{padding-bottom:25px}
    .team-contact ul{margin:0 -2.5px}
    .team-contact ul li{margin-bottom:5px;padding-right:2.5px;padding-left:2.5px}
    .team-contact ul li .list{padding:15px 10px;border:1px solid #f3d8c0}
    .team-contact ul li .head_portrait{margin-right:20px;margin-bottom:25px;padding:5px;width:80px;height:80px}
    .team-contact ul li .information{float:left;width:calc(100% - 100px)}
    .team-contact ul li .information .post{margin-left:5px}
    .team-contact ul li .note p{margin-bottom:0;width:calc(100% - 110px);line-height:1.4}
    .team-contact ul li .wechat{margin-left:10px;width:100px}
}

/* 内容嵌入常见问题 */
.faq-list{width:100%}
.faq-list .card{margin-bottom:-2px;border:2px solid #fbf5f0;border-radius:3px;background:#fff;cursor:pointer}
.faq-list .card:first-of-type{border-bottom:2px solid #fbf5f0;border-radius:3px}
.faq-list .card:last-of-type{border-radius:3px}
.faq-list .card:not(:first-of-type):not(:last-of-type){border-bottom:2px solid #fbf5f0;border-radius:3px}
.faq-list .card .problem{width:100%}
.faq-list .card .problem a{position:relative;display:block;padding:15px 35px;padding-right:50px;width:100%;background-color:#fbf5f0;color:#b55805;font-weight:600;line-height:1.5;cursor:pointer}
.faq-list .card .problem a::after{position:absolute;top:17px;left:10px;display:block;width:20px;height:20px;background:url(../images/svg/qa.svg) center center no-repeat;content:""}
.faq-list .card .problem a::before{position:absolute;top:10px;right:15px;color:#b55805;content:"\f139";font-size:120%;font-family:FontAwesome}
.faq-list .card .problem .collapsed{background-color:#fff;color:#222}
.faq-list .card:nth-child(even) .problem .collapsed{background-color:#fafafa}
.faq-list .card:hover .problem .collapsed{background:#fbf5f0}
.faq-list .card .problem .collapsed::before{position:absolute;top:10px;right:15px;color:#b55805;content:"\f13a";font-size:120%;font-family:FontAwesome}
.faq-list .card-body{padding:15px;border-top:2px solid #fbf5f0;color:#333}
.faq-list .card-body p{margin-bottom:.5rem}
.faq-list .card-body ol li,.faq-list .card-body ul li{margin-bottom:.25rem;padding-left:.5rem}
.faq-list .card-body ol li::marker,.faq-list .card-body ul li::marker{color:#999}
@media screen and (max-width:768px){
    .faq-list{padding-top:25px;padding-bottom:0}
    .faq-list .pagetitle{padding-bottom:0}
    .faq-list .pagetitle h3{font-weight:600;line-height:1.6rem}
    .faq-list .card{margin-bottom:15px}
    .faq-list .card .problem a{padding-right:35px;padding-left:30px;font-weight:normal;line-height:1.3}
    .faq-list .card .problem a::after{top:15px;left:5px}
    .faq-list .card .problem a::before{top:10px;right:5px}
    .faq-list .card .problem .collapsed::before{top:10px;right:5px}
}