/* START 借记卡 */
.page_debitcard{width: 100%;font-size: 16px;}
.page_debitcard .banner{width: 100%;height: 334px; max-width: 1920px;min-width: 1200px;margin: auto; background: url(../images/personal/debitcard_banner.jpg) no-repeat 50% 50%;background-size: cover;}


 .content_box{width: 1200px; margin: 0px auto 30px;}
 .content_box .l_con_box{width: 240px;}
 .content_box .l_con_box .b_title{ height: 56px;background-color: #f79b4d;}
 .content_box .l_con_box .b_title a{display: table;width: 100%;  height: 56px; font-size: 18px;color: #fff;position: relative;padding-left: 50px;font-weight: 700;}

 
 .page_debitcard .content_box .l_con_box .b_title a .rec_card_title{width: 22px;height: 22px; background-image: url(../images/personal/debitcard_title_icon.png);position: absolute;left: 20px;top: 50%;margin-top: -11px;}


 .content_box .l_con_box .b_title a span{display: table-cell;vertical-align: middle;}
 .content_box .l_con_box .sidemenu_list{width: 100%;background-color: #fff5e7;}
 .content_box .l_con_box .sidemenu_list ul li a{font-size: 16px;color: #4c4c4c; display: block;width: 100%;height: 40px;}
 .content_box .l_con_box .sidemenu_list ul li a.s_title{padding-left: 63px;height: 40px;line-height: 40px;display: none;}
 .content_box .l_con_box .sidemenu_list ul li a.s_title .dot{width: 5px;height: 5px;background-color: #f79b4d;border-radius: 50%;position: absolute;left: 50px;top: 50%;margin-top: -2.5px;}
 .content_box .l_con_box .sidemenu_list ul li.list_title a{width: 100%; height: 50px;font-size: 18px;position: relative;display: table;padding-left: 50px;}
 .content_box .l_con_box .sidemenu_list ul li.list_title a span{display: table-cell;vertical-align: middle;}
.activeBg{background-color: #f4dec0;color: #f79b4d !important;}
 .content_box .l_con_box .sidemenu_list ul li.list_title a .prev_icon{width: 22px;height: 22px;position: absolute;left: 20px;top: 50%;margin-top: -11px;}
 .content_box .l_con_box .sidemenu_list ul .list_title a .next_arrow{width: 12px;height: 12px;position: absolute;right: 20px;top: 50%;margin-top: -6px;}


/* 汇通普卡选中样式 */
.page_debitcard .showActive1 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive1 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon1_sel.png)!important;}
.page_debitcard .showActive1 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通金卡选中 */
.page_debitcard .showActive2 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive2 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon2_sel.png)!important;}
.page_debitcard .showActive2 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通白金卡选中 */
.page_debitcard .showActive3 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive3 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon3_sel.png)!important;}
.page_debitcard .showActive3 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通钻石卡选中 */
.page_debitcard .showActive4 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive4 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon4_sel.png)!important;}
.page_debitcard .showActive4 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通私人银行卡 */
.page_debitcard .showActive5 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive5 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon5_sel.png)!important;}
.page_debitcard .showActive5 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* DIY借记卡选中 */
.page_debitcard .showActive6 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive6 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon6_sel.png)!important;}
.page_debitcard .showActive6 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通薪福宝卡选中 */
.page_debitcard .showActive7 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive7 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon7_sel.png)!important;}
.page_debitcard .showActive7 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
/* 汇通望子成龙卡 */
.page_debitcard .showActive8 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.page_debitcard .showActive8 .list_title .prev_icon{background-image: url(../images/personal/debitcard_icon8_sel.png)!important;}
.page_debitcard .showActive8 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}




 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title1 a .prev_icon{ background-image: url(../images/personal/debitcard_icon1.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title2 a .prev_icon{background-image: url(../images/personal/debitcard_icon2.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title3 a .prev_icon{background-image: url(../images/personal/debitcard_icon3.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title4 a .prev_icon{background-image: url(../images/personal/debitcard_icon4.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title5 a .prev_icon{background-image: url(../images/personal/debitcard_icon5.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title6 a .prev_icon{background-image: url(../images/personal/debitcard_icon6.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title7 a .prev_icon{background-image: url(../images/personal/debitcard_icon7.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title8 a .prev_icon{background-image: url(../images/personal/debitcard_icon8.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title9 a .prev_icon{background-image: url(../images/debitcard_icon9.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title13 a .prev_icon{background-image: url(../images/debitcard_icon14.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title12 a .prev_icon{background-image: url(../images/debitcard_icon13.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title11 a .prev_icon{background-image: url(../images/debitcard_icon11.png);}
 .page_debitcard .content_box .l_con_box .sidemenu_list ul .list_title10 a .prev_icon{background-image: url(../images/debitcard_icon12.png);}

.content_box .l_con_box .sidemenu_list ul .list_title a .next_arrow{background-image: url(../images/personal/arrow_up.png);}


 .content_box .l_con_box .footer_banner{width: 240px;height: 137px;background-image: url(../images/personal/sidemenu_footer_banner.png);margin: 30px auto;}
 .content_box .l_con_box .sidemenu_list ul li:not(.list_title) a{position: relative;}
 .content_box .l_con_box .sidemenu_list ul li:not(.list_title) a:hover{color: #f79b4d;}
 .content_box .l_con_box .sidemenu_list ul .list_title a {background-repeat: no-repeat; background-position: 61px center;} 


/* 右侧详情页 */
 .content_box .detail_block{width: 900px; float: right;font-size: 16px;display: none;}
 .content_box .detail_block h3{font-size: 22px;color: #f79b4d;text-align: center;}

 /* 标题 */
.content_box .detail_block h3{color: #f79b4d;font-size: 22px;margin-bottom: 50px;text-align: center;}
/* 横线 */
.content_box .detail_block .line{width: 100%;height: 1px;background-color: #f79b4d;margin: 40px auto;}
.content_box .detail_block p{line-height: 30px;text-indent: 2em;}
.content_box .detail_block .debitcard{width: auto;margin: 20px auto;height: 200px;text-align: center;}
.content_box .detail_block .debitcard img{padding:0 50px;}
/* 三角标题 */
.content_box .detail_block .triangle_title{color: #f79b4d;font-size: 18px;margin: 30px 0px 20px 0px;font-weight: 700;position: relative;padding-left: 25px;}
.content_box .detail_block .triangle_title p{text-indent: 0em;}
.content_box .detail_block .triangle_title img{position: absolute;left: 0px;top: 50%;transform:translateY(-50%);}
/* END 首页-借记卡 */
.content_box .detail_block .cardbox {
    width: 800px;
    height: 200px;
    margin: auto;
    /* border: 1px solid #f79b4d; */
    border-radius: 20px;
    position: relative;
    display: inline-block;
    text-align: center;
}
.content_box .detail_block .cardbox .card_banner {
    width: 252px;
    height: 158px;
    /* position: absolute; */
    /* left: 70px; */
    /* top: 50%; */
    display: inline-block;
    margin: 0 60px;
    /* margin-top: -79px; */
}
.content_box .detail_block .cardbox .card_banner img {
    width: 100%;
}
.content_box .detail_block .cardbox .card_qrcode {
    width: 129px;
    height: 158px;
    /* position: absolute; */
    /* right: 130px; */
    display: inline-block;
    /* top: 50%; */
    margin: 0 80px;
    /* margin-top: -79px; */
}
.content_box .detail_block .cardbox .card_qrcode img {
    width: 129px;
}
.content_box .detail_block .cardbox .card_qrcode p {
    color: #f79b4d;
    text-align: center!important;
    text-indent: 0!important;
}