@import url("bankitem_m.css") all and (max-width: 768px);

body.small-font-size,
body.small-font-size .mas-desc h2 a
{ font-size:12px; }

body.small-font-size .news_massage p{ font-size:10px; }

body.small-font-size .finance_tag ul li,
body.small-font-size .message_tag ul li,
body.small-font-size .mess_tag ul li,
body.small-font-size .card_tag ul li
{ font-size:14px; }

body.large-font-size,
body.large-font-size  .mas-desc h2 a
{ font-size:18px; }

body.large-font-size .news_massage p{ font-size:14px; }

body.large-font-size .finance_tag ul li,
body.large-font-size .message_tag ul li,
body.large-font-size .mess_tag ul li,
body.large-font-size .card_tag ul li
{ font-size:20px; }

.mex_title{
   font-weight: bold;
    color: #0066b3;
    font-size: 16px;
    line-height: 2.0;
}
body.large-font-size .mex_title{ font-size:18px; }
body.small-font-size .mex_title{ font-size:14px; }

.box_img{padding-bottom:10px;pointer-events:all;}
.box_img dt{width:36px;height:56px;padding:6px 12px 0 0px;float: left}
/*改*/
.dd_tit{font-size:14px;color:#333; font-family:"Arial";height: 20px;white-space: nowrap;padding-left: 40px;}
.helpItem .dd_tit{width:280px;}

/*改*/
.dd_desc{display:block;font-size:12px; line-height: 1.2; color:#666;height:38px;font-family:"Arial";padding-left: 40px;}

body.small-font-size .dd_tit{font-size:12px;}
body.small-font-size .dd_desc{font-size:10px;}
body.large-font-size .dd_tit{font-size:16px;}
body.large-font-size .dd_desc{font-size:14px;}
/* line-height:10px;  */
.btn_down{    
    color: #333333;
    cursor: pointer;
    text-align: center; 
    border-radius:5px; 
    background:#E9E9E9 url(../../../hongkong/personal/images/index/icons/up_icon.png) no-repeat  84%  center;
    width:100%;
    height: 32px;
    line-height: 32px;  
    z-index:12;
    pointer-events: all;
}
.showm_shutdwon{ background:#e9e9e9 url(../../../hongkong/personal/images/index/icons/down_icon.png) no-repeat  74% center;}
.channel_cont .btn_down.noDownIco{background:#E9E9E9;padding:0 10px;}
/*改*/
.channel_cont .btn_down a{ display:block; /*font-size:14px;*/ color:#333333; text-align:center;}
.channel_cont .btn_down a:hover{ color:#333333;}


.channel_shade{ border:1px solid #b1b1b1; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333232');}

/*改 改改*/
.channel_show{ pointer-events: all; width:100%; height:219px; overflow-y:auto;overflow-x: hidden;border-top:2px #3da4f1 solid; padding:18px 14px 0px 14px;  display:none; background:#fff; margin-top:2px;position: relative;left:1px; }

.channel_show_tit{ font-size:14px; color:#333; height:28px; display:block; line-height:28px;  margin:0px 0px 6px 0px;}
.channel_show_tit2{font-size:14px; color:#333; padding-top:10px; height:38px; display:block; line-height:18px;}
/* .channel_show .channel_show_cont{ height:128px;} */
/* .channel_show .channel_show_cont{ height:128px;} */
.channel_show_cont .radio_cx{display: block;width: 100%;cursor: pointer;}

.channel_show_cont a{color: #333;}
/* .channel_show_cont  .radio_sq a{color: #333;}   margin:6px 0  12px 0;*/
.channel_sq a:hover{color: #3da4f1}
.channel_show_cont  span.radio_cx a:hover{color: #3da4f1}
.btn_ok1{ line-height:30px;	text-align:center; height:32px;  margin:0px 0  12px 0;}
.btn_ok1 a.btn{display:block;font-size:14px;color:#fff;width:100px;height:32px;cursor: pointer;background:url(../../../hongkong/personal/images/index/icons/btnbg2.png) no-repeat left top; float:left; }
.btn_ok{ line-height:30px;	text-align:center; height:32px; position: absolute;bottom: 12px; }
.btn_ok a.btn{display:block;cursor: pointer; font-size:14px;color:#fff;width:100px;height:32px;background:url(../../../hongkong/personal/images/index/icons/btnbg2.png) no-repeat left top; float:left; }
.btn_ok a.btn2{display:block;font-size:14px;cursor: pointer;color:#fff;width:90px;height:32px;border-radius:3px;background:#0066b3; float:left;margin-right:5px;  }

.btn_ok a.btn:hover{opacity:0.8;	filter: alpha(opacity=90);}
.btn_ok a.btn2:hover{opacity:0.8;	filter: alpha(opacity=90);}
.channel_show_tit ul{border-bottom:2px #1693f1 solid; height:28px; display:block; width:100%;}
.channel_show_tit ul li{ float:left; width:50%;display:block;text-align:center;line-height:28px;
	font-size:12px;	color:#333333;cursor:pointer; }
.channel_show_tit ul li.hover {	background:#1693f1;	color:#fff;}

/*item1*/
.channel_cx{position: relative;padding-bottom: 18px;}
.channel_cx span{ display:block;  color:#333; font-size:14px; width:196px; height:20px;margin: 5px 0;overflow: hidden;}
.channel_cx .radio_cx input[type="radio"] { display: none;}
.channel_cx .radio_cx label{font-family:"Arial, Helvetica, sans-serif"; padding-left:26px;  cursor: pointer; background:url(../../../hongkong/personal/images/index/icons/radio_bg.png) no-repeat left -22px;  display:inline-block; height:20px;width:170px;overflow:hidden;}
.channel_cx .radio_cx label.checked { background:url(../../../hongkong/personal/images/index/icons/radio_bg.png) no-repeat left 0px;  display:inline-block; height:20px;}
/*.channel_cx span{ display:block;  color:#333; font-size:14px; width:196px; height:20px;}*/

/*item5*/
.channel_cont{ z-index:9;width: 100%;}
.channel_sq{padding-bottom: 18px;}
.channel_sq span{ display:block; color:#333;font-size:14px; width:196px;height: 20px;margin:5px 0;line-height:20px;  }
.channel_sq .radio_sq input[type="radio"] { display: none;}

/*item5 待刪*/
.channel_sq .radio_sq label{font-family:"Arial, Helvetica, sans-serif"; padding-left:26px; padding-bottom:0px; cursor: pointer; background:url(../../../hongkong/personal/images/index/icons/radio_bg.png) no-repeat left -22px;  display:inline-block; height:20px;width:170px;overflow:hidden;}
.channel_sq .radio_sq label.checked { background:url(../../../hongkong/personal/images/index/icons/radio_bg.png) no-repeat left 0px;}

/*便捷服務區新增樣式 2018-05-04*/
.channel_sq .radio_sq a,.channel_cx .radio_sq a{
    padding-left: 20px;
    cursor: pointer;
    background: url(../../../hongkong/personal/images/index/icons/channel_icon.png) no-repeat 8px center;
    display: inline-block;
    height: 20px;
    line-height:20px;
    overflow: hidden;
}


/*item8*/
/* .channel_bj{height:236px;} */
/* .channel_dz_ul ul{} */
.channel_dz_ul ul li{ font-size:14px; color:#333; line-height:30px;}
.imglist_top{height: 100px;}
/* .imglist_top .scroll_li{margin-right: 60px;} */
/** 快速通道 end**/

/*快易金融*/
.finance_message{ width:100%; max-width: 1200px; overflow:hidden; margin:0 auto; padding-top:60px; position:relative; z-index:9;}
.finance_tag{ border-bottom:2px solid #eee; height:48px; width:100%;}
.finance_tag ul{ float:right;}
.finance_tag ul li{ font-size:18px; color:#333; float:left;  height:42px; line-height:42px; text-align:center; cursor:pointer;padding:0 18px;}
.finance_tag ul li.hover{ border-bottom:4px solid #0066b3; height:46px; color:#0066b3;}
.finance_tag ul li.hover a{color:#0066b3;}
.finance_left{ float:left; width:578px; padding-top:0px;}
.finance_right{ float:right;}
/* width:380px; padding-top:40px; */
.finance_top{ overflow:hidden;}
.finance_top ul{ width:25%; float:left;}
.finance_top ul h2 a{ font-size:18px; color:#333;}
.finance_top ul h2 a:hover{ color:#0066b3;}
.finance_top ul li{ color:#666; line-height:20px; font-size:12px;}

.finance_bottom{ padding-top:30px;}

.finance_btn{ width:100px; height:32px; line-height:30px; position:absolute; left:10px; bottom:10px; background:url(../../../hongkong/personal/images/index/icons/btnbg2.png) no-repeat; text-align:center; border-radius:3px;}

.finance_btn:hover{opacity:0.8;	filter: alpha(opacity=90);}
.finance_btn a{ color:#fff; font-size:14px;}

.finance_user{ height:100px; background:#eee;}
.finance_img{ float:left; width:112px; padding:18px 0;}
.finance_list{ float:left; width:848px;}
.finance_list dl{ width:282px; float:left;}
.finance_list dl dd{ float:left; padding:15px 0;}
.finance_list dl dt{ float:left; line-height:100px; padding-left:8px;}
.finance_list dl dt a{ color:#333; font-size:12px;}
.finance_list dl dt a:hover{ color:#0066b3;}



/*悦享生活*/
.life_message{ padding-top:60px;}

/*改*/
.mess_tit h2{ font-size:30px; color:#333; float:left; padding-left:20px; line-height:30px;}
/* .mess_tit p{ font-size:14px; color:#fff; float:left; padding-left:60px; line-height:33px;} */
.mess_con{ overflow:hidden; padding-top:20px;}
.mess_con .w960{position: relative;}
.mess_l{ float:left; padding-right:10px;}
.mess_r{ float:left; height:306px;}
.mess_r ul{ margin-bottom:30px;}
.mess_r ul li.mess_li1{ line-height:30px;}
.mess_r ul li.mess_li2{ font-size:12px; color:#999; padding-top:4px;}
.mess_r ul li a{ font-size:18px; color:#333;}
.mess_r ul li a:hover{ color:#0066b3;}

/*广告2*/
.ad2{ height:150px; background:#eee;}
.ad2_left{ padding:43px 0; width:92px; float:left;}
.ad2_right{ width:840px; float:right;}
.ad2_right dl{}
.ad2_dl1{ padding-right:70px;}
.dd1{ margin-right:20px;}
.ad2_right dl dd{ float:left; padding:20px 0;}
.ad2_right dl dt{ float:left; padding-top:50px;}
.ad2_right dl dt a{ font-size:14px; color:#333; display:block; width:120px; line-height:20px;}
.ad2_right dl dt a:hover{ color:#0066b3;}
.ad2_right dl dt p{ font-size:12px; color:#999; padding-top:10px;}


/*优智规划*/
.plan_message, .plan_message02{ padding-top:60px;}
.plan_con{ overflow:hidden; padding-top:20px;}
.plan_left{ width:460px; float:left; padding-left:20px;}
.plan_desc{ width:200px;}
.plan_desc h2{ font-size:24px; color:#333;}
.plan_desc p{ font-size:12px; color:#666; padding-top:16px; padding-bottom:24px; line-height:20px;}
.plan_btn{width:117px; height:30px; line-height:30px; text-align:center; background:url(../../../hongkong/personal/images/index/icons/btnbg3.html) no-repeat;}
.plan_btn:hover{opacity:0.8;	filter: alpha(opacity=90);}
.plan_desc a{ display:block; color:#fff;font-size:14px;}
.plan_right{ width:480px; float:right;}

.line3{ width:960px; height:20px; margin:0 auto; background:url(../../../hongkong/personal/images/line2.html) no-repeat; margin:10px 0;}
.plan_scroll{ padding:60px 0}
.plan_bt{ font-size:24px; color:#ff9900; text-align:center;}
.plan_scroll ul li h4{ /*text-align:center;*/  margin-left: 7px; }
.plan_scroll ul li h4 a{font-size:14px; color:#333;}
.plan_scroll ul li h4 a:hover{ color:#0066b3;}
.plan_scroll ul li p{ font-size:12px; color:#666;  line-height:20px; margin-left: 7px;}
/* padding:0 10px; */
/*最新公告*/

.news_massage{ width:100%; min-height:230px; padding-bottom:20px; padding-top:20px;background:#eee;}
.news_massage span{font-size: 16px;color:#333;line-height: 30px;display: block; margin-top: 6px;}
.mas_tit{ height:70px; line-height:70px;}
.mas_tit a{ color:#333; font-size:18px; padding-left:20px;}
.mas_tit a:hover{ color:#0066b3;}
.mas_con dl{width:33%;float: left}
.mas_date{ width: 35px;float: left;margin-right:10px;}
.mas_date span{ display:block; text-align:center;line-height: 18px;font-size: 18px;color:#333;}

.mas_date .line2{ border-bottom:1px solid #bfbfbf; height:1px;}
.mas_date .month{ font-size:12px; padding-top:2px;}

.mas_desc{ height:160px; width:248px; float:left;}
.mas_desc h2 a{ font-size:18px; color:#333;}
.mas_desc h2 a:hover{ color:#0066b3;}
.mas_desc p{ font-size:14px; color:#666; line-height:24px; padding-top:16px;}

/*注册引导页*/

/*注册协议页面*/
.reg_top {height:84px;	background:#f8f8f8;}
.reg_top_ad {	width:960px;	margin:0 auto;	height:84px;	line-height:84px;	text-align:center;	font-size:18px;}
.reg {width:960px;	overflow:hidden;margin:0 auto;	padding-bottom:80px;}
.reg h2 {	font-size:24px;	height:31px;	background:url(../../../hongkong/personal/images/kstd/reg_line.html) no-repeat 0px 0px;
	padding-left:20px;	display:block;	line-height:31px;}
.reg_bt {	font-size:18px;	color:#595959;	line-height:40px;	margin-top:20px;	border-bottom:1px solid #eee;}
.reg_bt a {	float:right;	color:#0066b3;	font-size:24px;}
.reg_bt a:hover{ color:#3da4f1;}
.reg_cont {	overflow:hidden;	padding-bottom:40px;}
.reg_cont dl {	float:left;	width:98px;	padding-top:20px;	padding-right:62px;}
.reg_cont dl dt {	padding-bottom:20px;}
.reg_cont dl dd {	text-align:center;}
.reg_cont dl dd h3 {	font-size:18px;	line-height:26px;}
.reg_cont dl dd p {	font-size:14px;	line-height:20px;	color:#999;}
.reg_cont ul li {	width:300px;	float:left;	line-height:58px;height:58px;	font-size:18px;color:#333;margin-top:20px;}
.reg_cont ul li img {float:left;	margin-right:22px;}



/* 投資頁面start....... */
.finance_show{padding-top: 20px;}
/*.finance_con_box{margin-top: 15px;}*/
.finance_left {height: 460px;width:467px; }
.finance_box_lf div.finance_ox_tit {
    color: #333333;
    font-size: 20px;
}
.finance_box{width: 362px; height: 220px;border:1px solid #cccccc;padding: 15px;padding-bottom: 0px;position: relative;}
.finance_box1{height: 203px;border:1px solid #cccccc;margin-top: 20px;padding: 15px;padding-bottom: 0px;position: relative;}
.finance_box_common{height: auto ;border:1px solid #cccccc; margin-top: 20px; padding: 15px; position: relative;}

.finance_box_lf{width:130px;float: left;height: 203px; position:relative;}
.finance_box_tit{color: #333333;font-size: 20px;}
body.large-font-size .finance_box_tit{font-size: 22px;}
body.small-font-size .finance_box_tit{font-size: 18px;}
.finance_box_sea{width: 117px;  height: 30px;line-height: 30px;text-align: center;background-color: #0066b3;border-radius: 5px;position:absolute;left:0;top:126px;}
.finance_box_sea a{color: #fff;/*font-size: 14px;*/}
.finance_box_lf p{margin-top: 20px;font-size: 12px;font-family:Arial, Helvetica, sans-serif; color:#666 }
body.large-font-size .finance_box_lf p{font-size: 14px;}
body.small-font-size .finance_box_lf p{font-size: 11px;}
.finance_ox0_r{float: left;position: absolute;bottom:10px; right:0;}
.finance_box1 h4{font-size: 20px;}


.finance_lf_prot{border-top: 1px dashed #dddddd;}
/*.finance_rt_prot{margin-top: 20px;height: 72px;}*/

.finance_rt_prot span{margin-right: 30px;}
.finance_rt_prot div{margin-top: 10px;}
.finance_lf_prot h5{margin-top: 20px; color: #666666; font-size: 16px;}
.borderGray{border: 1px solid #ccc;}

.finance_right{display: inline-block}
/* .finance_left_hesl{margin-left: 60px;height: 80px;width:250px;} */
div#finance_left_srch{height: 30px;margin-top: 12px;position: relative;}
div#finance_left_srch input{height: 32px;width: 250px;line-height:32px;padding-left:6px; border: 1px solid #0066b3;}
div#finance_left_srch  a{color: #ffffff;font-size:14px;background-color: #0066b3;width:80px;display:block;height: 32px;text-align: center;line-height: 32px;position: absolute;right:0px;top: 0px;}
.finance_con .finance_right{padding-bottom: 0px;}
/* .finance_right h3{color: #7d7d7d;margin-bottom: 10px;} */
/* .finance_right span{display: block;width:130px;font-size: 14px;margin-bottom: 5px;color: #cbcbcb;font-size: 14px;} */
a.finance_see{margin-top: 20px;color: #0066b3;display: block}
.finance_box-mor{text-align: right;color: #0066b3;font-size: 18px;margin-top: 20px;}

/* 综合理财.....start */
.mess_tag{ border-bottom:1px solid #eee; height:42px; width:100%; position: relative; z-index: 9; }
.mess_tag1{ border-bottom:1px solid #eee; height:42px; width:100%;}
.mess_tag2{ border-bottom:1px solid #eee; height:42px; width:100%; }
.mess_tag1 ul{ float:right;}
.mess_tag2 ul{ float:right;}
.mess_tag2 ul.newTabSet{ float: none!important; width: fit-content; margin: 0 auto; display: inline-block;justify-content: center !important;}
.mess_tag1 ul li{ font-size:18px; color:#333; float:left; height:42px; line-height:42px; text-align:center; cursor:pointer;padding: 0 18px;}
.mess_tag2 ul li{ font-size:18px; color:#333; float:left; height:42px; line-height:42px; text-align:center; cursor:pointer;padding: 0 18px;}
.mess_tag1 ul li.hover{ border-bottom:4px solid #0066b3; height:41px; color:#0066b3;}
.mess_tag2 ul li.hover{ border-bottom:4px solid #0066b3; height:41px; color:#0066b3;}
.mess_tag1 ul li.hover a{color:#0066b3;}
.mess_tag2 ul li.hover a{color:#0066b3;}
body.small-font-size .mess_tag1 ul li{font-size:16px;}
body.small-font-size .mess_tag2 ul li{font-size:16px;}
body.large-font-size .mess_tag1 ul li{font-size:20px;}
body.large-font-size .mess_tag2 ul li{font-size:20px;}

/*.mess_left ul li{height: 142px;padding-left:142px;margin-bottom:12px;}*/
.mess_left ul li a{height: 142px;padding-left:142px;margin-bottom:12px;display: block; background-size: 140px;}
.mess_left ul li a.mess_li_1{background: url(../../../hongkong/personal/images/index/thumbnail/mess1.png) no-repeat left center;}
.mess_left ul li a.mess_li_2{background: url(../../../hongkong/personal/images/index/thumbnail/mess2.png) no-repeat left center;}
.mess_left ul li a.mess_li_3{background: url(../../../hongkong/personal/images/index/thumbnail/mess3.png) no-repeat left center;}
.mess_left ul li a.mess_li_4{background: url(../../../hongkong/personal/images/index/thumbnail/mess4.png) no-repeat left center;}
.mess_left ul li a.mess_li_5{background: url(../../../hongkong/personal/images/index/thumbnail/mess5.png) no-repeat left center;}
.mess_left ul li a.mess_li_6{background: url(../../../hongkong/personal/images/index/thumbnail/mess6.png) no-repeat left center;}
.mess_left ul li a.mess_li_7{background: url(../../../hongkong/personal/images/index/thumbnail/mess7.png) no-repeat left center;}
.mess_left ul li a.mess_li_8{background: url(../../../hongkong/personal/images/index/thumbnail/mess8.png) no-repeat left center;}
.mess_left ul li a.mess_li_9{background: url(../../../hongkong/personal/images/index/thumbnail/mess9.png) no-repeat left center;}
/*.mess_left ul li a{height: 142px;padding-left:142px;margin-bottom:12px;display: block; background-size: 140px;}*/
.mess_left ul li a.commercial_li_1{background: url(../../../hongkong/commercial/images/index/thumbnail/landing_banner1.png) no-repeat left center;}
.mess_left ul li a.commercial_li_2{background: url(../../../hongkong/commercial/images/index/thumbnail/landing_banner2.png) no-repeat left center;}
.mess_left ul li a.commercial_li_3{background: url(../../../hongkong/commercial/images/index/thumbnail/landing_banner3.png) no-repeat left center;}
.mess_left ul li a.commercial_li_4{background: url(../../../hongkong/commercial/images/index/thumbnail/landing_banner4.jpg) no-repeat left center;}
.mess_left ul li a.commercial_li_5{background: url(../../../hongkong/commercial/images/index/thumbnail/fps-icon.jpg) no-repeat left center;}

.mess_left ul li a.commercial_li_6{background: url(../../../hongkong/commercial/images/index/thumbnail/bill-payment-icon.jpg) no-repeat left center;}
.mess_left ul li a.commercial_li_7{background: url(../../../hongkong/commercial/images/index/thumbnail/erp.jpg) no-repeat left center;}
.mess_left ul li a.commercial_li_8{background: url(../../../hongkong/commercial/images/index/thumbnail/online-account-opening.jpg) no-repeat left center;}
.mess_left ul li a.commercial_li_9{background: url(../../../hongkong/commercial/images/index/thumbnail/ccb-lend.jpg) no-repeat left center;}    
.mess_left ul li a.commercial_li_10{background: url(../../../hongkong/commercial/images/index/thumbnail/edda.jpg) no-repeat left center;}                              
.mess_left ul li a.commercial_li_11{background: url(../../../hongkong/commercial/images/index/thumbnail/sba.jpg) no-repeat left center;}                              
                         
                         
.mess_left ul li a.loan_li_3{background: url(../../../hongkong/personal/loans/images/index/landing7.jpg) no-repeat left center;}
.mess_left ul li a.loan_li_4{background: url(../../../hongkong/personal/loans/images/index/landing8.jpg) no-repeat left center;}
.mess_left ul li a.loan_li_5{background: url(../../../hongkong/personal/loans/images/index/landing1.png) no-repeat left center;}
.mess_left ul li a.loan_li_6{background: url(../../../hongkong/personal/loans/images/index/landing2.png) no-repeat left center;}
.mess_left ul li a.loan_li_7{background: url(../../../hongkong/personal/loans/images/index/landing3.png) no-repeat left center;}
.mess_left ul li a.loan_li_8{background: url(../../../hongkong/personal/loans/images/index/landing4.png) no-repeat left center;}
 #loansList mess_left ul li a div.mess_info{
        display: inline-block;
    }
@media all and (max-width:768px) {

    /*#loansList li, #ccb_news_list li, #loansList02 li, #ccb_news_list02 li {
        border: none!important;
    }*/
    #loansList mess_left ul li a div.mess_info{
        display: block;
    }
    .mess_left ul li a {
        background-size: 120px!important;
        padding-left: 120px;
        padding-right: 10px;
    }
    .mess_left ul li a.commercial_li_1:before,
    .mess_left ul li a.commercial_li_2:before,
    .mess_left ul li a.commercial_li_3:before,
    .mess_left ul li a.commercial_li_4:before, 
    .mess_left ul li a.commercial_li_5:before,
    .mess_left ul li a.commercial_li_6:before,
    .mess_left ul li a.commercial_li_7:before,
    .mess_left ul li a.commercial_li_8:before,
    .mess_left ul li a.commercial_li_9:before,
    .mess_left ul li a.mess_li_1:before,
    .mess_left ul li a.mess_li_2:before,
    .mess_left ul li a.mess_li_3:before,
    .mess_left ul li a.mess_li_4:before,
    .mess_left ul li a.mess_li_5:before,
    .mess_left ul li a.mess_li_6:before,
    .mess_left ul li a.mess_li_7:before,
    .mess_left ul li a.mess_li_8:before,
    .mess_left ul li a.mess_li_9:before,
    .mess_left ul li a.loan_li_3:before,
    .mess_left ul li a.loan_li_4:before,
    .mess_left ul li a.loan_li_5:before,
    .mess_left ul li a.loan_li_6:before,
    .mess_left ul li a.loan_li_7:before,
    .mess_left ul li a.loan_li_8:before {  
        content: '';
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        display: block;
        width: 12px;
        height: 12px;
        position: relative;
        top: 45%;
        left: calc(100% - 45px);
        margin-top: -8px;
        border-color: #666;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 40px;
    }
    
}
.cirIcon {max-width:120px;}
.messRight {text-align: right;}
.messRight img{max-width: 100%;}

.mess_img{float:left;}
.mess_info{float: left;height: 77px;padding-top: 35px;padding-bottom: 15px;margin-left: 15px;}
body.large-font-size .mess_info{padding-top: 0;}
.mess_left ul li h3{color: #333333; font-size: 14px; font-weight: normal;}
body.large-font-size .mess_left ul li h4{font-size: 16px;}
body.small-font-size .mess_left ul li h4{font-size: 12px;}
.mess_left ul li span{display: block;margin-top: 10px;color: #666666; font-size:12px}
body.large-font-size .mess_left ul li span{font-size: 14px;}
body.small-font-size .mess_left ul li span{font-size: 11px;}
.mess_con>img {
    width: 430px;
    height: 430px;
    float: right;
}
.new_mess_con p{font-size:12px;color:#666;margin-top:5px;}
.mess_lica1,.mess_lica2{margin-top: 20px;}
/**/
.eBank_tag{ border-bottom:2px solid #eee; height:42px; width:100%; }
.eBank_tag ul{ float:right;}
.eBank_tag ul li{ font-size:18px; color:#333; float:left;  height:42px; line-height:42px; text-align:center; cursor:pointer;padding: 0 18px;}
.eBank_tag ul li.hover{ border-bottom:4px solid #0066b3; height:41px; color:#0066b3;}
.eBank_tag ul li.hover a{color:#0066b3;}
.eBank_show_inf {margin-top: 15px;}
.eBank_show_inf ul li{float:left;width:298px;height:50px;}
.eBank_show_inf ul li span{display: block;margin-bottom: 5px;}
.eBank_more{height: 55px;vertical-align: middle}
.eBank_more a{display: block;text-align: right;line-height: 55px;}
/********信用卡优惠start*****/
.card_tag{ border-bottom:2px solid #eee; height:42px; width:100%; }
.card_tag ul{ float:right;}
.card_tag ul li{ font-size:18px; color:#333; float:left;  height:42px; line-height:42px; text-align:center; cursor:pointer;padding: 0 18px;}
.card_tag ul li.hover{ border-bottom:4px solid #0066b3; height:41px; color:#0066b3;}
.card_tag ul li.hover a{color:#0066b3;}
.card_show_inf {margin-top: 15px;}
.card_show_inf ul li{float:left;width:298px;height:50px;}
.card_show_inf ul li span{display: block;margin-bottom: 5px;}
.card_more{height: 55px;vertical-align: middle}
.card_more a{display: block;text-align: right;line-height: 55px;}

/******感兴趣的推荐栏 start******/
.intes_info {margin-top: 20px;}
.intes_info ul img{margin-right:6px;float: left;margin-top:6px;cursor: pointer;}
.intes_info ul li{display: inline-block;height: 96px;width: 33.33%;position: relative; float: left;}
.intes_info ul:after{content: '';display: table;clear: both;}
.intes_infO_mor0{display:block;width: 186px;  height: 56px;  float: left;  padding-top:10px;cursor: pointer;}
.intes_infO_mor0 h4 a{color: #333333;font-size: 14px;width: 170px;white-space: nowrap;display: inline-block;}
.intes_infO_mor0 p{margin-top: 15px;}

/**********最新的公告栏 start************/
.message_tag{ border-bottom:2px solid #cccccc; height:44px; width:100%; }
.message_tag ul li{ font-size:18px; color:#333;font-family:Arial, Helvetica, sans-serif;  float:left;padding: 0 18px; height:45px; line-height:38px; text-align:center; cursor:pointer;padding-bottom: 3px;}
.message_tag ul li.hover{ border-bottom:4px solid #0066b3; color:#0066b3;}
.message_tag ul li.hover a{color: inherit;}
.message_tag ul{ float:left;}
.message_more a{color: #0066b3;}
/* .messgae-more a{text-decoration: underline} */
.intes_info ul li.intes_in{margin-right: 0px;}

/**/
#eBank_show01, #eBank_show02{margin-top:34px;}
.eBank_img_lf, .eBank_img_rt{display:block;line-height:1.5;width: 216px; height: 240px; float: left;text-align: center;margin-top:90px;}
.eBank_img_lf a, .eBank_img_rt a{display: block;}
.eBank_img_cent{float: left;margin:0 39px;}
.eBank_img_lf h3, .eBank_img_rt h3{font-size: 14px;margin-top: 10px;}
.eBank_img_lf h4, .eBank_img_rt h4{font-size: 14px;margin-top: 10px;}
body.small-font-size .eBank_img_lf h4,
body.small-font-size .eBank_img_rt h4 {
    font-size: 12px;
}
body.large-font-size .eBank_img_lf h4,
body.large-font-size .eBank_img_rt h4 {
    font-size: 16px;
}
.card_img_lf p, .card_img_rt p{color: #666;font-size: 12px;}

body.small-font-size .eBank_img_lf p,
body.small-font-size .eBank_img_rt p {
    font-size: 10px;
}
body.large-font-size .eBank_img_lf p,
body.large-font-size .eBank_img_rt p {
    font-size: 14px;
}

.eBank_show .w960{position: relative;}
.eBankShow01-button-prev,
.eBankShow02-button-prev{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 99;
    left: -40px;
    top: 50%;
    margin-top: -50px;
}
.eBankShow01-button-prev.swiper-button-disabled,
.eBankShow02-button-prev.swiper-button-disabled{
    background-position:-42px 50%;
}
.eBankShow01-button-next,
.eBankShow02-button-next{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 99;
    right: -40px;
    top: 50%;
    margin-top: -50px;
}
.eBankShow01-button-next.swiper-button-disabled,
.eBankShow02-button-next.swiper-button-disabled{
    background-position:-65px 50%;
}
.eBank_mobile{display: none; text-align: center;}
.eBank_mobile img{max-width: 100%;}

/* ********************信用卡优惠 start************* */
#card_show01, #card_show02{margin-top:34px;}
.card_img_lf, .card_img_rt{display:block;line-height:1.5;width: 216px; height: 240px; float: left;text-align: center;margin-top:90px;}
.card_img_lf a, .card_img_rt a{display: block;}
.card_img_cent{float: left;margin:0 39px;}
.card_img_lf h3, .card_img_rt h3{font-size: 14px;margin-top: 10px;}
.card_img_lf h4, .card_img_rt h4{font-size: 14px;margin-top: 10px;}
body.small-font-size .card_img_lf h4,
body.small-font-size .card_img_rt h4,
body.small-font-size .intes_infO_mor0 h5 a{
    font-size: 12px;
}
body.large-font-size .card_img_lf h4,
body.large-font-size .card_img_rt h4,
body.large-font-size .intes_infO_mor0 h5 a{
    font-size: 16px;
}
.card_img_lf p, .card_img_rt p{color: #666;font-size: 12px;}

body.small-font-size .card_img_lf p,
body.small-font-size .card_img_rt p,
body.small-font-size .plan_scroll ul li p{
    font-size: 10px;margin-left: 7px;
}
body.large-font-size .card_img_lf p,
body.large-font-size .card_img_rt p,
body.large-font-size .plan_scroll ul li p{
    font-size: 14px;margin-left: 7px;
}

.card_show .w960{position: relative;}
.cardShow01-button-prev,
.cardShow02-button-prev{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 99;
    left: -40px;
    top: 50%;
    margin-top: -50px;
}
.cardShow01-button-prev.swiper-button-disabled,
.cardShow02-button-prev.swiper-button-disabled{
    background-position:-42px 50%;
}
.cardShow01-button-next,
.cardShow02-button-next{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 99;
    right: -40px;
    top: 50%;
    margin-top: -50px;
}
.cardShow01-button-next.swiper-button-disabled,
.cardShow02-button-next.swiper-button-disabled{
    background-position:-65px 50%;
}
.card_mobile{display: none; text-align: center;}
.card_mobile img{max-width: 100%;}


/* 私人银行模块部分 */
.service{width: 100%;margin-bottom: 60px; position: relative; }
.service .scroll_x{width: 1016px;position: relative;margin: 0 auto;}
.service .scroll_x ul{ width: 20000px;position: absolute; top: 0;}

.service .scroll_x .itemList.priv{height: 184px;}
.service .scroll_x .itemList li{width: 310px;height: 182px;border: 1px solid #eee;margin-right: 10px;float: left;}
.service .scroll_x .itemList li>a{display:inline-block;width: 270px;height: 147px;padding: 25px 20px 10px 20px;background-position: 160px center;
    background-repeat: no-repeat;}

/*.service .scroll_w ul li{width:272px;float: left;height:148px;border: 1px solid #eeeeee;margin-right: 10px;padding: 22px 18px 10px 18px;} */
.service .scroll_x a.aleft{height: 182px;}
.service .scroll_x a.aright{height: 182px;}

.service .priv .itemList .li1{background-image: url(../../../hongkong/private/images/thumbnail/landing1.png)}
.service .priv .itemList .li2{background-image: url(../../../hongkong/private/images/thumbnail/landing2.png)}
.service .priv .itemList .li3{background-image: url(../../../hongkong/private/images/thumbnail/landing3.png)}
.service .priv .itemList .li4{background-image: url(../../../hongkong/private/images/thumbnail/landing4.jpg)}

/* 私人银行背景详情start */

.hopeBox{/*background: url(../../../hongkong/private/images/thumbnail/hopebg.png) no-repeat right center;margin-bottom:60px;*/}
.hopeBox>img{float: left;}
.hopeBox .hope_lf{width: 650px;float: left;}
.hopeBox .hope_lf li{float:left;width: 260px;height:70px;margin-right:65px;/*padding:15px 0 15px 72px;*/ background-position: left center; background-repeat: no-repeat;}
.hopeBoxNewHeight .hope_lf li{height:106px;}
body.large-font-size .hopeBoxNewHeight .hope_lf li{height:130px;}
.hopeBox .hope_lf .li1{background-image: url(../../../hongkong/private/images/icons/home_btn1.png)}
.hopeBox .hope_lf .li2{background-image: url(../../../hongkong/private/images/icons/home_btn2.png)}
.hopeBox .hope_lf .li3{background-image: url(../../../hongkong/private/images/icons/home_btn3.png)}
.hopeBox .hope_lf .li4{background-image: url(../../../hongkong/private/images/icons/home_btn4.png)}
.hopeBox .hope_lf li a{color: #333;font-size: 14px; padding: 15px 0 0 72px; display: block;}
.hopeBox .hope_lf li a:hover{color: #0066b3;}
.hopeBox .hope_lf li p{font-size: 12px;color: #666;padding-top:8px;}
body.small-font-size .hopeBox .hope_lf li a{
    font-size: 12px;
}
body.large-font-size .hopeBox .hope_lf li a {
    font-size: 16px;
}
body.small-font-size .hopeBox .hope_lf li p{
    font-size: 11px;
}
body.large-font-size .hopeBox .hope_lf li p {
    font-size: 14px;
}
/*.hopeBox {margin-top: 30px;}*/

/* 本行资料的相关的信息*/
.ab .item_show a{min-height: 120px;}
.ab .item_show h2.iceTit{font-weight: bold;}
.ab .item_show .li1{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing1.png)}
.ab .item_show .li2{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing2.png)}
.ab .item_show .li3{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing3.png)}
.ab .item_show .li4{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing4.png)}
.ab .item_show .li5{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing5.png)}
.ab .item_show .li6{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing6.png)}
.ab .item_show .li7{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing7.png)}
.ab .item_show .li8{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing8.png)}

.ab .item_show .li9{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing9.png)}
.ab .item_show .li10{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing10.png)}
.ab .item_show .li11{background-image: url(../../../hongkong/aboutus/images/thumbnail/landing11.png)}

/* 本行資料就業機會*/
.ent .item_show .li_1{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing1.jpg);}
.ent .item_show .li_2{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing2.jpg);}
.ent .item_show .li_3{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing3.jpg);}
.ent .item_show .li_4{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing4.jpg);}
.ent .item_show .li_5{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing5.jpg);}
.ent .item_show .li_6{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing6.jpg);}
.ent .item_show .li_7{background-image: url(../../../hongkong/aboutus/images/career_opportunities/thumbnail/landing7.jpg);}

/* ****新闻列表start* */
.bank_news{height: 256px;background-color: #eeeeee;padding-top: 14px;}
.ban_new_l{float: left;margin-right:22px;width:100%;}
.bank_news_box h3{font-size: 18px;color: #333333;font-family:Arial, Helvetica, sans-serif;margin-bottom: 12px;height: 18px;}
.message_more_aboutus a{font-size:14px;color:#0066b3;display:inline-block;padding-top:8px;}
.message_more_aboutus{text-align: right;}
/*.ban_new_r{float: left;width:48.8%;}*/
.bank_news_box ol li{padding:8px 0px;padding-left: 12px;font-size: 14px;border-bottom:1px solid #ddd;line-height:1.5;}
.bank_news_box ol li a.news_txt{/*display: inline-block;*/color:#333;cursor: pointer;width:100%;margin-right: 32px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.bank_news_box ol li a:hover{color:#0066b3;}
.bank_news_box ol li span.news_date{font-size:14px;font-family: Arial, Helvetica, sans-serif;color: #666; width: 78px;float: right}

/*环球投资视野新闻列表*/
.ban_new_r ul li{margin-bottom: 16px;padding-left: 12px;font-size: 14px;  }
.ban_new_r ul li a.news_txt{color:#333;cursor: pointer;width:330px;margin-right: 32px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.ban_new_r ul li a:hover{color:#0066b3;}
.ban_new_r ul li span.news_date{font-size:14px;font-family: Arial,Helvetica,sans-serif;color: #666; width: 78px;}


/* 商业银行的信息start***** */
/*商业银行*/

/*tab*/
.box{margin:0 auto;width:960px;margin-bottom:60px;margin-top:40px;}
.box .helpItem{padding:0 15px;width:930px;}
.box .helpItem li{width:280px;margin:0 15px;float: left}
.helpItem_btn{text-align:center;width:280px;height:32px;line-height:32px;background: #eee;border-radius: 4px;}
.helpItem_btn a{font-size: 16px;color:#333;}


/*改*/
.box .helpItem .help_tit{width:184px;font-size: 18px;height: 30px;line-height: 22px;padding-left: 12px;  color: #333;}
.box .helpItem .help_desc{font-size: 12px;  height: 30px;  padding-left: 12px;  color: #666;}
.box .box_img{margin-bottom:2px; }
.box .box_img dt{margin-left:60px;}

/*恒生指数*/
.portletBox{background: #EEEEEE;margin-top:40px;position: relative;z-index: 9;}
.portletBox div.port{width:800px;padding:0 50px;margin:0 auto;}
/*改*/
.portletBox a.abtn{display:block;height:120px;width:26px;overflow:hidden;background:url(../../../hongkong/personal/images/index/icons/prot.png) no-repeat 0px 50%; z-index:99999;}
.portletBox a.aleft{float:left;}
.portletBox a.aright{float:right;background-position:-30px 50%;}

/*中间*/
#portlet{
    width: 700px;
    margin-left: 15px;
    height:120px;
    padding:30px 0 28px 60px;
    background: url(../../../hongkong/personal/images/index/icons/prot_icon.png) no-repeat left center;
}
#portlet:after{content: ''; display: table; clear: both;}
#portlet .icePnlGrp{margin-right:20px;}
#portlet .icePnlGrp .iceTop{font-size: 18px;color:#333;padding-bottom:14px; line-height:18px; border-bottom:1px #ccc dashed;margin-bottom:8px;}
#portlet .icePnlGrp .iceBot{font-size:14px; }
#portlet .icePnlGrp .iceOutTxt{margin-right:12px;}
#portlet .icePnlGrp .iceOutCon{margin-right: 18px;}
/*改*/
/*index  need*/
span.ccbaArrowUp{margin-right:6px;background: url(../../../hongkong/personal/images/index/icons/arrow-up.png) no-repeat center;display: inline-block;width: 12px;height:12px;}
span.ccbaRise{color:#090;font-size: 14px;}
.iceCor{color:#666;/*font-size: 14px;width: 150px;*/width: 136px;line-height: 1.2;display: block; font-size: 0.9em;}
.iceTit{color:#333;/*font-size: 14px;*/}
.service_list .iceCor{font-size: 14px;}
.service_list .iceTit{font-size: 18px;}
.iceCor2{color:#666;/*font-size: 14px;*/}
.iceCor3{color:#333;font-size: 14px;}
/*右边*/
#portlet .ice_input{ width:223px;   height: 34px;  margin-top:8px;position: relative;}
#portlet .ice_input input{height: 32px;width: 223px;padding-left:6px;line-height:32px;border:1px solid #999;}
#portlet .ice_input a{    color: #ffffff;
    background-color: #0066b3;
    width: 65px;
    display: block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    right: 0px;
    top: 0px;}


/*商业银行服务*/
.w640{width:640px}
.w700{width:700px;}

.item_box{margin-bottom:50px;}
.item_show:after{content: ''; display: table; clear: both;}
.item_box img{float: left;margin-top:30px;}
.item_show li.item_li{margin:0 10px 10px 0;float: left; position:relative; width: calc(33.3333% - 6.667px);}
.item_show li.item_li:nth-child(3n){ margin-right: 0;}
.item_show .liCon{padding-top:12px;width:130px;}

.item_show.priv_ser{margin-top: 20px!important; }
.item_show.priv_ser li.item_li{width: calc(50% - 5px);}
.item_show.priv_ser li.item_li:nth-child(3n){ margin-right: 10px;}
.item_show.priv_ser li.item_li:nth-child(2n){ margin-right: 0px;}
.item_show.priv_ser .btn_blue {
    left: 15px;
}

/*背景图*/
.item_show .iceTit{width:136px;/*150px;*/ padding:10px 0 5px;white-space:normal}
.item_show .iceTitltP{width:160px;}
.item_show .item_li p{width: 143px;display: block;line-height: 18px;}
.item_show span.w145{width: 145px;}
.item_show .btn_blue{position:absolute;bottom:20px;}
.item_show a{background-position: 160px center;background-repeat: no-repeat}
#creditCardItemList .item_show a{background-position: 160px center;background-repeat: no-repeat; padding: 21px;}
/*商業銀行服務*/
.co .item_show {
    text-align: left;
    float: left;
}
.co .item_show li.item_li {
    width: calc(50% - 10px);
}
.co .item_show li.item_li:nth-child(2n) {
    margin-right: 0;
}
.co .item_show li.item_li:nth-child(3n) {
    margin-right: 10px;
}
.co .item_show .li1{background-image: url(../../../hongkong/commercial/images/thumbnail/landing_banner1.png);}
.co .item_show .li2{background-image: url(../../../hongkong/commercial/images/thumbnail/landing_banner2.png);}
.co .item_show .li3{background-image: url(../../../hongkong/commercial/images/thumbnail/landing_banner3.png);}
.co .item_show .li4{background-image: url(../../../hongkong/commercial/images/thumbnail/landing_banner4.png);}
.co .item_show .li5{background-image: url(../../../hongkong/commercial/images/thumbnail/merchant-management.jpg);}

/*企業銀行服務*/
.ent .item_show .li1{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_1.png);}
.ent .item_show .li2{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_2.png);}
.ent .item_show .li3{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_3.png);}
.ent .item_show .li4{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_4.png);}
.ent .item_show .li5{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_5.png);}
.ent .item_show .li6{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_6.png);}
.ent .item_show .li7{background-image: url(../../../hongkong/enterprise/images/thumbnail/menu_7.jpg);}
.ent .item_show .li8{background-image: url(../../../hongkong/commercial/images/thumbnail/merchant-management.jpg);}


/*企業銀行服務現金管理*/
.co .item_show .ca1{background-image: url(../../../hongkong/enterprise/images/thumbnail/ca1.png);}
.co .item_show .ca2{background-image: url(../../../hongkong/enterprise/images/thumbnail/ca2.png);}
.co .item_show .ca3{background-image: url(../../../hongkong/enterprise/images/thumbnail/ca3.png);}
.co .item_show .ca4{background-image: url(../../../hongkong/enterprise/images/thumbnail/ca4.png);}



/***********企業銀行***************/
.scroll_x{width:100%;margin:0 auto;position:relative; z-index: 99;}
.height408{height:408px;}
.scroll_x a.abtn{display:block;height:388px;width:21px;overflow:hidden;background:url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%; 
    z-index:99999;position: relative;}
.scroll_x .itemList{width:960px;float: left;overflow: hidden;height:580px; position: absolute;left:25px;}
.scroll_x .itemList .itemList_div{width:90000px;position:absolute;top:0;}
.scroll_x .itemList .itemList_div a:hover span{color:#0066b3}
.scroll_x .item_show{width:960px;float: left;height:388px;position:relative}
.scroll_x a.aleft{float:left; }
.scroll_x a.agrayleft{cursor:pointer;background-position:-42px 50%;}
.scroll_x a.aright{float:right;background-position:-21px 50%;}
.scroll_x a.agrayright{cursor:pointer;background-position:-65px 50%;}


/*改*/
.mess_tit_le {
    background: #0071eb/*url(../../hongkong/images/common/index_title_box.png) repeat-x*/;
    height: 30px;
    line-height: 30px;
    font-size: 14px; 
    color: #fff;
    padding-right: 20px;
    padding-left: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
}
/*.mess_tit_le:after{
    content: '';
    display: block;
    background: url(../../hongkong/images/common/index_title_box_bottom.png) repeat-x;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 100%;
}*/

/*跨境金融页面  ---  首页*/
/*banner 上面的麵包屑*/
.breadBar{height:44px;margin:0 auto;line-height: 44px;vertical-align: middle;background:#dbebf8 }
.breadBar>div{position: relative;height: 44px;display: table;padding-left: 285px;}
.bread_txt{line-height: 1;display: table-cell;vertical-align: middle;padding-left:32px;background: url(../../../hongkong/personal/images/index/icons/home.png) no-repeat left center;font-size: 14px;color:#333;}
.bread_txt a{color:#333;}
.bread_txt .fath{color:#0066b3}
.bread_txt a:focus{outline: 5px auto #0066B7;}
body.large-font-size .bread_txt{
    font-size: 15px;
}
body.small-font-size .bread_txt{
    font-size: 13px;
}
.state{width:100%; background:#eee;padding:15px 0 60px;color:#666;}
.state h4{font-size: 16px;color:#333;line-height: 30px;display: block;}
.state p{font-size: 12px;line-height: 1.75}

.warming{color: #0066b3;font-size: 12px;width:142px;line-height: 16px;display: block;}
body.large-font-size .warming{
    font-size: 13px;
}
body.small-font-size .warming{
    font-size: 11px;
}
/*跨境金融服務*/
.item_show li a {
    display: inline-block; 
    border: 1px solid #eee;
    padding: 5px 0 0 15px;
    height: 162px;
    width: 100%;
    min-width: 312px;
}
#InvItemList,#AccItemList, #rmbItemList, #rmbItemList02, #CrossItemList, #EntItemList, #InsurItemList, #InsurItemList02{height: 360px;} /*336*/
#InvItemList .swiper-slide, #AccItemList .swiper-slide, #rmbItemList .swiper-slide, #rmbItemList02 .swiper-slide, #CrossItemList .swiper-slide, #EntItemList .swiper-slide, #InsurItemList .swiper-slide, #InsurItemList02 .swiper-slide{
    height: calc((100% - 12px) / 2);
}
#privItemList .swiper-slide a, #InvItemList .swiper-slide a, #AccItemList .swiper-slide a, #rmbItemList .swiper-slide a, #rmbItemList02 .swiper-slide a, #CrossItemList .swiper-slide a, #EntItemList .swiper-slide a, #InsurItemList .swiper-slide a, #InsurItemList02 .swiper-slide a{
    display: inline-block;
    height: 162px;
    width: 100%;
    border: 1px solid #eee;
    padding: 20px 0 0 15px;
    background-position: calc(100% - 10px) 10px;
    background-repeat: no-repeat;
    text-align: left;
}
body.large-font-size #privItemList .swiper-slide a{
    height: 220px;
    padding: 0px 0 0 15px;
}
body #privItemList .swiper-slide a{
    height: 180px;
    padding: 0px 0 0 15px;
}
body.small-font-size #privItemList .swiper-slide a{
    height: 162px;
    padding: 0px 0 0 15px;
}
body.large-font-size #EntItemList .swiper-slide a{
    padding: 0px 0 0 15px;
}
.privItemList-button-prev, .InvItemList-button-prev, .AccItemList-button-prev, .rmbItemList-button-prev, .rmbItemList02-button-prev, .CrossItemList-button-prev, .EntItemList-button-prev, .InsurItemList-button-prev, .InsurItemList02-button-prev{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 9;
    left: -40px;
    top: 50%;
    margin-top: -50px;
}
.privItemList-button-prev.swiper-button-disabled, .InvItemList-button-prev.swiper-button-disabled, .AccItemList-button-prev.swiper-button-disabled, .rmbItemList-button-prev.swiper-button-disabled, .rmbItemList02-button-prev.swiper-button-disabled, 
.CrossItemList-button-prev.swiper-button-disabled, 
.EntItemList-button-prev.swiper-button-disabled, 
.InsurItemList-button-prev.swiper-button-disabled, .InsurItemList02-button-prev.swiper-button-disabled{
    background-position:-42px 50%;
}
.privItemList-button-next, .InvItemList-button-next, .AccItemList-button-next, .rmbItemList-button-next, .rmbItemList02-button-next, .CrossItemList-button-next, .EntItemList-button-next, .InsurItemList-button-next, .InsurItemList02-button-next{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 9;
    right: -40px;
    top: 50%;
    margin-top: -50px;
}
.privItemList-button-next.swiper-button-disabled, .InvItemList-button-next.swiper-button-disabled, .AccItemList-button-next.swiper-button-disabled, .rmbItemList-button-next.swiper-button-disabled, .rmbItemList02-button-next.swiper-button-disabled,
.CrossItemList-button-next.swiper-button-disabled, 
.EntItemList-button-next.swiper-button-disabled,
.InsurItemList-button-next.swiper-button-disabled, 
.InsurItemList02-button-next.swiper-button-disabled{
    background-position:-65px 50%;
}
.item_show li a:hover span, .item_show li a:hover h2, .item_show>a:hover>span{ color: #0066b3;}
.cr .itemList .item_show .li1{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing1.png);}
.cr .itemList .item_show .li2{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing2.png);}
.cr .itemList .item_show .li3{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing3.png);}
.cr .itemList .item_show .li4{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing4.png);}
.cr .itemList .item_show .li5{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing5.png);}
.cr .itemList .item_show .li6{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing6.png);}
.cr .itemList .item_show .li7{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing7.png);}
.cr .itemList .item_show .li8{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing8.png);}
.cr .itemList .item_show .li9{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/landing9.png);}
.cr .itemList .item_show .li11{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/consumer-loan-landing7.jpg);}

/*rmb首頁*/
.mess_title{height:48px;line-height: 65px;font-size: 18px;color:#666;}
.mess_right{width:960px;margin-bottom:18px;height:26px;line-height: 26px;border-bottom:1px solid #CCCCCC;}
.mess_right ul{float: right;}
.mess_right li{float: left;padding:0 16px;  height: 26px;  line-height: 24px;  text-align: center;cursor: pointer;color: #333;font-size: 16px;}
.mess_right li.hover{border-bottom: 2px solid #0066b3;color: #0066b3;}
.massage_show{padding-top:20px; }
.massage_show>p{font-size:14px;color:#666;line-height: 1.75em;/*padding-right:3px;padding-left:20px;*/}

/*人民幣服務產品*/
.rmb .item_show .li1{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing1.png);}
.rmb .item_show .li2{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing2.png);}
.rmb .item_show .li3{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing3.png);}
.rmb .item_show .li4{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing4.png);}
.rmb .item_show .li5{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing5.png);}
.rmb .item_show .li6{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing6.png);}
.rmb .item_show .li7{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing7.png);}
.rmb .item_show .li8{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing8.jpg);}
.rmb .item_show .li9{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing9.jpg);}
.rmb .item_show .li10{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing10.jpg);}
.rmb .item_show .li11{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing11.jpg);}
.rmb .item_show .li12{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing12.jpg);}
.rmb .item_show .li13{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing13.jpg);}
.rmb .item_show .li14{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing14.jpg);}
.rmb .item_show .li15{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing15.jpg);}


/*投資*/
.mess_r2{margin:0;height:30px;line-height: 30px;}
.mess_r2 li{height:30px;line-height: 30px;  }
.news_massage h4{line-height: 30px;font-size: 18px;color:#333;margin-top:6px;}
/*.massage_show>div{font-size: 14px;color:#666;line-height: 1.75em;}*/
.card_zh_info{border: 1px solid #eeeeee;margin-bottom:20px;padding:15px 20px;}
.card_zh_info p{font-size: 18px;color:#333;margin-bottom:6px;}
.card_zh_info ul li{padding-left:12px;font-size: 12px;line-height: 1.5em;font-family:Arial, Helvetica, sans-serif;color: #666 ;background: url(../../../hongkong/personal/investment/images/dian.png) no-repeat left 7px;}
body.large-font-size .card_zh_info ul li{font-size: 14px;}
body.small-font-size .card_zh_info ul li{font-size: 11px;}
body.large-font-size .card_zh_info p{font-size: 20px;}
body.small-font-size .card_zh_info p{font-size: 16px;}

.itemList .item_show .li1, #InvItemList .swiper-slide a.li1{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing1.jpg);}
.itemList .item_show .li2, #InvItemList .swiper-slide a.li2{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing2.jpg);}
.itemList .item_show .li3, #InvItemList .swiper-slide a.li3{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing3.jpg);}
.itemList .item_show .li4, #InvItemList .swiper-slide a.li4{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing4.jpg);}
.itemList .item_show .li5, #InvItemList .swiper-slide a.li5{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing5.jpg);}
.itemList .item_show .li6, #InvItemList .swiper-slide a.li6{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing6.jpg);}
.itemList .item_show .li7, #InvItemList .swiper-slide a.li7{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing7.jpg);} 
.itemList .item_show .li8{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing8.png);}
.itemList .item_show .li9{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing9.png);}
.itemList .item_show .li10{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing10.png);}
.itemList .item_show .li11{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing11.png);}
.itemList .item_show .li12{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing12.jpg);}
.itemList .item_show .li13{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing13.jpg);}
.itemList .item_show .li14{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing12.png);}
.itemList .item_show .li15{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing15.png);}
.itemList .item_show .li16{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing16.png);}
.itemList .item_show .li17{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing17.png);}
.itemList .item_show .li18{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing18.png);}
.itemList .item_show .li19{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing19.png);}
.itemList .item_show .li20, #InvItemList .swiper-slide a.li20{background-image: url(../../../hongkong/personal/investment/images/index/thumbnail/landing20.jpg);}
.itemList .item_show .li21{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_1.png);}
.itemList .item_show .li22{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_2.png);}
.itemList .item_show .li23{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_3.png);}
.itemList .item_show .li24{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_4.png);}
.itemList .item_show .li25{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_5.png);}
.itemList .item_show .li26{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_6.png);}
.itemList .item_show .li27{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_7.jpg);}
.itemList .item_show .li28{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/menu_8.jpg);}
.itemList .item_show .li29{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/fps-icon.jpg);}
.itemList .item_show .li30{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/host-to-host_icon.jpg);}
.itemList .item_show .li31{background-image: url(../../../hongkong/commercial/images/index/thumbnail/bill-payment-icon.jpg);}
.itemList .item_show .li32{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/cgf-icon.jpg);}
.itemList .item_show .li33{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/erp.jpg);}   
.itemList .item_show .li34{background-image: url(../../../hongkong/enterprise/images/index/thumbnail/edda.jpg);}   
.itemList .item_show .li37{background-image: url(../../../hongkong/personal/crossborder_services/images/index/thumbnail/csi.jpg);} 
                    
/*==================== RMB index ====================*/
.rmb .itemList .item_show .li1{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing1.png);}
.rmb .itemList .item_show .li2{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing2.png);}
.rmb .itemList .item_show .li3{background-image: url(../../../hongkong/images/personal/rmb/landing3.jpg);}
.rmb .itemList .item_show .li4{background-image: url(../../../hongkong/images/personal/rmb/landing4.jpg);}
.rmb .itemList .item_show .li5{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing5.png);}
.rmb .itemList .item_show .li6{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing6.png);}
.rmb .itemList .item_show .li7{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing7.png);}
.rmb .itemList .item_show .li8{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing8.jpg);}
.rmb .itemList .item_show .li9{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing9.jpg);}
.rmb .itemList .item_show .li10{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing10.jpg);}
.rmb .itemList .item_show .li11{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing11.jpg);}
.rmb .itemList .item_show .li12{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing12.jpg);}
.rmb .itemList .item_show .li13{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing13.jpg);}
.rmb .itemList .item_show .li14{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing14.jpg);}
.rmb .itemList .item_show .li15{background-image: url(../../../hongkong/personal/rmb/images/index/thumbnail/landing15.jpg);}

/*戶口服務產品*/
.ac .item_show .li1{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing1.jpg);}
.ac .item_show .li2{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing2.png);}
.ac .item_show .li3{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing3.png);}
.ac .item_show .li4{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing4.jpg);}
.ac .item_show .li5{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing5.png);}
.ac .item_show .li6{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing6.png);}
.ac .item_show .li7{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing7.png);}
.ac .item_show .li8{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing8.png);}
.ac .item_show .li9{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing9.png);}
.ac .item_show .li10{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing10.png);}
.ac .item_show .li11{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing11.png);}
.ac .item_show .li12{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing12.png);}
.ac .item_show .li13{background-image: url(../../../hongkong/personal/accounts/images/safe_deposit_box/safe-deposit-box.jpg);}
.ac .item_show .li14{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing14.jpg);}
.ac .item_show .li15{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing15.jpg);}
.ac .item_show .li16{background-image: url(../../../hongkong/personal/accounts/images/index/thumbnail/landing16.jpg);}
/*貸款*/
/*列表1*/
.loa1{background: url(../../../hongkong/personal/loans/images/index/thumbnail/loa_bg.png) no-repeat right center;margin-bottom:50px;}
.loa1 .item_show .li1{background-image: url(../../../hongkong/personal/loans/images/landing1.png);}
.loa1 .item_show .li2{background-image: url(../../../hongkong/personal/loans/images/landing2.png);}
.loa1 .item_show .li3{background-image: url(../../../hongkong/personal/loans/images/landing3.png);}
.loa1 .item_show .li4{background-image: url(../../../hongkong/personal/loans/images/landing4.png);}

/*列表2*/
.loa2{background: url(../../../hongkong/personal/loans/images/itembg.png) no-repeat right center;margin-bottom:50px;}
.loa2 .item_show .li5{background-image: url(../../../hongkong/personal/loans/images/landing5.png);}
.loa2 .item_show .li6{background-image: url(../../../hongkong/personal/images/index/thumbnail/mess5.png);}
.loa2 .item_show .li7{background-image: url(../../../hongkong/personal/loans/images/landing7.jpg);}
.loa2 .item_show .li8{background-image: url(../../../hongkong/personal/loans/images/landing8.jpg);}

.dakai_zh_info{font-weight:bold; margin:0 auto;padding-right:20px; /*border: 1px solid #999;text-align: right;*/line-height: 1.5em;font-size: 1em;color: #0071eb;margin-bottom: 60px;}

/*保險*/
.ins .item_show .li1, #InsurItemList02 .swiper-slide a.li1{background-image: url(../../../hongkong/personal/insurance/images/landing1.png);}
.ins .item_show .li2, #InsurItemList .swiper-slide a.li2{background-image: url(../../../hongkong/personal/insurance/images/landing2.jpg);}
.ins .item_show .li3, #InsurItemList .swiper-slide a.li3{background-image: url(../../../hongkong/personal/insurance/images/landing3.png);}
.ins .item_show .li4, #InsurItemList .swiper-slide a.li4{background-image: url(../../../hongkong/personal/insurance/images/landing4.png);}
.ins .item_show .li5, #InsurItemList .swiper-slide a.li5{background-image: url(../../../hongkong/personal/insurance/images/landing5.png);}
.ins .item_show .li6, #InsurItemList .swiper-slide a.li6{background-image: url(../../../hongkong/personal/insurance/images/landing6.png);}
.ins .item_show .li7, #InsurItemList02 .swiper-slide a.li7{background-image: url(../../../hongkong/personal/images/index/thumbnail/mess9.png);}
.ins .item_show .li8, #InsurItemList .swiper-slide a.li8{background-image: url(../../../hongkong/personal/insurance/images/landing8.jpg);}
.ins .item_show .li9, #InsurItemList .swiper-slide a.li9{background-image: url(../../../hongkong/personal/insurance/images/landing9.jpg);}
.ins .item_show .li10, #InsurItemList .swiper-slide a.li10{background-image: url(../../../hongkong/personal/insurance/images/landing10.jpg);}
.ins .item_show .li11, #InsurItemList .swiper-slide a.li11{background-image: url(../../../hongkong/personal/insurance/images/landing11.jpg);}
.ins .item_show .li12, #InsurItemList .swiper-slide a.li12{background-image: url(../../../hongkong/personal/insurance/images/landing12.jpg);}
.ins .item_show .li13, #InsurItemList02 .swiper-slide a.li13{background-image: url(../../../hongkong/personal/insurance/images/landing13.png);}
.ins .item_show .li14, #InsurItemList02 .swiper-slide a.li14{background-image: url(../../../hongkong/personal/insurance/images/landing14.jpg);}
.ins .item_show .li15, #InsurItemList02 .swiper-slide a.li15{background-image: url(../../../hongkong/personal/insurance/images/landing15.jpg);}
.ins .item_show .li16, #InsurItemList02 .swiper-slide a.li16{background-image: url(../../../hongkong/personal/insurance/images/landing16.jpg);}
.ins .item_show .li17, #InsurItemList02 .swiper-slide a.li17{background-image: url(../../../hongkong/personal/insurance/images/landing17.jpg);}
.ins .item_show .li18, #InsurItemList02 .swiper-slide a.li18{background-image: url(../../../hongkong/personal/insurance/images/openapi.jpg);}
/*電子銀行*/
/*部分一*/
.bank_list{margin-top: 60px;margin-bottom: 40px; position: relative; z-index: 9;}
.bank_list_info:after{content:''; display: table; clear: both;}
.bank_list_info span{width: calc(33.3333% - 12px);float: left;padding-left: 70px;padding-top: 16px;margin-right: 18px;margin-bottom: 24px;} /*height: 84px;*/
.bank_list_info span:nth-child(3n){margin-right: 0;}
.bank_list_info .list1{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing1.png) no-repeat left center}
.bank_list_info .list2{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing2.png) no-repeat left center}
.bank_list_info .list3{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing3.png) no-repeat left center}
.bank_list_info .list4{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing4.png) no-repeat left center}
.bank_list_info .list5{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing5.png) no-repeat left center}
.bank_list_info .list6{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing6.png) no-repeat left center}
.bank_list_info .list7{background: url(../../../hongkong/personal/banking_channels/images/index/icons/landing7.png) no-repeat left center}
.bank_list_info .list8{background: url(../../../hongkong/personal/banking_channels/images/index/icons/fps-icon.jpg) no-repeat left center;}
.bank_list_info .list9{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev3.png) no-repeat left center;}
.bank_list_info .list10{background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/stm-icon.png) no-repeat left center;}
.bank_list_info .list11{background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/eaccount.png) no-repeat left center;}
.bank_list_info .list12{background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/jetco-icon.png) no-repeat left center;}
.bank_list_info .list13{background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/dragonhkpay-icon.jpg) no-repeat left center;}
.bank .item_show .li1{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon01.jpg);}
.bank .item_show .li2{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon02.jpg);}
.bank .item_show .li3{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon03.jpg);}
.bank .item_show .li4{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon04.jpg);}
.bank .item_show .li5{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon05.jpg);}
.bank .item_show .li6{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon06.jpg);}
.bank .item_show .li7{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon07.jpg);}
.bank .item_show .li8{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon08.jpg);}
.bank .item_show .li9{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon09.jpg);}
.bank .item_show .li10{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon10.jpg);}
.bank .item_show .li11{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon11.jpg);}
.bank .item_show .li12{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/icon12.jpg);}

.bank_list_info span a{color: #333333;font-size: 14px;}
.bank_list_info span  p{font-size: 12px;color:#666666;font-family:Arial, Helvetica, sans-serif;margin-top: 6px;  }


/*部分二*/
.item_list {margin-bottom: 40px;}
.bank_ifo a.abtn{height: 270px;}
.bank_ifo_img{width:960px;margin:0 auto;float: left;overflow: hidden;height: 270px;}
.bank_ifo_box li{float: left;margin-bottom: 0px;margin-right: 175px;margin-top: 20px;font-size: 14px;color: #666666;text-align: center;}
.bank_ifo_box:after{content: ''; display: table; clear: both;}
.bank_ifo_box .ifo-show-f{margin-right: 50px;}
.bank_ifo_box .ifo-show-r{margin-left: 50px;}
.bank_ifo_box a{display: inline-block}
.bank_ifo_box  img{margin-bottom: 6px;}

body.small-font-size .bank_list_info span a,
body.small-font-size .bank_ifo_box li p { font-size: 12px;}

body.small-font-size .bank_list_info span p { font-size: 10px;}

body.large-font-size .bank_list_info span a,
body.large-font-size .bank_ifo_box li p { font-size: 16px;}

body.large-font-size .bank_list_info span p { font-size: 14px;}

/*部分三*/
.line_bank{margin-bottom: 40px;}
.line_bank_tit{ font-size: 0;margin-top: 20px;}
.line_bank_tit span{color:#fff;font-size: 16px;line-height: 40px;vertical-align: middle;padding: 0 20px 0 40px;display: inline-block;height: 40px;border-radius: 4px;}


.line_bank_tab{ border-bottom:1px solid #eee; height:42px; width:100%; text-align: center; }
.line_bank_tab ul{ float:right;}
.line_bank_tab ul.bankPrivil{ float:none!important;  width: fit-content; margin: 0 auto;display: inline-block;justify-content: center !important;}
.line_bank_tab ul li{ font-size:18px; color:#333; float:left; height:42px; line-height:42px;cursor:pointer;margin-left: 10px;padding: 0 18px;}
.line_bank_tab ul li.hover{ border-bottom:4px solid #0066b3; height:41px; color:#0066b3;}
/* .line_bank_tit img{margin-top: 2px;} */
.line_bank_tit .line_1{background:#0066b3 url(../../../hongkong/personal/banking_channels/images/index/icons/ico3.png) no-repeat  12px center;}
.line_bank_tit .line_2{background:#0066b3 url(../../../hongkong/personal/banking_channels/images/index/icons/ico4.png) no-repeat  12px center;}

/*保安提示*/
.online_security .item_show .li1{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing1.jpg);}
.online_security .item_show .li2{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing2.jpg);}
.online_security .item_show .li3{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing3.jpg);}
.online_security .item_show .li4{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing4.jpg);}
.online_security .item_show .li5{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing5.jpg);}
.online_security .item_show .li6{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing6.jpg);}
.online_security .item_show .li7{background-image: url(../../../hongkong/personal/online_security/images/index/thumbnail/landing7.jpg);}
.online_security .item_show .li8{background-image: url(../../../hongkong/images/personal/online_security/landing8.html);}
.online_security .item_show .li9{background-image: url(../../../hongkong/images/personal/online_security/landing9.html);}


/* 优惠的汇率start******* */
.line_show{overflow-x: auto;}

.line_box {margin-top: 15px;color:#666;min-width: 900px; width: 100%;}
.line_box  ul li{height: 60px;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.line_box  ul.icon_left5 li{height: auto;border:none;}
.large-ont-size .line_box  ul li{height: 85px;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.line_box  ul li span{float:left;height: 60px;width:25%; text-align: center;line-height: 60px; font-family:Arial, Helvetica, sans-serif;}
.line_box  ul.fiveColumn li span{width: 20%;}
.line_box  ul li span.lihgh{line-height: 28px;}
.line_box  ul li span.lix-mi{width: 240px;}
.line_box  ul li span.lix_no{line-height: 23px; position: relative; top: 8px;}
.line_box  ul li span.lix_mi .mi-tle{height: 40px;margin-top: 10px;width: 142px;margin-left: 42px;line-height: 20px;}
.line_box  ul li span.lix_mi  i{font-style: normal;color:#0066b3; }
.line_box  ul li span.lix_mi a{text-decoration: underline;}
.line_box  ul li span.lix_xi{width: 158px;line-height: 0px;}
.line_box  ul li span.lix_xx{width: 158px;line-height: 60px;}
.line_box  ul li span.lix_xi a{cursor: pointer;display: block;width: 110px;height: 32px;margin-left: 35px;margin-top: 15px;background-color: #0066b3;line-height: 32px;color: #fff;border-radius: 4px;}
.line_box_lo1{background-color: #dddddd;color:#333;}
.colorNum {
    color: #0066b3;
}
/*.tableSep {
    border-bottom: solid 1px #eee;
}
.onlineBankingPromo_table {
    border: solid 1px #eee;
    width: 100%;
    min-width: 800px;
}
.onlineBankingPromo_table tr:first-child td {
    background-color: #ddd;
}
.onlineBankingPromo_table tr td {
    padding: 15px 30px;
    text-align: center;
    font-size: 1em;
    width: 26%;
    box-sizing: border-box;
}*/

 
/* 服务示范start ****************/
.line-seve{margin-bottom: 40px;}
.line_ser_box{margin-top: 20px;height: 330px;background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/sevbg.png) no-repeat right center; }
.line_ser_box .line_info{width: 635px;}
.line_ser_box .mobile>img{max-width: 100%;}
.line_ser_box .line_info:after{content: ''; display: table; clear: both;}
.line_info span{float: left;width: calc(50% - 5px);height:84px;padding-left: 74px;padding-top: 10px;margin-bottom:20px;margin-right: 10px;}
.line_info span:nth-child(2n){margin-right: 0;}
.bank .line_info span.line_a1{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev1.png) no-repeat left center;}
.bank .line_info span.line_a2{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev2.png) no-repeat left center;}
.bank .line_info span.line_a3{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev3.png) no-repeat left center;}
.bank .line_info span.line_a4{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev4.png) no-repeat left center;}
.bank .line_info span.line_a5{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev5.png) no-repeat left center;}
.bank .line_info span.line_a6{background: url(../../../hongkong/personal/banking_channels/images/index/icons/sev6.png) no-repeat left center;}


.line_info span a{color: #333; line-height: 2.0;display: block;}
.line_info span p{color: #666;font-size: 12px;width: 190px;}
body.small-font-size .line_info span p {font-size: 10px;}
body.large-font-size .line_info span p {font-size: 14px;}
/* 安全服務之輪播圖start******* */
.line_seauct .w960{position: relative;}
.line_seauct{ width:100%; overflow:hidden; margin:0 auto; position:relative; z-index:9;}
.line_seauct .scroll_x .abtn {height: 140px;}
.scroll_x .bank_item_list{position: absolute;left:28px;width:960px;height: 140px;border: none;float: left;overflow: hidden;}
.bank_item_list .bank_item_div{position:absolute;left:0;}
.bank_item_div{width:90000px;}
.line_seauct .bank_item_show{ width: 960px; float: left;position: relative;height: 140px;}
.line_seauct .bank_item_show>ul li{position:relative;float: left;width: calc(33.3333% - 8px); height: 138px;border: 1px solid #eeeeee;margin-right: 12px;margin-top: 0px;padding: 0 18px;}
.line_seauct .bank_item_show .li3,.line_seauct .bank_item_show .li6{margin-right: 0px;}

.line_seauct .bank_item_show h4, .bank_item h4, .bank_item h3, .bank_item h2{text-align: left;font-size: 14px;color: #333;width: fit-content; padding: 16px 18px 8px 0;}
body.large-font-size .line_seauct .bank_item_show h4, body.large-font-size .bank_item h4{font-size: 15px;}
body.small-font-size .line_seauct .bank_item_show h4, body.small-font-size .bank_item h4{font-size: 12px;}
.line_seauct .bank_item_show p, .bank_item p{width: fit-content/*155px*/;text-align:left;font-size: 12px;color:#666;line-height: 1.2;}
body.large-font-size .line_seauct .bank_item_show p, body.large-font-size .bank_item p{font-size: 14px;}
body.small-font-size .line_seauct .bank_item_show p, body.small-font-size .bank_item p{font-size: 11px;}
body.large-font-size .bank_item a{font-size: 15px;}
.line_seauct .bank_item_show a, .bank_item a {
    display: block;
    text-align: left;
    position: absolute;
    left: 18px;
    bottom: 5px;
    color: #0066b3;
}
/*creditCard*/
#creditCardItemList .swiper-slide{width: calc(20% - 8px);border: 1px solid #eeeeee; margin-right: 12px; margin-top: 0!important;}
.creditCardItemList-button-prev{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 99999;
    left: -40px;
    top: 44px;
}
.creditCardItemList-button-prev.swiper-button-disabled{
    background-position:-42px 50%;
}
.creditCardItemList-button-next{
    cursor: pointer;
      position: relative; 
    /* position: absolute; */ 
    display: block;
    height: 174px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 99999;
        float: right;
    top: -174px;
    right: -40px;
   /* z-index: 9;
     
    top: 20px;*/
}
.creditCardItemList-button-next.swiper-button-disabled{
    background-position:-65px 50%;
}

/*bankItem*/
.desktopDisplay { display: block;}
.mobileDisplay { display: none; }
#ebankingSP_collapse .show ul {
    display: inline-block;
    overflow: hidden;
}
#ebank_investGroup, #ebank_insuranceGroup, #ebank_ebankingGroup {display: flex;}
#ebank_investGroup_m, #ebank_insuranceGroup_m, #ebank_ebankingGroup_m { display: none;}

 #bankItemList .swiper-slide, #bankItemList02 .swiper-slide, #bankItemList03 .swiper-slide, #bankItemList04 .swiper-slide, #bankItemList05 .swiper-slide, #bankItemList_video .swiper-slide, #online_bankItemList .swiper-slide, #online_bankItemList02 .swiper-slide, #mobile_bankItemList .swiper-slide {
        border: 1px solid #eeeeee; border-radius: 5px;
    }
/*#bankItemList .swiper-slide{width: calc(24.8% - 13px)!important;border: 1px solid #eeeeee; border-radius: 5px;}
#bankItemList02 .swiper-slide{width: calc(24.8% - 13px)!important;border: 1px solid #eeeeee; border-radius: 5px;}*/
.bank_item {position: relative;height: 256px;margin-top: 0px;padding: 125px 18px 0;}
#bankItemList .bank_item, #bankItemList02 .bank_item, #online_bankItemList .bank_item, #online_bankItemList02 .bank_item, #mobile_bankItemList .bank_item {    
    position: relative;
    height: 276px;
    margin-top: 0px;
    padding: 53% 18px 30%;
}
@media all and (max-width:1125px) {
    #mobile_bankItemList .bank_item {    
        position: relative;
        height: 296px;
        margin-top: 0px;
        padding: 53% 18px 30%;
    }
}
#bankItemList03 .bank_item, #bankItemList04 .bank_item, #bankItemList05 .bank_item {position: relative; height: auto; height: fit-content; margin-top: 0px; padding: 120px 18px 0;}
.swiper-slide .bank_item,.bank .bank_item_show .li8{background-repeat: no-repeat;background-position: left top; background-size: 100%;border-radius: 8px;}
.swiper-slide .bank_item.li1{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner1.png);}
.swiper-slide .bank_item.li2{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner2.png);}
.swiper-slide .bank_item.li3{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner3.png);}
.swiper-slide .bank_item.li4{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner4.png);}
.swiper-slide .bank_item.li5{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner5.png);}
.swiper-slide .bank_item.li6{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner6.png);}
.swiper-slide .bank_item.li7{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner7.png);}
.swiper-slide .bank_item.li8{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner8.png);}
/**/
.swiper-slide .bank_item.li10{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner10.png);}
.swiper-slide .bank_item.li11{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner11.png);}
.swiper-slide .bank_item.li12{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner12.png);}
.swiper-slide .bank_item.li13{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner13.png);}
.swiper-slide .bank_item.li14{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner14.png);}
.swiper-slide .bank_item.li15{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner15-1.png);}
.swiper-slide .bank_item.li16{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner16.png);}
.swiper-slide .bank_item.li17{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner17.png);}
.swiper-slide .bank_item.li18{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner18.png);}
.swiper-slide .bank_item.li19{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner19.png);}
.swiper-slide .bank_item.li20{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner20.png);}
.swiper-slide .bank_item.li21{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner21.png);}
.swiper-slide .bank_item.li22{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner22.png);}
.swiper-slide .bank_item.li23{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner23.png);}
.swiper-slide .bank_item.li24{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner24.png);}
/**/

#bankItemList03 .bank_item a, #bankItemList04 .bank_item a, #bankItemList05 .bank_item a { position: relative; left: 0;}
.swiper-slide .bank_item.li31, .swiper-slide .bank_item.li32, .swiper-slide .bank_item.li33, .swiper-slide .bank_item.li34, .swiper-slide .bank_item.li35, .swiper-slide .bank_item.li36 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.swiper-slide .bank_item.li31{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner1.png);}
.swiper-slide .bank_item.li32{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner2.png);}
.swiper-slide .bank_item.li33{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner3.png);}
.swiper-slide .bank_item.li34{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner4.png);}
.swiper-slide .bank_item.li35{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner5.png);}
.swiper-slide .bank_item.li36{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner6.png);}

.swiper-slide .bank_item.li41, .swiper-slide .bank_item.li42, .swiper-slide .bank_item.li43 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.swiper-slide .bank_item.li41{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner7.png);}
.swiper-slide .bank_item.li42{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner8.png);}
.swiper-slide .bank_item.li43{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner9.png);}

.swiper-slide .bank_item.li51, .swiper-slide .bank_item.li52, .swiper-slide .bank_item.li53, .swiper-slide .bank_item.li54, .swiper-slide .bank_item.li55, .swiper-slide .bank_item.li56 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.swiper-slide .bank_item.li51{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner10.png);}
.swiper-slide .bank_item.li52{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner11.png);}
.swiper-slide .bank_item.li53{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner12.png);}
.swiper-slide .bank_item.li54{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner13.png);}
.swiper-slide .bank_item.li55{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner14.png);}
.swiper-slide .bank_item.li56{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner15.png);}

/* online banking */
.swiper-slide .bank_item.li1_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_01.png);}
.swiper-slide .bank_item.li2_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_02.png);}
.swiper-slide .bank_item.li3_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_03.png);}
.swiper-slide .bank_item.li4_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_04.png);}
.swiper-slide .bank_item.li5_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_05.png);}
.swiper-slide .bank_item.li6_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_06.png);}
.swiper-slide .bank_item.li7_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_07.png);}
.swiper-slide .bank_item.li8_online{background-image: url(../../../hongkong/personal/banking_channels/images/online_banking/landing_banner_08.png);}

/* mobile banking */
.swiper-slide .bank_item.li1_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_01.png);}
.swiper-slide .bank_item.li2_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_02-1.png);}
.swiper-slide .bank_item.li3_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_03.png);}
.swiper-slide .bank_item.li4_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_04.png);}
.swiper-slide .bank_item.li5_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_05.png);}
.swiper-slide .bank_item.li6_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_06.png);}
.swiper-slide .bank_item.li7_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_07.png);}
.swiper-slide .bank_item.li8_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_08.png);}
.swiper-slide .bank_item.li9_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_09.png);}
.swiper-slide .bank_item.li10_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_10.png);}
.swiper-slide .bank_item.li11_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_11.png);}
.swiper-slide .bank_item.li12_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/mobile-banking/landing_banner_12.png);} 
.swiper-slide .bank_item.li13_mobile{background-image: url(../../../hongkong_tc/personal/banking_channels/images/index/thumbnail/landing_banner_13.png);}
.swiper-slide .bank_item.li14_mobile{background-image: url(../../../hongkong_sc/personal/banking_channels/images/index/thumbnail/landing_banner_14.png);}    
.swiper-slide .bank_item.li15_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_15.png);}
.swiper-slide .bank_item.li16_mobile{background-image: url(../../../hongkong_tc/personal/banking_channels/images/index/thumbnail/landing_banner_16.jpg);}
.swiper-slide .bank_item.li17_mobile{background-image: url(../../../hongkong_sc/personal/banking_channels/images/index/thumbnail/landing_banner_17.jpg);}
.swiper-slide .bank_item.li18_mobile{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_18.jpg);}              
/*-------------------------------------------------------*/
/* overwrite bootstrap */
#stm_m .carousel-indicators {
    position: absolute;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: none; 
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0; 
    list-style: none;
    text-align: center;
	height: auto;
    height: fit-content;
}


#stm_m .carousel-indicators li {
     padding-top: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
	height: auto;
    height: fit-content;
    margin-right: 0;
    margin-left: 0;
   text-indent: 0; 
    cursor: pointer;
    background-clip: border-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    color: #333;
    opacity: 1;
    transition: opacity 0.6s ease;
    box-sizing: border-box;
}
#stm_m .carousel-indicators .active {
     padding-top: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
	height: auto;
    height: fit-content;
    margin-right: 0;
    margin-left: 0;
   text-indent: 0; 
    cursor: pointer;
    background-color: #F4F4F4;
    background-clip: border-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    color: #0060B0;
    opacity: 1;
    transition: opacity 0.6s ease;
    box-sizing: border-box;
}
#stm_m .carousel-indicators li::after  {
    content: ' ';
    width: 18px;
    height: 18px;
    background: none;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 10px;
}
#stm_m .carousel-indicators .active::after  {
    content: ' ';
    width: 18px;
    height: 18px;
    background: url("../../../hongkong/personal/images/index/icons/ico_dot_06.gif") no-repeat right;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 10px;
}
/**/

#ebank_investGroup_m .carousel-indicators,
#ebank_insuranceGroup_m .carousel-indicators,
#ebank_ebankingGroup_m .carousel-indicators {
    position: absolute;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: none; 
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0; 
    list-style: none;
    text-align: center;
}


#ebank_investGroup_m .carousel-indicators li,
#ebank_insuranceGroup_m .carousel-indicators li,
#ebank_ebankingGroup_m .carousel-indicators li {
     padding-top: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
	height: auto;
    height: fit-content;
    margin-right: 0;
    margin-left: 0;
   text-indent: 0; 
    cursor: pointer;
    background-color: transparent;
    background-clip: border-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    color: #333;
    opacity: 1;
    transition: opacity 0.6s ease;
    box-sizing: border-box;
}
#ebank_investGroup_m .carousel-indicators .active,
#ebank_insuranceGroup_m .carousel-indicators .active,
#ebank_ebankingGroup_m .carousel-indicators .active {
     padding-top: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
	height: auto;
    height: fit-content;
    margin-right: 0;
    margin-left: 0;
   text-indent: 0; 
    cursor: pointer;
    background-color: #F4F4F4;
    background-clip: border-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    color: #0060B0;
    opacity: 1;
    transition: opacity 0.6s ease;
    box-sizing: border-box;
}
#ebank_investGroup_m .carousel-indicators li::after,
#ebank_insuranceGroup_m .carousel-indicators li::after,
#ebank_ebankingGroup_m .carousel-indicators li::after {
    content: ' ';
    width: 18px;
    height: 18px;
    background: none;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 10px;
}
#ebank_investGroup_m .carousel-indicators .active::after,
#ebank_insuranceGroup_m .carousel-indicators .active::after,
#ebank_ebankingGroup_m .carousel-indicators .active::after {
    content: ' ';
    width: 18px;
    height: 18px;
    background: url("../../../hongkong/personal/images/index/icons/ico_dot_06.gif") no-repeat right;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 10px;
}

#ebank_investGroup_m .carousel-control-prev, #ebank_investGroup_m .carousel-control-next,
#ebank_insuranceGroup_m .carousel-control-prev, #ebank_insuranceGroup_m .carousel-control-next
#ebank_ebankingGroup_m .carousel-control-prev, #ebank_ebankingGroup_m .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 999; 
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: none;
    width: 12%;
}
#ebank_investGroup_m .carousel-control-prev, #ebank_insuranceGroup_m .carousel-control-prev, #ebank_ebankingGroup_m .carousel-control-prev { left: -32px; }
#ebank_investGroup_m .carousel-control-next, #ebank_insuranceGroup_m .carousel-control-next, #ebank_ebankingGroup_m .carousel-control-next { right: -32px; }

.mobile #ebank_investGroup_m .carousel-control-prev, .mobile #ebank_insuranceGroup_m .carousel-control-prev { left: -10px; }
.mobile #ebank_ebankingGroup_m .carousel-control-prev { left: -15px; }
.mobile #ebank_investGroup_m .carousel-control-next, .mobile #ebank_ebankingGroup_m .carousel-control-next { right: -10px; }
.mobile #ebank_insuranceGroup_m .carousel-control-next{
    right: -14px;
}

#ebank_investGroup_m .carousel-control-prev-icon,
#ebank_insuranceGroup_m .carousel-control-prev-icon,
#ebank_ebankingGroup_m .carousel-control-prev-icon{
     display: inline-block;
    height: 100px;
    width: 21px;
    background-image:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png);
    background:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0 50%;
    border-radius: 5px;
}
#ebank_investGroup_m .carousel-control-next-icon, 
#ebank_insuranceGroup_m .carousel-control-next-icon,
#ebank_ebankingGroup_m .carousel-control-next-icon {
     display: inline-block;
    height: 100px;
    width: 21px;
    background-image:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png);
    background:rgba(255,255,255,0.8)  url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat -21px 50%;
    border-radius: 5px;
}
/* end - overwrite bootstrap*/
.bank_item.li31, .bank_item.li32, .bank_item.li33, .bank_item.li34, .bank_item.li35, .bank_item.li36 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.bank_item.li31{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner1.png);}
.bank_item.li32{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner2.png);}
.bank_item.li33{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner3.png);}
.bank_item.li34{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner4.png);}
.bank_item.li35{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner5.png);}
.bank_item.li36{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner6.png);}

.bank_item.li41, .bank_item.li42, .bank_item.li43 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.bank_item.li41{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner7.png);}
.bank_item.li42{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner8.png);}
.bank_item.li43{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner9.png);}

.bank_item.li51, .bank_item.li52, .bank_item.li53, .bank_item.li54, .bank_item.li55, .bank_item.li56 { background-repeat: no-repeat;background-position: right 30px; background-size: 50%!important; }
.bank_item.li51{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner10.png);}
.bank_item.li52{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner11.png);}
.bank_item.li53{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner12.png);}
.bank_item.li54{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner13.png);}
.bank_item.li55{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner14.png);}
.bank_item.li56{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner15.png);}
/**/



/* video item */
.videolinkcopy {
    border-radius: 0;
    border: solid 1px #000;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

/*#bankItemList_video .swiper-slide{width: calc(24.8% - 16px)!important; border: 1px solid #eeeeee; border-radius: 5px;}*/
#bankItemList_video .bank_item {position: relative;height: 200px;margin-top: 0px;padding: 110px 18px 0; background-size: contain;}
.swiper-slide .bank_item.li_v01{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v01.png);}
.swiper-slide .bank_item.li_v02{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v02.png);}
.swiper-slide .bank_item.li_v03{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v03.png);}
.swiper-slide .bank_item.li_v04{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v04.png);}
.swiper-slide .bank_item.li_v05{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v05.png);}
.swiper-slide .bank_item.li_v06{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v06.png);}
.swiper-slide .bank_item.li_v07{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v07.png);}
.swiper-slide .bank_item.li_v08{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v08.png);}
.swiper-slide .bank_item.li_v09{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v09.png);}
.swiper-slide .bank_item.li_v10{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v10.png);}
.swiper-slide .bank_item.li_v11{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v11.png);}
.swiper-slide .bank_item.li_v12{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v12.png);}
.swiper-slide .bank_item.li_v13{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v13.png);}
.swiper-slide .bank_item.li_v14{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v14.png);}
.swiper-slide .bank_item.li_v15{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v15.png);}
.swiper-slide .bank_item.li_v16{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v16.png);}
.swiper-slide .bank_item.li_v17{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v17.png);}
.swiper-slide .bank_item.li_v18{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v18.png);}
.swiper-slide .bank_item.li_v19{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v19.png);}
.swiper-slide .bank_item.li_v20{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v20.png);}
.swiper-slide .bank_item.li_v21{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner_v21.png);}
/**/
.bank .bank_item_show .li8{background-image: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/landing_banner8.jpg);}
.bankItemList-button-prev, 
.bankItemList02-button-prev,
.bankItemList_video-button-prev,
.online_bankItemList-button-prev,
.online_bankItemList02-button-prev,
.mobile_bankItemList-button-prev {
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 9;
    left: -40px;
    top: 20px;
}
.bankItemList-button-prev.swiper-button-disabled,
.bankItemList02-button-prev.swiper-button-disabled,
.bankItemList_video-button-prev.swiper-button-disabled,
.online_bankItemList-button-prev.swiper-button-disabled, 
.online_bankItemList02-button-prev.swiper-button-disabled,
.mobile_bankItemList-button-prev.swiper-button-disabled {
    background-position:-42px 50%;
}
.bankItemList-button-next,
.bankItemList02-button-next,
.bankItemList_video-button-next,
.online_bankItemList-button-next,
.online_bankItemList02-button-next,
.mobile_bankItemList-button-next {
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 9;
    right: -40px;
    top: 20px;
}
.bankItemList-button-next.swiper-button-disabled,
.bankItemList02-button-next.swiper-button-disabled,
.bankItemList_video-button-next.swiper-button-disabled,
.online_bankItemList-button-next.swiper-button-disabled,
.online_bankItemList02-button-next.swiper-button-disabled,
.mobile_bankItemList-button-next.swiper-button-disabled {
    background-position:-65px 50%;
}
.item_show {
    text-align: left;
    display: inline-block;
    min-height: 174px;
    margin-top: 0!important;
}
.scroll_li ul li.item_li{
    list-style: none;
    list-style-type: none;
}
.imgService01 {
    width: 270px;
}
.imgService02 {
    width: 340px;
}
a.commonBlueLink {
    color:#0066b3;
}
.greyFrame {
    border: solid 1px #eee;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.greyFrame_inner {
    padding: 20px;
    box-sizing: border-box;
}
    .greyFrame .collapse, .collapsing { /*overwrite common.css*/
        position: relative;
        width: 100%;
        left: 0;
        z-index: 9999;
        background: #fff;
        top: 0;
        border-top: none;
    }
.ebank_video {
    display: inline-block;
    clear: both;
    /*max-width: 680px;*/
}
.videoInfo {
    display: inline-block;
    margin-bottom: 60px;
    max-width: calc(100% - 600px);
    margin-right: 20px;
    clear: both;
    vertical-align: top;
}
.vidDate {
    color: #666;
}
.videoName {
    color: #0060B0;
    font-size: 1.2em;
}
.videoEmbedCol {
    float: right;
    display: inline-block;
    width: 61%;
    height: 315px;
    margin-bottom: 0;
}
    .videoEmbedCol iframe {
        width: 100%;
        height: 100%;
    }

.videoDocCol {
    display: inline-block;
    float: left;
}
input.utubecopy {
    margin-top: 10px;
    color: #000;
    border: none;
    position: absolute;
    left: -99999999px;
}

a.pdfDocLink {
    text-decoration: none;
    background: url(../../../hongkong/personal/banking_channels/images/index/icons/ico-pdf.png) no-repeat left;
    background-size: 14px;
    padding-left: 22px;
    display: inline-block;
    margin-bottom: 10px;
}
a.pdfDocLink:hover {
    text-decoration: underline;
    background: url(../../../hongkong/personal/banking_channels/images/index/icons/ico-pdf.png) no-repeat left;
    background-size: 14px;
    padding-left: 22px;
    display: inline-block;
    margin-bottom: 10px;
}
a.blueBtn, button.blueBtn {
    border: 0;
    background: #0060B0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    min-width: 84px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    left: 0;
}
 
a.blueBtn_Frame, button.blueBtn_Frame {
    background: #fff;
    border:solid 1px #0060B0;
    border-radius: 5px;
    color: #0060B0;
    text-align: center;
    padding: 5px 10px;
    min-width: 84px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    left: 0;
} 
.en a.blueBtn {
    background: #0060B0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px 7px;
    min-width: 88px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    left: 0;
}
.en a.blueBtn_Frame {
    background: #fff;
    border:solid 1px #0060B0;
    border-radius: 5px;
    color: #0060B0;
    text-align: center;
    padding: 5px 7px;
    min-width: 88px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    left: 0;
} 
#accordionVideo .collapsing,
#ebank_investGroup .collapsing, #ebank_insuranceGroup .collapsing, #ebank_ebankingGroup .collapsing { /*overwrite*/
    overflow: hidden;
    transition: none;
}
ul.ebank_itemsChoose li {
    height: auto;
    border: none;
}
.ebank_itemsChoose li a, .ebank_itemsChoose li a[aria-expanded="false"] {
    color: #333;
    padding: 10px 0 10px 35px;
    background: transparent url(../../../hongkong/personal/images/index/icons/ico_dot_05.gif) no-repeat 10px 15px;
    height: auto;
    border: none;
    display: inline-block;
    width: 100%;
}
.ebank_itemsChoose li a[aria-expanded="true"] {
    color: #0060B0;
    padding: 10px 0 10px 35px;
    background: #F4F4F4 url(../../../hongkong/personal/images/index/icons/ico_dot_05.gif) no-repeat 10px 15px;
    height: auto;
    border: none;
    display: inline-block;
    width: 100%;
}
#ebank_invest01, #ebank_invest02, #ebank_invest03, #ebank_invest04, #ebank_invest05, #ebank_invest06,
#ebank_insurance01, #ebank_insurance02, #ebank_insurance03, 
#ebank_ebanking01, #ebank_ebanking02, #ebank_ebanking03, #ebank_ebanking04, #ebank_ebanking05, #ebank_ebanking06 {
    padding: 40px 20px 20px;
    box-sizing: border-box;
    min-height: 246px;
    margin-bottom: 0!important;
    background-size: contain;
}
#ebank_invest01 {
    background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner1.png) no-repeat right bottom;
}
#ebank_invest02 {
      background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner2.png) no-repeat right bottom;
}
#ebank_invest03 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner3.png) no-repeat right bottom;
}
#ebank_invest04 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner4.png) no-repeat right bottom;
}
#ebank_invest05 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner5.png) no-repeat right bottom;
}
#ebank_invest06 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner6.png) no-repeat right bottom;
}
/*---*/
#ebank_insurance01 {
    background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner7.png) no-repeat right bottom;
}
#ebank_insurance02 {
      background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner8.png) no-repeat right bottom;
}
#ebank_insurance03 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner9.png) no-repeat right bottom;
}
/*---*/
#ebank_ebanking01 {
    background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner10.png) no-repeat right bottom;
}
#ebank_ebanking02 {
      background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner11.png) no-repeat right bottom;
}
#ebank_ebanking03 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner12.png) no-repeat right bottom;
}
#ebank_ebanking04 {
    background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner13.png) no-repeat right bottom;
}
#ebank_ebanking05 {
      background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner14.png) no-repeat right bottom;
}
#ebank_ebanking06 {
     background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/ebankPrivil_banner15.png) no-repeat right bottom;
}
.privil_ttl {
    color: #0066b3;
    text-align: center;
    background: #F4F4F4;
    padding: 10px;
    box-sizing: border-box;
}
.privil_item, .bank_item p.privil_item {
    font-size: 1.1em;
}
body.large-font-size .privil_item, 
body.large-font-size .bank_item p.privil_item,
body.large-font-size .bank_item p.privil_promo,
body.large-font-size .privil_save, 
body.large-font-size .bank_item p.privil_save{
     font-size: 1.6rem;
}
.privil_promo {
    font-size: 1.6em;
    color: #e6740a;
    line-height: 1.5em;
    margin: 10px 0;
	font-weight: bold;
}
.bank_item p.privil_promo {
    font-size: 1.4em;
    color: #e6740a;
}
    .privil_promo span, .bank_item p.privil_promo span {
        font-weight: bold;
        font-size: 1.8em;
        vertical-align: middle;
        padding-left: 5px;
        line-height: 1em; 
    }

.privil_save, .bank_item p.privil_save {
    font-size: 1.4em;
   
}
.privil_buttonSet, .bank_item p.privil_buttonSet {
     margin-top: 30px;
}
/*电子银行  end*/

/*信用卡*/
.c_card .mess_con a{color:#333;width: 162px;height: 96px; font-size: 14px; float: left;padding-left: 18px;padding-top: 40px;margin-right:12px;border: 1px solid #efefef; padding-right: 130px;}
.c_card .mess_con a:hover{color:#0066b3}
.message_more {text-align: right; margin-top: 20px;}
.message_more a {font-size: 16px;color: #0066b3;}

.c_card a.spa1{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/year-round-left.png) no-repeat 180px center;}
.c_card a.spa2{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/year-round-middle.png) no-repeat 180px center;}
.c_card a.spa3{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/year-round-right.png) no-repeat 180px center;margin-right: 0px;}
.c_card a.spa4{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/exclusive-right.png) no-repeat 180px center;}
.c_card a.spa5{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/exclusive-middle.png) no-repeat 180px center;}
.c_card a.spa6{background: url(../../../hongkong/personal/credit_cards/images/monthlyspecial/icon/exclusive-left.png) no-repeat 180px center;margin-right: 0px;}
/*.item_show  span{float: left;}*/
.all_card .item_show p{text-align: center;margin-top: 120px;color: #666666;font-size: 14px;}
.all_card .mess_show  p{font-size: 16px;color: #666;}
.all_card .scroll_x .abtn{height: 174px;}
.all_card .scroll_x .itemList{height: 174px;}
.all_card .scroll_x .item_show{border: 1px solid #eeeeee;height: 172px;width: 135px;  margin-right: 12px;padding: 0 22px;}
.all_card .item_show p{text-align: left;margin-top: 120px;color: #666666;font-size: 12px;}
.all_card .item_show span{display:inline-block;height:170px;width: 140px; }
.item_show span.kl1{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing1.png) no-repeat 0px 22px;}
.item_show span.kl2{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing2.png) no-repeat 0px 22px;}
.item_show span.kl3{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing3.png) no-repeat 0px 22px;}
.item_show span.kl4{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing4.png) no-repeat 0px 22px;}
.item_show span.kl5{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing5.png) no-repeat 0px 22px;}
.item_show span.kl6{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing6.png) no-repeat 0px 22px;}
.item_show span.kl7{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing7.png) no-repeat 0px 22px;}
.item_show span.kl8{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing8.png) no-repeat 0px 22px;}
.item_show span.kl9{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing9.png) no-repeat 0px 22px;}
.item_show span.k20{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/jd-card-thumbnail.jpg) no-repeat 0px 22px;}
.item_show span.k21{background: url(../../../hongkong/personal/credit_cards/images/index/thumbnail/clc-card-thumbnail.jpg) no-repeat 0px 22px;}
.item_show span.kl10{background:url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing10.png) no-repeat 0px 22px;}
.item_show span.kl11{background:url(../../../hongkong/personal/credit_cards/images/index/thumbnail/landing11.png) no-repeat 0px 22px;}

.card{border:none;}
.card .line_info span.line_a1{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev1.png) no-repeat left center;}
.card .line_info span.line_a2{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev2.png) no-repeat left center;}
.card .line_info span.line_a3{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev3.png) no-repeat left center;}
.card .line_info span.line_a4{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev4.png) no-repeat left center;}
.card .line_info span.line_a5{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev5.png) no-repeat left center;}
.card .line_info span.line_a6{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev6.png) no-repeat left center;}
.card .line_info span.line_a7{background: url(../../../hongkong/personal/credit_cards/images/index/icons/sev7.png) no-repeat left center;}
.card .line_info span a{line-height: 2;}
.card .line_info span.line_a1 a { margin-top: -10px;}
.card .line_info span.line_a1 a em {
    display: block;
    line-height: 1.0;
}

.font_money {font-family: Arial;font-weight: bold;color: #C75300;}

/* 底部最新消息 */
/*.news_massage {width:100%;height:300px;background: #eee; }*/
/*.massage_show {padding-top: 20px;}*/
/*.massage_show>div {font-size: 14px;color: #666; }*/
.mas_con dl { width: 33.3333%; float: left; margin-bottom: 20px;padding-left: 5px; }
.mas-date {width: 35px;float: left;margin-right: 10px;  }
.mas-date span {
    display: block;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    color: #333;
}
.mas-date .line2 {
    border-bottom: 1px solid #bfbfbf;
    height: 1px;
}

.mas-date span {
    display: block;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    color: #333;
}
.mas-date .month {
    font-size: 12px;
    padding-top: 2px;
}
.mas-date span {
    display: block;
    text-align: center;
    line-height: 18px;
    color: #333;
}
.mas-desc {
    width: calc(100% - 50px);
    height: 130px;
    float: left;
    margin-left:5px;
}
.mas-desc h2 a {
    display:block;
    font-size: 14px;
    color: #333;
}
.mas-desc p {
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 20px!important;
    word-break: normal;
    height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    line-clamp: 3;
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.mas_con_wrap{overflow-x: auto;}
.mas_con {margin-top: 0px; min-width: 738px;}
.mas_con:after{content: ''; display: table; clear: both;}
.mas-desc.customer{height:auto;}
.channel_cont .btn_down a { font-family: inherit;}
.massage_show h2{
    margin:0 !important;
}
.message-more {
    text-align: right;
    margin-top: 16px;
}
.message-more a {
    color: #0066b3;
}
.video_item2 {
    width: 310px;
    margin-right: 15px;
    float: left;
}
.video_frame_wrap .video_item2:nth-child(3n){
    margin-right:0;
}
.video_item3 {
    width: 310px;
    float: left;
}
.video_frame_wrap p{
    text-align:center; 
    margin:20px 0;
}
.video_frame {
    width: 100%;
    margin-top: 20px;
}
.ebank_videoPanelControl, .ebank_privilPanelControl {
        position: relative; 
        width: 800px; 
        margin: 0 auto;
    }

.top_city .acolor a {
    color: #449cff;
    text-decoration: none;
}
.finance_tag ul:after, .mess_tag ul:after, .card_tag ul:after, .message_tag ul:after, .eBank_tag ul:after{
    content: '';
    display: table;
    clear: both;
}
/*.next {
    position: absolute;
    top: 0px;
    right: -8px;
    font-size: 14px;
    color: #0066CC;
    background: #fff;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);;
    padding: 12px 8px;
}*/
.section h2{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
body.large-font-size .section h2{font-size:22px;}
body.small-font-size .section h2{font-size:18px;}
.section h2>a.viewlink{
    float: right;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
}
.section h2>a.viewlink:after{
    content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    border-color: #0060B0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.section{
    margin: 0 auto;
    padding-top: 60px;
}
.section-01{
    position: relative;
    z-index: 9;
}
.section-wrap{
    overflow-x: auto;
    padding-bottom: 20px;
}
.section-inner{
    width: max-content;
    min-width: 500px;
}
.section-inner:after{
    content: '';
    display: table;
    clear: both;
}
.section-item {
    display: inline-block;
    width: 280px;
    float: left;
    padding: 0 15px;
}
.section-item img{
    width: 100%;
}
.section-item h3{
    margin-top: 15px;
    font-weight: bold;
}
/* =========== 1023 ========== */
@media (max-width: 1023px){
     
    .breadBar>div{padding-left: 15px;}
    .bread_txt {   
        left: 0;
        font-size: 0.8rem!important;
    }
    body.large-font-size .bread_txt {
        font-size: 1rem!important;
    }
    body.small-font-size .bread_txt {
        font-size: 0.65rem!important;
    }
    .finance_left {
        float: none;
        height: auto;
        width: auto;
        text-align: center;
    }
    .finance_left img{
        max-width: 100%;
    }
    .finance_right {
        display: block;
        float: none;
    }
    .finance_box {
        width: 100%;
        height: 220px;
        padding: 15px;
        padding-bottom: 0px;
    }
    .finance_message {
   width: auto;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    z-index: 9;
}
    .card_mobile{
        display: block;
    }
    .card_img_cent{
        display: none;
    }
    .card_swiper{
        overflow-x: auto;
    }
    #card_show01, #card_show02 {
        width: 432px;
        max-width: 100%;
    }
    .card_img_lf, .card_img_rt{
        margin-top: 0;
    }
    /**/
    .eBank_mobile{
        display: block;
    }
    .eBank_img_cent{
        display: none;
    }
    .eBank_swiper{
        overflow-x: auto;
    }
    #eBank_show01, #eBank_show02 {
        width: 432px;
        max-width: 100%;
    }
    .eBank_img_lf, .eBank_img_rt{
        margin-top: 0;
    }
    .ebank_videoPanelControl, .ebank_privilPanelControl {
        position: relative; 
        width: calc(100% - 60px);
        margin: 0 auto;
    }
     .swiper-slide .bank_item,.bank .bank_item_show .li8{background-size: 100%!important;}
     
     .bank_item {position: relative;height: 276px;margin-top: 0px;padding: 76px 18px 0;}
     
     .line_seauct .bank_item_show h4, .bank_item h4, .bank_item h3, .bank_item h2 {text-align: left; font-size: 14px; color: #333; width: fit-content; }
     body.large-font-size .line_seauct .bank_item_show h4, .bank_item h4, .bank_item h3, .bank_item h2 {text-align: left; font-size: 16px; color: #333; width: fit-content; }
    
     #bankItemList_video .bank_item {
        position: relative;
        height: 256px;
        margin-top: 0px;
        padding: 62% 18px 0;
    } 
     .bankItemList_video-button-prev, .bankItemList03-button-prev, .bankItemList04-button-prev, .bankItemList05-button-prev {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        z-index: 9;
        left: -30px;
        top: 20px;
    }
    .bankItemList_video-button-next, .bankItemList03-button-next, .bankItemList04-button-next, .bankItemList05-button-next {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        background-position: -21px 50%;
        z-index: 9;
        right: -30px;
        top: 20px;
    }
     .bankItemList-button-prev, .bankItemList02-button-prev, .online_bankItemList-button-prev, .online_bankItemList02-button-prev, .mobile_bankItemList-button-prev {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        z-index: 9;
        left: -30px;
        top: 20px;
         border-radius: 20px;
    }
    .bankItemList-button-next, .bankItemList02-button-next, .online_bankItemList-button-next, .online_bankItemList02-button-next, .mobile_bankItemList-button-next {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,0.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        background-position: -21px 50%;
        z-index: 9;
        right: -30px;
        top: 20px;
        border-radius: 20px;
    }
    /**/
    .intes_info ul li {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .intes_infO_mor0 {
        width: calc(100% - 90px);
        height: auto;
    }
    /*.mas_con dl {
        width: 50%;
    }*/
    .news_massage{margin-top: 60px; padding-top: 20px;}
    .message_tag.tabTag {
        border: none;
        height: auto; 
    }
    .message_tag.tabTag ul{
        display: table;
        width: 100%;
    }
    .message_tag.tabTag ul li{
        font-size: 14px;
        width: auto;/*50%;*/
        line-height: 1.5;
        padding: 5px 5px;
        min-height: 60px;
        display: table-cell;
        vertical-align: middle;
        float: none;
        border-right: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }
    .message_tag.tabTag ul li:last-child{
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .message_tag.tabTag ul li:first-child{
        border-left: 1px solid #cccccc;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .message_tag.tabTag ul li.hover {
        border-bottom: none;
        color: #fff;
        background:#0066b3;
    }
    /* =========== invest ========== */
    .item_show li.item_li {
        width: calc(50% - 10px);
    }
    .item_show li.item_li:nth-child(3n){ margin-right: 10px;}
    .item_show li.item_li:nth-child(2n){ margin-right: 0px;}

    .go_notify{display: none;}

    .bank_list_info span{width: calc(50% - 9px);}
    .bank_list_info span:nth-child(3n){margin-right: 18px;}
    .bank_list_info span:nth-child(2n){margin-right: 0;}
    .bank_ifo_box li {margin-right: 50px;}

    .line_ser_box .line_info{width: 100%;}
    .line_ser_box {
        height: auto;
        background: none;
    }
    .line_seauct .bank_item_show{width: 720px;}
   /* #bankItemList .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}
    #bankItemList02 .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}
    #bankItemList_video .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}
    #bankItemList03 .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}
    #bankItemList04 .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}
    #bankItemList05 .swiper-slide,.line_seauct .bank_item_show>ul li {width: calc(50% - 6px)!important;}*/
    /*#creditCardItemList .swiper-slide {width: calc(26% - 6px);}*/
    #creditCardItemList .swiper-slide {
        width: 100%;
        padding: 3px 0 10px 0;
        border-radius: 6px; 
        max-width: 183px;
        /*width: 280px;padding: 3px 15px 10px; border-radius: 6px;*/
    }
    .video_item2 {
        width: calc(50% - 10px);
        margin-right: 20px;
        text-align:center;
    }
    .video_frame_wrap .video_item2:nth-child(3n){
        margin-right:20px;
    }
    .video_frame_wrap .video_item2:nth-child(2n){
        margin-right:0px;
    }
   
     /* =========== bank ========== */
    .videoInfo {
        display: block;
        margin-bottom: 20px;
        max-width: 100%;
        margin-right: 20px;
        clear: both;
        vertical-align: top;
    }
    .videoEmbedCol {
        float: right;
        display: block;
        width: 100%;
        height: 315px;
        margin-bottom: 20px;
    }
        .videoEmbedCol iframe {
            width: 100%;
            height: 100%;
        }
     /* =========== / bank ========== */
}
/* =========== 992 ========== */
@media (max-width: 992px){
    .messRight {text-align: center;}
    .portletBox div.port {
        width: 100%;
        padding: 0 30px;
    }
    #portlet {
        width: 100%;
        margin-left: 0;
        height: auto;
    }
}
@media (min-width:753px) and (max-width:768px) {
    _::-webkit-full-page-media, _:future, :root #online_bankItemList02, 
    _::-webkit-full-page-media, _:future, :root .tablet #online_bankItemList02 { 
             width: 100%!important;
            overflow: visible;
            margin: 0;
        }
}
/* =========== 768 ========== */
@media (max-width: 768px){
    .w640{
        width: 100%;
    }
    #InvItemList .swiper-slide, #AccItemList .swiper-slide, #rmbItemList .swiper-slide, #rmbItemList02 .swiper-slide, #CrossItemList .swiper-slide, #EntItemList .swiper-slide, #InsurItemList .swiper-slide, #InsurItemList02 .swiper-slide {
        height: calc((100% - 12px) / 2);
        width: 100%!important;
    }
    .dakai_zh_info{font-weight:bold; margin:0 auto;padding:5px 0; text-align: left;line-height: 1.5em;font-size: 1em;color: #0066b3;margin-bottom: 60px;}
    .channel_cont {
        border: 1px solid #EBEBEB;
        border-radius: 6px;
        padding: 15px 18px;
        height: 140px;
    }
    .channel_sq span{
        width: 100%;
    }
    .mess_tit_tle {
        float: none;
        padding-right: 0;
        border-left: none;
        padding-left: 15px;
        line-height: 1.5em;
        display: block;
    }
    .mess_tit_remark {
        padding-left: 15px;
    }
    h2.mess_tit .mess_tit_tle {
        float: none;
    }
    .mess_tit_le {
        background: none;
        height: auto;
        line-height: 1.25;
        font-size: 12px;
        float: none;
        color: #1793F1;
        padding-right: 0;
        padding-left: 15px;
    }
    .finance_tag ul,
    .mess_tag ul,
    .card_tag ul,
    .message_tag ul,
    .eBank_tag ul{
        float: none;
    }
    .cardShow01-button-next, .cardShow02-button-next,
    .cardShow01-button-prev, .cardShow02-button-prev{
        display: none;
    }
    .eBankShow01-button-next, .eBankShow02-button-next,
    .eBankShow01-button-prev, .eBankShow02-button-prev{
        display: none;
    }
   
    /*.mas_con dl {
        width: 100%;
    }*/
    .mas-desc {
        width: calc(100% - 50px);
        height: 130px;
    }
    /* =========== invest ========== */
    .item_show li.item_li {
        width: 100%;
        margin-right: 0;
    }
    .item_show a,
    #privItemList .swiper-slide a,
    #InvItemList .swiper-slide a,
    #AccItemList .swiper-slide a,
    #rmbItemList .swiper-slide a, 
    #rmbItemList02 .swiper-slide a,
    #CrossItemList .swiper-slide a,
    #EntItemList .swiper-slide a,
    #InsurItemList .swiper-slide a,
    #InsurItemList02 .swiper-slide a {
        background-position: 0px center;
        background-size: 120px;
    }
    .item_show li a:before,
    #privItemList .swiper-slide a:before,
    #InvItemList .swiper-slide a:before,
    #AccItemList .swiper-slide a:before, 
    #rmbItemList .swiper-slide a:before,
    #rmbItemList02 .swiper-slide a:before,
    #CrossItemList .swiper-slide a:before,
    #EntItemList .swiper-slide a:before,
    #InsurItemList .swiper-slide a:before,
    #InsurItemList02 .swiper-slide a:before {
        content: '';
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -8px;
        border-color: #666;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .item_show li a{
        border: none;
        padding: 0 20px 40px 15px;
        position: relative;
        display: block; 
        height: auto;
        width: auto;
    }
    .item_show .warming{
        width: auto;
        padding-left: 142px;
    }
    .item_show .iceTit {
        width: auto;
        padding: 45px 0 5px 143px; /*30px 0 5px 120px;*/
        white-space: normal;
    }
    .item_show .item_li p, .item_show a .iceCor {
        width: auto;
        padding-left: 143px; /*120px;*/
    }
   
    .co .item_show li.item_li, .item_show.priv_ser li.item_li{
        width: 100%;
    }
    .co .item_show li.item_li:nth-child(3n), .item_show.priv_ser li.item_li:nth-child(3n){
        margin-right: 0;
    }
/*    .message_more {text-align: center;}
    .message_more a {border: 1px solid #0066b3;padding: 8px 15px;}*/
    .mess_tag ul li {font-size: 16px;}
    .bank_list_info span{width: 100%;margin-right: 0px;}
    .bank_list_info span:nth-child(3n){margin-right: 0;}
    .bank_ifo_box li {width: 100%; margin-right: 0; text-align:left;margin-bottom: 40px;position: relative;}
    .bank_ifo_box .ifo-show-r{margin-left: 0;}
    .bank_ifo_box a{display: block;}
    .bank_ifo_box img {float: left; margin: -10px 0 0;}
    .bank_ifo_box li p{padding-left: 120px;}
    .bank_ifo_box li:after{
        content: '';
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-color: #666;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 10px;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 0;
    }
    .line_bank_tab ul, .secureTag ul{float: none;}
    .line_bank_tab ul li, .secureTag ul li, .inv_tab ul li{padding:0 6px; margin-left: 0; margin-right: 9px;} /* margin-right: 20px;*/
    /*.line_seauct .bank_item_show h4, .bank_item h4, .bank_item h3, .bank_item h2 {text-align: left; font-size: 14px; color: #333; width: 155px; padding: 110px 18px 8px 0;}*/
    .line_info span{width: 100%;margin-right: 0px;position: relative;}
    .line_seauct .bank_item_show{width: 100%;}
    .creditCardItemList-button-next,.creditCardItemList-button-prev{display: none;}
     #creditCardItemList .swiper-slide {
        width: 100%;
        padding: 3px 0 5px 0;
        border-radius: 6px; 
        max-width: 183px;
        /*width: 280px;padding: 3px 15px 10px; border-radius: 6px;*/
    }
    /*.bankItemList-button-next,.bankItemList-button-prev{display: none;}
    .bankItemList02-button-next,.bankItemList02-button-prev{display: none;}
    .bankItemList_video-button-next,.bankItemList_video-button-prev{display: none;}*/
    .desktopDisplay { display: none;}
    .mobileDisplay { display: block; }
    #bankItemList, #bankItemList02, #bankItemList03, #bankItemList04, #bankItemList05, #bankItemList_video, #online_bankItemList, #online_bankItemList02, #mobile_bankItemList {
        width: 50%!important;
        overflow: visible;
        margin: 0;
    }
   
    #ebank_investGroup, #ebank_insuranceGroup, #ebank_ebankingGroup {display: none;}
    #ebank_investGroup_m, #ebank_insuranceGroup_m, #ebank_ebankingGroup_m { display: block; width: 98%;}
     
    .bankItemList-button-prev, .bankItemList02-button-prev, .online_bankItemList-button-prev, .online_bankItemList02-button-prev, .mobile_bankItemList-button-prev {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
         width: 21px;/*width: 16px;*/
        overflow: hidden;
        background: rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        z-index: 9;
        left: 0;
        top: 20px;
        border-radius: 20px;
    }
    .bankItemList-button-next, .bankItemList02-button-next, .online_bankItemList-button-next,.online_bankItemList02-button-next, .mobile_bankItemList-button-next {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;/*width: 16px;*/
        overflow: hidden;
        background:rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        background-position: -21px 50%; /*-26px 50%*/
        z-index: 9;
        right: 0;
        top: 20px;
        border-radius: 20px;
    }
    .bankItemList03-button-prev, .bankItemList04-button-prev, .bankItemList05-button-prev {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        z-index: 9;
        left: -30px;
        top: 130px;
    }
     .bankItemList03-button-next, .bankItemList04-button-next, .bankItemList05-button-next {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        background-position: -21px 50%;
        z-index: 9;
        right: -30px;
        top: 130px;
    }
    .bankItemList_video-button-prev {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        z-index: 9;
        left: -30px;
        top: 20px;
    }
    .bankItemList_video-button-next {
        cursor: pointer;
        position: absolute;
        display: block;
        height: 100px;
        width: 21px;
        overflow: hidden;
        background:rgba(255,255,255,.8) url(../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
        background-position: -21px 50%;
        z-index: 9;
        right: -30px;
        top: 20px;
    }
  /*   
    .swiper-slide .bank_item,.bank .bank_item_show .li8{background-size: 90px 90px;background-position: 100% 50%;}
    .bank_item {height: 100px;padding: 0 ;}
    .line_seauct .bank_item_show>ul li{height: 125px;}
    .bank_item a{left: 0; bottom: 0;}
    .line_seauct .bank_item_show a{left: 15px; bottom: 10;}
    .line_seauct .bank_item_show h4, .bank_item h4, .bank_item h3 {width: 155px; line-height: 1.2; margin: 10px 0; padding:0;}
    .line_seauct .bank_item_show p, .bank_item p {width: 155px;}  */
   
    
    .portletBox{margin-top: 80px;}
    #portlet{padding: 25px 0; background: none;}
    #portlet .icePnlGrp{margin-right: 0; width: 100%; overflow-x: auto;}
    .portletBox div.port{padding:0 15px;}
    .iceSear{width: 100%;}
    #portlet .ice_input{width: 100%;}
    #portlet .ice_input input{width: 100%; border: 1px solid #0060B0; border-radius: 3px;}
    #portlet .ice_input a{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

    #InvItemList, #AccItemList, #rmbItemList, #rmbItemList02, #CrossItemList, #EntItemList, #InsurItemList, #InsurItemList02 {height: auto;}
    #privItemList .swiper-wrapper, #InvItemList .swiper-wrapper, #AccItemList .swiper-wrapper, #rmbItemList .swiper-wrapper, #rmbItemList02 .swiper-wrapper, #CrossItemList .swiper-wrapper, #EntItemList .swiper-wrapper, #InsurItemList .swiper-wrapper, #InsurItemList02 .swiper-wrapper {display: block;}
    #privItemList .swiper-slide a, #InvItemList .swiper-slide a, #AccItemList .swiper-slide a, #rmbItemList .swiper-slide a, #rmbItemList02 .swiper-slide a, #CrossItemList .swiper-slide a, #EntItemList .swiper-slide a, #InsurItemList .swiper-slide a, #InsurItemList02 .swiper-slide a {border: none; padding: 0 15px 0 0; margin-bottom: 15px;}
    .video_item2 {
        width: 100%;
        margin-right: 0px;
    }
    .video_frame_wrap .video_item2:nth-child(3n) {
        margin-right: 0px;
    }
    .hopeBox .hope_lf{
        width: 100%;
    }
    .hopeBox .hope_lf li{
        width: 100%;
    }
    .item_show.priv_ser{
        margin-left: 0;
    }
}
/* =========== 576 ========== */
@media all and (max-width: 576px){
    .card_img_lf, .card_img_rt{width: 50%;}
    .eBank_img_lf, .eBank_img_rt{width: 50%;}
    .video_item2 iframe {
        max-width: 100%;
    }
    #online_bankItemList {
        width: 85%!important;
        overflow: visible;
        margin: 0;
    }
    #online_bankItemList02 {
        width: 75%!important;
        overflow: visible;
        margin: 0;
    }
     #online_bankItemList02 .serviceGrid {
        padding: 20px 20px!important;
        box-sizing: border-box;
        min-height: 201px;
    }
    #online_bankItemList .swiper-slide, #online_bankItemList02 .swiper-slide {
        border: 1px solid #eeeeee; border-radius: 5px;
    }
}
@media all and (max-width: 414px) {

    #bankItemList, #bankItemList02, #bankItemList03, #bankItemList04, #bankItemList05, #bankItemList_video, #online_bankItemList, #mobile_bankItemList {
        width: 85%!important;
        overflow: visible;
        margin: 0;
    }
    #bankItemList .swiper-slide, #bankItemList02 .swiper-slide, #bankItemList03 .swiper-slide, #bankItemList04 .swiper-slide, #bankItemList05 .swiper-slide, #bankItemList_video .swiper-slide, #online_bankItemList .swiper-slide, #online_bankItemList02 .swiper-slide, #mobile_bankItemList .swiper-slide {
        border: 1px solid #eeeeee; border-radius: 5px;
    }
}