/* START kv */
.page_personal{width: 100%;}
.page_personal .banner{width: 100%; max-width: 1920px;min-width: 1200px; height: 410px;margin: auto;background: url(../images/personal/personal_banner.jpg) no-repeat center center;background-size: cover;}
.page_personal .banner .layer_container{width: 1200px;height: 410px;margin: auto;position: relative;}
.page_personal .banner .layer_container .login_container{width: 319px;height: 368px;background: url(../images/personal/layer.png);position: absolute;right: 0;top: 25px;}
.page_personal .banner .layer_container .login_container .login_person{width: 270px;height: 55px;background: url(../images/personal/loginbtn.png);position: absolute;left: 50%;margin-left: -135px;top: 25px;color: #f79b4d;font-size: 20px;text-align: center;display: table;padding-left: 20px;}
.page_personal .banner .layer_container .login_container .login_person span{display: table-cell;vertical-align: middle;}


.page_personal .banner .layer_container .login_container .qrcode_area{width: 268px;height: 126px;position: absolute;left: 50%;margin-left: -134px;font-size: 16px;color: #f79b4d;}

.page_personal .banner .layer_container .login_container .qrcode_area .content_area{width:100%;height: 83px;position: absolute;left: 0px;top: 50%;margin-top: -42px;/* transform: translateY(-55%); */padding-left: 25px;}

.page_personal .banner .layer_container .login_container .qrcode_area .content_area img{width: 88px;}
.page_personal .banner .layer_container .login_container .qrcode_area .content_area .text_right{position: absolute;left: 126px;top: 50%;margin-top: -18px;/* transform: translateY(-50%); */font-weight: 700;}

.page_personal .banner .layer_container .login_container .qrcode_area1{top: 88px;}
.page_personal .banner .layer_container .login_container .qrcode_area1 p:nth-child(2){font-size: 12px;}


.page_personal .banner .layer_container .login_container .qrcode_area2{top: 222px;}


.page_personal .banner .layer_container .login_container .login_person:hover{background: url(../images/personal/loginbtn_h.png);}
/* END kv */

/* START 公共样式 */
.page_personal .common_region{width: 100%;padding-top: 30px;font-size: 18px;}
.page_personal .common_region .main_region{width: 1200px;margin: auto;}
.page_personal .common_region .main_region .region_title{ display: table-cell;vertical-align: middle;}
.more{font-size: 14px;color: #4c4c4c;}
.more:hover{color: #f79b4d;}
/* END 公共样式 */
/* 重点推荐 */
.page_personal .recommend_region{height: 305px;background-color: #fff5e7;}
.page_personal .recommend_region .main_region .region_title{width: 1200px;height: 50px; background: url(../images/personal/recommend_title.png);}
.page_personal .recommend_region .main_region .region_con{width: 100%;height: 192px; padding-bottom: 10px;text-align: center;}
.page_personal .recommend_region .main_region .region_con .con_box{width: 1123px;height: 192px; margin: auto;margin-top: 10px;}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box{width: 280px;height: 192px; position: relative;float: left;}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box a{display: block;position: absolute;bottom: 0;}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .sm_item{left: 50%;margin-left: -130.5px;}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .big_item{left: 0px;}

.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item1_sm{width: 261px;height: 161px; background: url(../images/personal/rec_item1.png);}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item1_big{width: 280px;height: 192px; background: url(../images/personal/rec_item1_h.png);display: none;}

.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item2_sm{width: 261px;height: 161px; background: url(../images/personal/rec_item2.png);}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item2_big{width: 280px;height: 192px; background: url(../images/personal/rec_item2_h.png);display: none;}

.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item3_sm{width: 261px;height: 161px; background: url(../images/personal/rec_item3.png);}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item3_big{width: 280px;height: 192px; background: url(../images/personal/rec_item3_h.png);display: none;}

.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item4_sm{width: 261px;height: 161px; background: url(../images/personal/rec_item4.png);}
.page_personal .recommend_region .main_region .region_con .con_box .con_item1_box .con_item4_big{width: 280px;height: 192px; background: url(../images/personal/rec_item4_h.png);display: none;}


/* START 投资理财 */
.invest_region{height: 490px;background-color: #fff5e7;}
.invest_region .region_title{width: 1200px;height: 45px; background: url(../images/personal/invest_title.png);}
.invest_region .region_con {width: 100%;margin-top: 30px;}
.invest_region .region_con .con_box1{width: 100%;}
.invest_region .region_con .con_box1 .invest_item{width: 230px;height: 162px;margin-right: 12px;float: left;}
.invest_region .region_con .con_box1 .con_item1{background: url(../images/personal/invest_item1.png);}
.invest_region .region_con .con_box1 .con_item2{background: url(../images/personal/invest_item2.png);}
.invest_region .region_con .con_box1 .con_item3{background: url(../images/personal/invest_item3.png);}
.invest_region .region_con .con_box1 .con_item4{background: url(../images/personal/invest_item4.png);}
.invest_region .region_con .con_box1 .con_item5{background: url(../images/personal/invest_item5.png);margin-right: 0;}
.invest_region .region_con .con_box1 .con_item1:hover{background: url(../images/personal/invest_item1_h.png);}
.invest_region .region_con .con_box1 .con_item2:hover{background: url(../images/personal/invest_item2_h.png);}
.invest_region .region_con .con_box1 .con_item3:hover{background: url(../images/personal/invest_item3_h.png);}
.invest_region .region_con .con_box1 .con_item4:hover{background: url(../images/personal/invest_item4_h.png);}
.invest_region .region_con .con_box1 .con_item5:hover{background: url(../images/personal/invest_item5_h.png);}
.invest_region .region_con .con_box2{width: 100%;margin-top: 17px;}
.invest_region .region_con .con_box2 .invest_item{width: 290px;height: 158px;margin-right: 12px;}
.invest_region .region_con .con_box2 .con_item:last-child .invest_item{margin-right: 0;}
.invest_region .region_con .con_box2 .con_item6{background: url(../images/personal/invest_item6.png);}
.invest_region .region_con .con_box2 .con_item7{background: url(../images/personal/invest_item7.png);}
.invest_region .region_con .con_box2 .con_item6:hover{background: url(../images/personal/invest_item6_h.png);}
.invest_region .region_con .con_box2 .con_item7:hover{background: url(../images/personal/invest_item7_h.png);}
/* END 投资理财 */
/* START 储蓄存款 */
.region_save{height: 470px;}
.region_save .region_title{width: 1200px;height: 47px; background: url(../images/personal/save_title.png);}
.region_save .region_con{width: 100%;margin-top: 30px;}
.region_save .region_con .con_box{width: 566px;height: 317px;position: relative;}
.region_save .region_con .con_box1{background: url(../images/personal/save_deposit.png);}
.region_save .region_con .con_box2{background: url(../images/personal/save_card.png);}
.region_save .region_con .con_box ul{position: absolute;left: 40px;top: 160px;clear: both;overflow: hidden;}
.region_save .region_con .con_box ul li{float: left;}
.region_save .region_con .con_box ul li a{margin: 0 40px  14px 0;display: block;color: #4c4c4c;}
.region_save .region_con .con_box ul li a:hover{color: #f79b4d;}
.region_save .region_con .con_box ul li a.more{margin-right: 0;color: #a7a7a7;font-size: 18px;}
.region_save .region_con .con_box ul li a.more:hover{color: #f79b4d;}
/* END 储蓄存款 */
/* START 个人贷款 */
.region_loan{height: 565px;background-color: #fff5e7;}
.region_loan .region_title{width: 1200px;height: 47px; background: url(../images/personal/loan_title.png);}
.region_loan .region_con{width: 100%;margin-top: 30px;}
.region_loan .region_con .con_box1{width: 560px;height: 406px;background: url(../images/personal/loan_banner.png);}
.region_loan .region_con .con_box2{width: 560px; height: 406px;position: relative;}
.region_loan .region_con .con_box2 .item_box{width: 100%;height: 320px;position: absolute;top: 50%;margin-top: -160px;/* transform: translateY(-50%); */clear: both;}
.region_loan .region_con .con_box2 .item_box ul{width: 100%;position: absolute;left: 0;}
.region_loan .region_con .con_box2 .item_box ul:nth-child(1){top: 0;}
.region_loan .region_con .con_box2 .item_box ul:nth-child(2){bottom: 0;}
.region_loan .region_con .con_box2 .item_box:nth-child(2){margin-bottom: 0px;}
.region_loan .region_con .con_box2 .item_box ul li{width: 82px;margin: 0 52px;float: left;text-align: center;}
.region_loan .region_con .con_box2 .item_box ul li a{width: 100%;height: 100%;display: block;color: #4c4c4c;padding: 10px 0;}
.region_loan .region_con .con_box2 .item_box .ul li {margin: 0 29px;}
.region_loan .region_con .con_box2 .item_box ul li:last-child{/* margin-right: 0px; */}
.region_loan .region_con .con_box2 .item_box ul li a i{width: 52px;height: 52px;display: inline-block;vertical-align: bottom;margin-bottom: 10px;}
.region_loan .region_con .con_box2 .item_box ul li a .loan_line{width: 100%;height: 2px;background-color: #f79b4d;margin: 10px 0;display: none;}
.region_loan .region_con .con_box2 .item_box ul li a p{padding-top: 10px;}

.region_loan .region_con .con_box2 .item_box ul{height: 125px;}
.region_loan .region_con .con_box2 .item_box ul li a:hover{padding: 0;}
.region_loan .region_con .con_box2 .item_box ul li a:hover .loan_line{display: block;}

.region_loan .region_con .con_box2 .item_box .loan_item1{ background: url(../images/personal/loan_item1.png);}
.region_loan .region_con .con_box2 .item_box .loan_item2{ background: url(../images/personal/loan_item2.png);}
.region_loan .region_con .con_box2 .item_box .loan_item3{ background: url(../images/personal/loan_item3.png);}
.region_loan .region_con .con_box2 .item_box .loan_item4{ background: url(../images/personal/loan_item4.png);}
.region_loan .region_con .con_box2 .item_box .loan_item5{ background: url(../images/personal/loan_item5.png);}
.region_loan .region_con .con_box2 .item_box .loan_item6{ background: url(../images/personal/loan_item6.png);}
/* END 个人贷款 */
/* START 私人银行 */
.region_private{height: 375px;}
.region_private .region_title{width: 1200px;height: 47px; background: url(../images/personal/private_title.png);}
.region_private .region_con{width: 950px;height: 249px; margin:30px auto 0;}
.region_private .region_con a{width: 241px;height: 241px; margin-right: 112px;float: left;position: relative;border-radius: 50%;}


.region_private .region_con a p{text-align: center;margin-top: 150px;color: #4c4c4c;}
.region_private .region_con a .circle_dot{width: 204px;height: 204px;background: url(../images/personal/circle_dot.png);position: absolute;left: 18.5px;top: 12px;border-radius: 50%;}
.region_private .region_con .private_item1{background: url(../images/personal/private_item1.png);}
.region_private .region_con .private_item2{background: url(../images/personal/private_item2.png);}
.region_private .region_con .private_item3{background: url(../images/personal/private_item3.png);margin-right: 0px;}

.region_private .region_con a:hover .circle_dot{animation: circle_dot_Ani 12s linear infinite;}
.region_private .region_con a:hover p{color: #f79b4d;}

/* .active_rotate_ani{animation: circle_dot_Ani 12s linear infinite;} */
@keyframes circle_dot_Ani{
    0%{transform: rotate(0deg) }
    100%{transform: rotate(360deg)}
}
/* END 私人银行 */


/* START 个人客户——重点推荐 */
.page_rec {width: 100%;}
.page_rec .rec_banner{width: 100%;height: 80px;max-width: 1920px;min-width: 1200px;margin: auto;background: url(../images/personal/p_rec_banner.jpg) no-repeat 50% 50%;background-size: cover;}

/* 导航跳转条 */
.page_rec .tabbar_nav{width: 1200px;margin: 30px auto;font-size: 16px;}
.page_rec .tabbar_nav a{color: #4c4c4c;}
.page_rec .tabbar_nav a:last-child{color: #f79b4d;}

.page_rec .content_box{width: 1200px; margin: 0px auto 30px;}
.page_rec .content_box .l_con_box{width: 240px;}
.page_rec .content_box .l_con_box .b_title{ height: 56px;background-color: #f79b4d;}

.page_rec .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_rec .content_box .l_con_box .b_title a .p_rec_icon1{width: 22px;height: 22px; background-image: url(../images/personal/p_rec_icon1.png);position: absolute;left: 20px;top: 50%;margin-top: -11px;}
.page_rec .content_box .l_con_box .b_title a span{display: table-cell;vertical-align: middle;}



.page_rec .content_box .l_con_box .sidemenu_list{width: 100%;background-color: #fff5e7;}
.page_rec .content_box .l_con_box .sidemenu_list ul{border-bottom: 1px solid #f3dec2;}
.page_rec .content_box .l_con_box .sidemenu_list ul li a{font-size: 16px;color: #4c4c4c; display: block;width: 100%;height: 40px;}

.page_rec .content_box .l_con_box .sidemenu_list ul li a.s_title{padding-left: 63px;height: 40px; line-height: 40px;display: none;}
.page_rec .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;}



.page_rec .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;}
.page_rec .content_box .l_con_box .sidemenu_list ul li.list_title a span{display: table-cell;vertical-align: middle;}

/* 重点推荐展开样式 */
.showActive1 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.showActive1 .list_title .prev_icon{background-image: url(../images/personal/p_rec_icon2.png)!important;}
.showActive1 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
.showActive1 .s_title{display: block !important;}

/* 投资理财展开样式 */
.showActive2 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.showActive2 .list_title .prev_icon{background-image: url(../images/personal/p_rec_icon3.png)!important;}
.showActive2 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
.showActive2 .s_title{display: block !important;}

/* 储蓄存款展开样式 */
.showActive3 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.showActive3 .list_title .prev_icon{background-image: url(../images/personal/p_rec_icon4.png)!important;}
.showActive3 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
.showActive3 .s_title{display: block !important;}

/* 个人贷款展开样式 */
.showActive4 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.showActive4 .list_title .prev_icon{background-image: url(../images/personal/p_rec_icon5.png)!important;}
.showActive4 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
.showActive4 .s_title{display: block !important;}

/* 私人银行展开样式 */
.showActive5 .list_title a{background-color: #f4dec0;color: #f79b4d !important;}
.showActive5 .list_title .prev_icon{background-image: url(../images/personal/p_rec_icon6.png)!important;}
.showActive5 .list_title .next_arrow{background-image: url(../images/personal/arrow_down.png) !important;}
.showActive5 .s_title{display: block !important;}



.page_rec .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;}

.page_rec .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;background-image: url(../images/personal/arrow_up.png);}

.page_rec .content_box .l_con_box .sidemenu_list ul .list_title1 a .prev_icon{ background-image: url(../images/personal/p_rec_icon2_grey.png);}
.page_rec .content_box .l_con_box .sidemenu_list ul .list_title2 a .prev_icon{background-image: url(../images/personal/p_rec_icon3_grey.png);}
.page_rec .content_box .l_con_box .sidemenu_list ul .list_title3 a .prev_icon{background-image: url(../images/personal/p_rec_icon4_grey.png);}
.page_rec .content_box .l_con_box .sidemenu_list ul .list_title4 a .prev_icon{background-image: url(../images/personal/p_rec_icon5_grey.png);}
.page_rec .content_box .l_con_box .sidemenu_list ul .list_title5 a .prev_icon{background-image: url(../images/personal/p_rec_icon6_grey.png);}


/* .page_rec .content_box .l_con_box .sidemenu_list ul .list_title1 a .next_arrow{}

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

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

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

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

.page_rec .content_box .l_con_box .footer_banner{width: 240px;height: 137px;background-image: url(../images/personal/sidemenu_footer_banner.png);margin: 30px auto;}



.page_rec .content_box .l_con_box .sidemenu_list ul li:not(.list_title) a{position: relative;}
.page_rec .content_box .l_con_box .sidemenu_list ul li:not(.list_title) a:hover{color: #f79b4d;}



.page_rec .content_box .l_con_box .sidemenu_list ul .list_title a {background-repeat: no-repeat; background-position: 61px center;} 

.page_rec .content_box .l_con_box .notice_menu{background-color: #fff5e7;}
.page_rec .content_box .l_con_box .notice_menu .b_title a .notice_icon1{width: 22px;height: 22px; background-image: url(../images/financial/xxpl_icon.png);position: absolute;left: 20px;top: 50%;margin-top: -11px;}
.page_rec .content_box .l_con_box .notice_menu .b_title a span{display: table-cell;vertical-align: middle;}

.page_rec .content_box .l_con_box .notice_menu .menu_con a{width: 100%;height: 50px; line-height: 50px; display: block; color: #4c4c4c;font-size: 16px;position: relative;padding-left: 50px; }
.page_rec .content_box .l_con_box .notice_menu .menu_con a i{width: 22px;height: 22px;display: block; background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;position: absolute; left: 20px; top: 50%;margin-top: -11px;}


.page_rec .content_box .l_con_box .notice_menu .menu_con .news_icon{background-image: url(../images/financial/zxzx_icon.png);}

.page_rec .content_box .l_con_box .notice_menu .menu_con .notice_icon{background-image: url(../images/financial/item_icon6.png);}

.page_rec .content_box .l_con_box .notice_menu .menu_con .next_arrow{width: 12px;height: 12px;position: absolute;left: 208px;top: 50%;margin-top: -6px; background-image: url(../images/personal/arrow_up.png);}


.page_rec .content_box .r_con_box{width: 840px;}


.page_rec .content_box .rec_box .r_title p:nth-child(1){background-image: url(../images//personal/p_rec_icon2.png);}
.page_rec .content_box .invest_box .r_title p:nth-child(1){background-image: url(../images//personal/p_rec_icon3.png) ;}
.page_rec .content_box .savings_box .r_title p:nth-child(1){background-image: url(../images//personal/p_rec_icon4.png) ;}
.page_rec .content_box .loan_box .r_title p:nth-child(1){background-image: url(../images//personal/p_rec_icon5.png) ;}
.page_rec .content_box .private_box .r_title p:nth-child(1){background-image: url(../images//personal/p_rec_icon6.png) ;}

.page_rec .content_box .r_con_box .r_title p:nth-child(1){font-size: 18px;color: #f79b4d;background-repeat:no-repeat; background-position: left center;background-size: 23px; padding-left: 29px;margin-bottom: 10px;}


.page_rec .content_box .r_con_box .r_title p:nth-child(2){width: 900px;height: 3px;background: url(../images/personal/r_title_line.png) no-repeat 50% 50%;background-size: cover;}

.page_rec .content_box .r_con_box .r_content{width: 100%;}


/* 投资理财列表页 */
.page_rec .content_box .r_con_box{width: 900px;display: none;}
.page_rec .content_box .r_con_box .r_content ul{width: 100%;margin: 30px 0px 60px;clear: both;overflow: hidden;}
.page_rec .content_box .r_con_box .r_content ul li{width: 50%;float: left; }

.page_rec .content_box .r_con_box .r_content ul li .icon_box{float: left; text-align: center;width: 120px;}
.page_rec .content_box .r_con_box .r_content ul li .icon_box p{font-size: 18px;color: #f79b4d;}
.page_rec .content_box .r_con_box .r_content ul li .text_box{float: left;margin: 20px 0px 0px 20px;width: 285px;}

.page_rec .content_box .r_con_box .r_content ul li .text_box .primary_item{float: left;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p{width: 140px;float: left;font-size: 16px;display: block;margin-bottom: 10px;position: relative;padding-left: 10px;color: #4c4c4c;position: relative;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p a{color: #4c4c4c;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p a:hover{color: #f79b4d;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p .dot{width: 5px;height: 5px;background-color: #f79b4d; position: absolute;left: 0px;top: 50%;margin-top: -2.5px;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p.more{color: #a7a7a7;cursor: pointer;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p.pMore{display: none;}
.page_rec .content_box .r_con_box .r_content ul li .text_box p:hover{color: #f79b4d;}

.page_rec .content_box .r_con_box .r_content ul li .text_box .secondary_item{width: 126px; float: right;text-align: left;}





/* END 个人客户——重点推荐 */