@charset "utf-8";
/***********************************************************
	Filename: bank_account.css
	Note	: 银行开户服务页面内容模块
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2022.09.22
***********************************************************/

/* bank_account 银行开户服务通用内容页 ******************************************************/

/* 内容盒子 */
.bank_account_content{margin-bottom:50px}
.bank_account_content h3{margin:50px 0;text-align:center;font-weight:normal}
@media screen and (max-width:576px){
    .bank_account_content{margin-bottom:25px}
    .bank_account_content h3{margin:25px 0}
}

/* 银行开户摘要 */
.summary{overflow:hidden;padding:25px 15px;border-left:5px solid #db8924;border-radius:5px;background-color:#fafafa;word-break:break-word}
.summary .left{float:left;display:block;width:65%}
.summary .left .text{width:100%}
.summary .special_column{margin-top:25px}
.summary .special_column .title{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e2d2c3;color:#666;font-weight:600}
.summary .special_column .title .fa{margin-right:5px}
.summary .special_column ul{margin:0;padding:0;list-style:none}
.summary .special_column li{margin-bottom:1.5rem;line-height:1.4}
.summary .special_column li:last-child{margin-bottom:0}
.summary .special_column li a{color:#b55805}
.summary .special_column li a:hover{color:#db8924}
.summary .special_column li span{display:block;margin-top:.25rem}
.summary .special_column li .note{color:#555;font-size:75%}
.summary .special_column li .time{color:#999;font-size:30%}
.summary img{float:right;margin-left:5%;width:30%;border-radius:5px}
@media screen and (max-width:576px){
    .summary{position:relative}
    .summary .left{position:relative;z-index:1;float:none;width:100%}
    .summary .left .text{font-size:95%}
    .summary img{float:none;margin-left:0;margin-bottom:15px;width:100%;height:auto}
    .summary .special_column .title{margin-bottom:1rem}
    .summary .special_column li .note{color:#333;font-size:90%}
    .summary .special_column li .time{color:#333;font-size:60%}
}

/* 银行开户形式 */
.bank_form{padding:0}
.bank_form ul{padding:0}
.bank_form li{list-style:none}
.bank_form .boxes{position:relative;display:block;padding-bottom:15px;width:100%;height:100%;border-radius:5px;background:#fff;box-shadow:0 5px 15px 0 rgb(192 92 2 / .1)}
.bank_form .boxes span{display:block}
.bank_form .boxes .poto{position:relative;overflow:hidden;width:100%}
.bank_form .boxes .poto img{width:100%;border-top-right-radius:5px;border-top-left-radius:5px;transition:all .5s ease 0s}
.bank_form .boxes:hover .poto img{transform:scale(1.08,1.08)}
.bank_form .boxes .poto .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;border-top-right-radius:5px;border-top-left-radius:5px;background-image:linear-gradient(180deg,hsl(28deg 1% 9% / 0%) 10%,hsl(28deg 93% 56% / 0) 25%)}
.bank_form .boxes .title{padding:10px 25px}
.bank_form .boxes .title::before{content:"";width:5px;height:25px;background-color: #b55805;display: inline-block;margin-right: 10px;}
.bank_form .boxes .note{padding:0 25px 10px;line-height:1.4}
.bank_form .no{transform:scale(1,1)}
.bank_form .no .poto img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.bank_form .no:hover .poto img{transform:scale(1,1)}
.bank_form .yes .overlay::after{position:absolute;top:50%;left:50%;background-image:linear-gradient(90deg,#f9c32f,#f78a28);color:#f9b90a;color:transparent;content:"\f05d";font-weight:normal;font-size:10rem;font-family:FontAwesome;transform:translate(-50%,-50%);-webkit-background-clip:text}
.bank_form .no .overlay::after{position:absolute;top:50%;left:50%;color:#999;content:"\f05c";font-weight:normal;font-size:10rem;font-family:FontAwesome;transform:translate(-50%,-50%)}
.bank_form .yes .title{color:#b55805}
.bank_form .no .note,.bank_form .no .title{color:#999}
@media screen and (max-width:576px){
    .bank_form{padding-top:25px;padding-bottom:25px}
    .bank_form li{margin-bottom:25px}
    .bank_form li:last-child{margin-bottom:0}
    .bank_form .boxes .title{padding:15px 15px 0}
    .bank_form .boxes .note{padding:10px 15px 15px}
    .bank_form .no{transform:scale(1,1)}
    .bank_form .no .note{display: none;}
    .bank_form .no .overlay::after,.bank_form .yes .overlay::after{font-size:7rem}
}

/* 银行开户优势 */
.account_advantage{padding:0}
.account_advantage li{margin-bottom:15px;list-style:none}
.account_advantage .boxes{position:relative;padding:15px 25px 25px;width:100%;height:100%;border:1px solid #eee;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.account_advantage .boxes span{display:block;text-align:center}
.account_advantage .boxes .icon{margin-right:auto;margin-bottom:5px;margin-left:auto;padding:10px;width:80px;height:80px;border-radius:50%;background-color:#f3f0e8;line-height:80px}
.account_advantage .boxes .fa{width:100%;background-image:linear-gradient(90deg,#f3d482,#b88703);color:#f9b90a;color:transparent;font-weight:normal;font-size:2.8rem;-webkit-background-clip:text}
.account_advantage .boxes .title{margin-bottom:5px;color:#b55805;font-weight:600;font-size:100%}
.account_advantage .boxes .note{color:#333;line-height:1.4}
@media screen and (max-width:576px){
    .account_advantage{margin:0 -7.5px}
    .account_advantage li{padding-right:7.5px;padding-left:7.5px}
    .account_advantage .boxes{padding:10px}
    .account_advantage .boxes .icon{width:60px;height:60px;line-height:55px}
    .account_advantage .boxes .fa{font-size:2rem}
}

/* 为什么香港银行开户越来越难？ */
.bank_penalty{padding:0}
.bank_penalty li{margin-bottom:25px;list-style:none}
.bank_penalty .boxes{position:relative;padding:10px 10px 20px 10px;width:100%;height:100%;border:1px solid #eee;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.bank_penalty .boxes span{display:block;text-align:center}
.bank_penalty .boxes img{width:100%}
.bank_penalty .boxes .title strong{color:#dc0422}
.bank_penalty .boxes .note{padding:20px 20px 0;color:#333;line-height:1.5}
@media screen and (max-width:576px){
    .bank_penalty{margin:0 -7.5px}
    .bank_penalty li{padding-right:7.5px;padding-left:7.5px}
    .bank_penalty .boxes{padding:5px 5px 10px 5px}
    .bank_penalty .boxes .title{font-size:90%}
    .bank_penalty .boxes .note{padding:10px 0 0;line-height:1.3}
}

/* 银行开户难的原因 */
.bank_reason{padding:0}
.bank_reason li{margin-bottom:15px;list-style:none}
.bank_reason .boxes{position:relative;padding:0;width:100%;height:100%;border:1px solid #eee;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.bank_reason .boxes span{display:block}
.bank_reason .boxes .num{float:left;margin:15px;width:40px;height:40px;border-radius:50%;background-color:#f0e2d5;color:#e61d0f;text-align:center;font-weight:600;line-height:40px}
.bank_reason .boxes .title{padding:15px 10px 5px;color:#b55805;font-weight:600;line-height:1.2}
.bank_reason .boxes .note{padding:5px 10px 15px 70px;color:#555;line-height:1.3}
@media screen and (max-width:576px){
    .bank_reason .boxes .num{margin:10px}
    .bank_reason .boxes .note{padding-left:60px}
}

/* 银行开户所需资料 */
.bank_information{padding:0}
.bank_information ul{padding:0}
.bank_information li{list-style:none}
.bank_information .boxes{position:relative;display:block;padding-bottom:15px;width:100%;height:100%;border-radius:5px;background:#fff;box-shadow:0 5px 15px 0 rgb(192 92 2 / .1)}
.bank_information .boxes span{display:block}
.bank_information .boxes .poto{position:relative;overflow:hidden;width:100%;height:150px}
.bank_information .boxes .poto img{width:100%;border-top-right-radius:5px;border-top-left-radius:5px;transition:all .5s ease 0s}
.bank_information .boxes .poto .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;border-top-right-radius:5px;border-top-left-radius:5px;background-image:linear-gradient(180deg,hsl(28deg 1% 9% / 85%) 10%,hsl(28deg 1% 9% / 50%) 100%)}
.bank_information .boxes .title{position:absolute;top:50px;z-index:100;width:100%;color:#fff;text-align:center;font-weight:600;line-height:50px}
.bank_information .boxes .note{overflow:hidden;padding:25px 35px 0;width:100%}
.bank_information .boxes .note p{position:relative;margin-bottom:10px;padding-left:25px;line-height:1.4}
.bank_information .boxes .note p:before{position:absolute;top:0;left:0;color:#f78826;content:"\f14a";font-weight:600;font-family:FontAwesome}
.bank_information .boxes .note ol,.bank_information .boxes .note ul{padding:0 15px 15px;padding-left:40px;font-size:95%}
.bank_information .boxes .note ol li{list-style:decimal}
.bank_information .boxes .note ul li{list-style:disc}
.bank_information .boxes .note ol li,.bank_information .boxes .note ul li{margin-bottom:0;color:#555}
.bank_information .boxes .note ol li::marker,.bank_information .boxes .note ul li::marker{color:#999}
@media screen and (max-width:576px){
    .bank_information li{margin-bottom:15px}
    .bank_information .boxes .poto{height:120px}
    .bank_information .boxes .title{top:35px}
    .bank_information .boxes .note{padding:15px}
}

/* 银行开户流程 */
.bank_process{padding:0}
.bank_process li{margin-bottom:15px;list-style:none}
.bank_process .boxes{position:relative;padding:0;width:100%;height:100%;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.bank_process .boxes span{display:block}
.bank_process .boxes .title{padding:0 15px;border-top-right-radius:5px;border-top-left-radius:5px;background-color:#f0e2d5;color:#c50520;font-weight:600;line-height:40px}
.bank_process .boxes .note{padding:10px 15px;font-weight:600}
.bank_process .boxes p{margin-bottom:1rem;padding:0 15px;color:#555;line-height:1.4}
@media screen and (max-width:576px){
    .bank_process{margin:0 -7.5px}
    .bank_process li{padding-right:7.5px;padding-left:7.5px}
}

/* 境外账户维护指导 */
.bank_maintain{padding:0}
.bank_maintain li{margin-bottom:15px;list-style:none}
.bank_maintain .boxes{position:relative;padding:15px;width:100%;height:100%;border:1px solid #eee;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.bank_maintain .boxes span{display:block}
.bank_maintain .boxes .icon{float:left;width:130px;height:130px;text-align:center;line-height:130px}
.bank_maintain .boxes .fa{background-image:linear-gradient(90deg,#f3d482,#b88703);color:#f9b90a;color:transparent;font-weight:normal;font-size:4rem;-webkit-background-clip:text}
.bank_maintain .boxes .title{margin-bottom:.5rem;color:#b55805}
.bank_maintain .boxes .note{margin-top:.5rem}
.bank_maintain .boxes .note p{margin-bottom:0}
.bank_maintain .boxes .note p::before{margin-right:5px;color:#e06d07;content:"\f05d";font-weight:normal;font-family:FontAwesome}
@media screen and (max-width:576px){
    .bank_maintain .boxes{overflow:hidden;padding:25px 15px}
    .bank_maintain .boxes .icon{width:auto;height:auto;text-align:left;line-height:auto;position:absolute;bottom:-15px;right:-10px;z-index:1}
    .bank_maintain .boxes .fa{font-size:9rem;opacity:.2;display:block}
    .bank_maintain .boxes .note,.bank_maintain .boxes .title{padding-left:0;position:relative;z-index:2}
}

/* 开户合作银行 */
.bank_partners{padding:0}
.bank_partners li{text-align: center;margin-top:25px;list-style:none}
.bank_partners li img{width:100%;border-radius:5px;box-shadow:0 4px 16px 3px hsla(0,0%,50%,.1);transition:all .3s ease 0s}
.bank_partners li:hover img{box-shadow:0 4px 16px 3px hsla(0,0%,50%,.2)}
.bank_partners li span{color: #999;margin-top: 10px;display: block;}
@media screen and (max-width:576px){
    .bank_partners{margin:0 -7.5px}
    .bank_partners li{padding-right:7.5px;padding-left:7.5px}
}

/* 选择我们开户的优势 */
.bank_account_advantage{padding:0}
.bank_account_advantage li{margin-bottom:15px;list-style:none}
.bank_account_advantage .boxes{position:relative;padding:15px 15px 25px;width:100%;height:100%;border:1px solid #eee;border-radius:5px;background:#fff;box-shadow:0 2px 5px 0 rgb(192 92 2 / .1)}
.bank_account_advantage .boxes span{display:block;text-align:center}
.bank_account_advantage .boxes .icon{margin-right:auto;margin-bottom:5px;margin-left:auto;padding:10px;width:80px;height:80px;border-radius:50%;background-color:#f3f0e8;line-height:80px}
.bank_account_advantage .boxes .fa{width:100%;background-image:linear-gradient(90deg,#f3d482,#b88703);color:#f9b90a;color:transparent;font-weight:normal;font-size:2.8rem;-webkit-background-clip:text}
.bank_account_advantage .boxes .title{margin-top:1rem;color:#b55805}
.bank_account_advantage .boxes .note{margin-top:1rem;color:#333;line-height:1.5}
@media screen and (max-width:576px){
    .bank_account_advantage{margin:0 -7.5px}
    .bank_account_advantage li{padding-right:7.5px;padding-left:7.5px}
    .bank_account_advantage .boxes{padding:10px}
    .bank_account_advantage .boxes .icon{width:60px;height:60px;line-height:55px}
    .bank_account_advantage .boxes .fa{font-size:2rem}
}

/* 其他开户需了解的 */
.other{padding:0}
.other h3{margin:15px 0!important;padding:0!important;border-bottom:0!important;color:#333!important;font-size:1.2rem!important}
.other h3::before{display:none!important}
.other ul{font-size:100%!important}
.other ul li{margin-bottom:.5rem!important;list-style:square}