@charset "utf-8";
/***********************************************************
	Filename: base.css
	Note	: 内页共用CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2022.08.26
***********************************************************/

/* Banner ******************************************************************************/
.banner{position:relative;overflow:hidden;width:100%;height:350px;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner .overlay{position:absolute;top:0;left:0;z-index:98;width:100%;height:100%;background-image:linear-gradient(-65deg,hsl(30deg 4% 20% / 10%) 20%,hsl(33deg 94% 49% / 80%) 90%)}
.banner .title{position:relative;z-index:100;margin-top:90px;width:100%;height:auto;color:#fff}
.banner .title span{display:block;text-transform:capitalize;font-size:40%;color:#f7caa3}
.banner .title span::before{margin-right:.5rem;content:"-"}
.banner .title h1{font-size:45%;font-weight:400;margin-top:-5px}
.banner .title ul{margin:0;padding:0;text-shadow:1px 1px 2px #000;font-size:45%}
.banner .title ul li{float:left;margin-right:25px;list-style:none}
.banner .title ul li::before{margin-right:5px;content:'\f05d';font-weight:normal;font-family:FontAwesome}
/* 内容页Banner */
.view{height:150px}
.view .overlay{background-image:linear-gradient(-65deg,hsl(30deg 4% 20% / 95%) 20%,hsl(33deg 94% 49% / 80%) 90%)}
.view .title{margin-top:20px}
.view .title span{display:none}
/* Location */
.location{position:absolute;bottom:0;z-index:100;padding-top:15px;padding-bottom:15px;width:100%;color:#fff}
.location .fa{margin-right:5px;color:#fff}
.location a{color:#fff}
.location a:hover{color:#111}
.location a::after{margin-right:5px;margin-left:5px;content:'\f105';font-family:FontAwesome}
.location a:first-child::after{content:''}
.view .location a:last-child{display:none}
.view .location a:nth-last-child(2)::after{display:none}
/* 选项卡导航时，这块文字右对齐 */
.tabcategory .location{text-align:right}
@media screen and (max-width:576px){
    .banner{height:200px;background-size:cover;background-attachment:local}
    .banner .title{margin-top:20px}
    .banner .title span{margin-top:-5px;margin-left:0;font-size:30%}
    .banner .title h1{margin-top:0}
    .banner .font-xxl{font-size:2.25rem}
    .view{height:120px}
    .view .title{margin-top:15px}
    .location .fa{margin-right:2.5px}
    .location a::after{margin-right:2.5px;margin-left:2.5px}
    .banner .title ul{display:none}
}
/* 常见问题搜索框 20230220增加 */
.search-box{position:relative}
.search-box .search{position:relative;z-index:999;padding:25px;border-radius:5px;background-color:rgba(255,255,255,.95);box-shadow:0 5px 15px 0 rgb(192 92 2 / .05)}
.search-box .s-input,
.search-box .s-submit{display:inline-block;height:50px;outline:0;border-radius:0;vertical-align:middle;line-height:50px}
.search-box .s-input{padding-left:1rem;width:80%;border:1px solid rgba(0,0,0,.1);border-right:0;border-bottom-left-radius:2px;border-top-left-radius:2px;background:#fff;color:#333}
.search-box .s-submit{width:20%;border:1px solid #ba7021;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#ba7021;color:#fff;text-align:center;cursor:pointer;transition:all .3s ease-in-out}
.search-box .s-submit:hover{border:1px solid #d98723;background:#d98723;color:#fff}
@media screen and (max-width:576px){
    .search-box .search{padding:15px;}
    .search-box .s-input,
    .search-box .s-submit{height:40px;line-height:40px}
    .search-box .s-input{width:80%}
    .search-box .s-submit{width:20%}
}
.search-box .hot_list{position:relative;margin-top:15px;width:100%}
.search-box .hot_list a{display:inline-block;margin-right:0;margin-bottom:2.5px;padding:.25rem;width:auto;border-radius:2px;background:rgba(204,83,99,.1);color:rgba(0,0,0,.7);text-align:center;font-size:13px}
.search-box .hot_list a:hover{background:rgba(2,62,235,.2)}
@media screen and (max-width:576px){
    .search-box .hot_list a{font-size:11px}
}

/* 普通横向分类 ******************************************************************************/
.category{position:relative;padding-top:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05);background:#fff;text-align:left}
.category a{display:inline-block;margin-bottom:5px;padding:0 1.5rem;height:45px;border:1px solid rgba(0,0,0,.07);border-radius:3px;background-color:#fafafa;color:#5d2d03;text-align:center;font-weight:600;font-size:80%;line-height:45px}
.category .bigcate{background:#f7f2ed}
.category .current,.category a:hover{background:#b55805;color:#fff}
@media screen and (max-width:576px){
    .category{margin-bottom:25px;padding-bottom:0;text-align:left}
    .category a{padding:0;width:calc(100% / 3 - 5px)}
    .category .bigcate{width:calc(100% / 2 - 5px)}
}

/* TAB形式-横向分类 ******************************************************************************/
.category-tab{position:relative;z-index:100;margin-top:-60px;width:100%;box-shadow:0 5px 5px 0 rgb(192 92 2 / .02)}
.category-tab .cd-tabs{position:relative;padding-bottom:15px;width:100%}
.category-tab .no-cssgradients .cd-tabs::after{display:none}
.cd-tabs nav{-webkit-overflow-scrolling:touch}
.cd-tabs-navigation:after{clear:both;display:table;content:""}
.cd-tabs-navigation{margin-bottom:0;padding:0;width:100%;display: flex;}
.cd-tabs-navigation li{list-style:none;height:60px;display: flex;align-items:center}
.cd-tabs-navigation .bankpage-li{flex: 1;}
.cd-tabs-navigation a{position:relative;display:block;margin:0 1px;padding:0 10px;width:auto;border-top-right-radius:5px;border-top-left-radius:5px;background-color:rgba(249,239,230,.9);color:#222;font-weight:600;font-size:80%;height:100%;display: flex;align-items:center;line-height: 1.2;}
.cd-tabs-navigation a:hover{background-color:#fff;color:#5d2d03}
.cd-tabs-navigation a.selected{background-color:#fff;color:#5d2d03}
.cd-tabs-content{margin:0;padding:15px 0 0 0;background:#fff}
.cd-tabs-content li{display:none}
.cd-tabs-content li.selected{display:block;-webkit-animation:cd-fade-in .5s;-moz-animation:cd-fade-in .5s;animation:cd-fade-in .5s}
.cd-tabs-content li a{display:inline-block;margin-bottom:5px;padding:0 .25rem;height:40px;border:1px solid rgba(0,0,0,.07);border-radius:3px;background-color:#fafafa;text-align:center;font-size:85%;line-height:40px}
.cd-tabs-content li a .fa{margin-left:5px;color:#db8924}
.cd-tabs-content li .hot{background:#f7f3e4}
.cd-tabs-content li span{display:inline-block;width:20px;height:20px;border-radius:50%;background-color:#c05d02;color:#fff;font-size:10px;line-height:20px}
.cd-tabs-content li .current,.cd-tabs-content li a:hover{background:#f78826;color:#fff}
.cd-tabs-content li .current .fa,.cd-tabs-content li a:hover .fa{color:#fff}
/* 在银行开户页面宽度需要缩窄 */
/* .cd-tabs-navigation .bankpage-li a{padding:0 8px} */
@media only screen and (max-width:768px){
    .category-tab nav{overflow-x:auto}
    .category-tab nav ul{width: 125%;}
    .cd-tabs-navigation li{margin-right:1px;width:calc(100% / 6 - 2px)}
    .cd-tabs-navigation a{display:-webkit-flex;display:flex;margin:0;padding:0 8px;border-top-right-radius:4px;border-top-left-radius:4px;line-height:1.1;-webkit-align-items:center;align-items:center}
    .cd-tabs-navigation .bankpage{width:calc(100% / 5 - 1px)}
    .cd-tabs-navigation .bankpage a{padding:0 10px}
    .cd-tabs-content{overflow-x:auto;padding:15px 0}
    .cd-tabs-content li{width:180%}
    .cd-tabs-content li a{padding:0 .5rem;height:35px;border-radius:2px;line-height:35px;font-size:80%;}
    /* 在银行开户页面宽度需要缩窄 */
    .category-tab .bankpage-nav{overflow-x:auto}
    .category-tab .bankpage-ul{width:280%}
    /*.category-tab .cd-tabs-navigation .bankpage-li{width:calc(100% / 16 - 2px)}*/
}
@-webkit-keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes cd-fade-in{0%{opacity:0}100%{opacity:1}}

/* wrapper 普通内页综合框架******************************************************************************/
.wrapper{position:relative;padding-top:80px;padding-bottom:80px;background:#fff}
.wrapper h2{text-align:center;font-weight:normal;line-height:1.5}
.wrapper h2::after{display:block;margin:15px auto;width:50px;height:3px;background-color:#b55805;content:""}
@media screen and (max-width:1024px){
    .wrapper{padding-top:50px;padding-bottom:50px}
}
@media screen and (max-width:576px){
    .wrapper{padding-top:50px;padding-bottom:50px}
    .wrapper h2{text-align:center;line-height:1.3}
    .wrapper h2::after{margin:15px auto;width:25%}
}

/* marketing 营销式内页综合框架******************************************************************************/
.marketing{position:relative;position:relative;padding-top:100px;padding-bottom:25px;background:#fff;background-position:center;background-size:cover;background-repeat:repeat;background-attachment:fixed}
.marketing .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(65deg,hsl(30deg 3% 24% / 70%) 20%,hsl(28deg 95% 29% / 70%) 90%)}
.marketing:nth-child(even){background-color:#fafafa}
.marketing h2{color:#b55805;text-align:center;font-weight:normal}
.marketing h3{margin:1rem auto;width:100%;text-align:center;font-weight:normal;font-size:110%;line-height:1.8}
.marketing .line{margin:1rem auto;text-align:center}
.marketing .line span{display:inline-block}
.marketing .line .line-l,.marketing .line .line-r{width:200px;height:8px;border-top:1px solid rgba(255,103,56,.5)}
.marketing .line .diamond{position:relative;z-index:1;margin:0 35px;width:16px;height:16px;background:#ff6637;transform:rotate(45deg)}
.marketing .line .diamond::after,.marketing .line .diamond::before{position:absolute;width:16px;height:16px;background:rgba(255,103,56,.5);content:""}
.marketing .line .diamond::after{bottom:-10px;left:-10px}
.marketing .line .diamond::before{top:-10px;right:-10px}
/* 当有背景图时字体白色 */
.marketing_white h2,.marketing_white h3{color:#fff}
.marketing_white .line .line-l,.marketing_white .line .line-r{border-top:1px solid #fff}
@media screen and (max-width:768px){
    .marketing{padding-top:75px}
}
@media screen and (max-width:576px){
    .marketing{padding-top:30px}
    .marketing h2{font-size:2rem}
    .marketing h3{font-size:95%;line-height:1.6}
    .marketing .line .line-l,.marketing .line .line-r{width:100px}
    .marketing .line .diamond{margin:0 25px}
}

/* 左右布局-左侧边栏分类 */
.sidebar{padding-right:40px}
.sidebar .category-box{margin-bottom:25px;border-bottom:5px solid #c05c02;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:#fff}
.sidebar .category-name{padding:5px 15px;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}
.sidebar .category-name span{display:block;margin-top:-.25rem;color:#f9f9f9;font-size:55%}
.sidebar .category-name a{float:right;display:none}
.sidebar .category-name a:after{color:#fff;content:"\f0ca";font-family:FontAwesome}
.sidebar .category-list{width:100%}
.sidebar .category-list a{display:block;padding:10px 15px;border:1px solid rgba(211,211,211,.5);border-top:0;transition:all .3s ease 0s}
.sidebar .category-list a:after{float:right;display:block;color:#ccc;content:"\f105";font-family:FontAwesome}
.sidebar .category-list a:last-child{border-bottom:0}
.sidebar .category-list .current,.sidebar .category-list .current:after,.sidebar .category-list a:hover{background-color:#fbf5f0;color:#c05c02}
.sidebar .collapse:not(.show){display:block}
@media screen and (max-width:768px){
    .sidebar{margin-bottom:25px;padding-right:0;padding-left:0}
    .sidebar .collapse:not(.show){display:none}
    .sidebar .category-box{margin-bottom:0;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
    .sidebar .category-name{padding:8px 15px;border-bottom:1px solid #884c04;border-top-right-radius:0;border-top-left-radius:0;background-image:linear-gradient(-65deg,hsl(28deg 95% 29% / 90%) 20%,hsl(28deg 95% 29% / 90%) 90%)}
    .sidebar .category-box:last-child .category-name{border-bottom:0 solid #fff}
    .sidebar .category-name span{display:inline-block;margin-top:0;margin-left:5px;font-size:75%}
    .sidebar .category-name a{display:block}
    .sidebar .category-list a:last-child{border-bottom:1px solid rgba(211,211,211,.5)}
}

/* 列表分页 */
.pages{margin:35px 0 25px;padding:0 15px;width:100%;text-align:center}
.pages a{display:inline-block;margin:0 3px;padding:0 15px;height:40px;border-radius:2px;background:#f1f1f1;color:#333;text-align:center;font-weight:normal;line-height:40px;transition:all .3s ease 0s}
.pages a{float:none;background:#f1f1f1}
.pages .current,.pages a:hover{background:#c05d02;color:#fff}
@media screen and (max-width:768px){
    .pages{text-align:center}
}
@media screen and (max-width:576px){
    .pages{margin:15px 0}
    .pages a{margin:1px;padding:0 10px;height:30px;line-height:30px}
}

/* 咨询按钮 */
.online{display:block;width:120px;height:40px;border-radius:4px;background:#dc0422;color:#fff;text-align:center;font-size:1rem;line-height:40px;transition:all .3s ease 0s}
.online:after{margin-left:.5rem;content:"\f0e6";font-family:FontAwesome}
.online:hover{background:#f78826;color:#fff}
@media screen and (max-width:576px){
    .online{float:right;width:100px;height:35px;font-size:.9rem;line-height:35px}
}

/* 搜索主页 */
.search-index{padding-top:100px;padding-bottom:100px;background:#fafafa}