/*布局*/
body::-webkit-scrollbar{width:0;}

.box1-wrap{border: 1px solid #EEBDBC;padding: 20px 30px 14px;margin: 20px 0;}
.box1-wrap .box1-left-wrap,.box1-wrap .box1-right-wrap{width:300px;margin-top: -4px;}
.box1-wrap .box1-center-wrap{width:484px;margin-left: 25px;}
.box2-left-wrap{width: 244px;height: 480px;border-radius: 1px;border: 1px solid #93C18D;background-color:#fff;padding:15px 30px;}
.box2-right-wrap{width: 226px;height:480px;background: #FFFFFF;border-radius: 1px;border: 1px solid #93C18D;padding: 15px 30px 15px 26px;}
.box2-center-wrap{width: 532px;height: 480px;background: #FFFFFF;border-radius: 1px;border: 1px solid #EEBDBC;padding:15px 20px;margin-left:18px;}
.box4-wrap{margin:20px 0 50px;border: 1px solid #EEBDBC;padding:15px 30px;}
.box3-wrap{margin:20px 0;}

/*模块标题*/
.column-title {position:relative;}
.column-title .title-img {display:block;width:100%;background-color:#fff;}
.column-title .more{position:absolute;right:0;bottom: 5px;line-height: 20px;font-size: 14px;color:#444;padding-right: 22px;background: url(/zybank/uiFramework/commonResource/zip/images/images/more.png) right center no-repeat;background-size: 14px;}
.column-title .more.hong:hover{color: #E60012;}
.column-title .more.lv:hover{background-image:url(/zybank/uiFramework/commonResource/zip/images/images/morelv.png);color: #00A73C;}
.column-title .more.huang:hover{background-image:url(/zybank/uiFramework/commonResource/zip/images/images/morehuang.png);color: #F39800;}
.column-title .more.no-jt {background: none;padding-right: 0;}

/*列表*/
.column-list{margin-top: 12px;}
.column-list li{overflow:hidden;line-height:42px;}
.column-list li a{float:left;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;}
.column-list li span{float:right;}
.column-list li:hover *{color:#E60012;}

/*首页视频*/
.home-video {border: 2px solid #EB9196;border-radius: 6px;overflow:hidden;width:100%;height:278px;}
.home-video a{display:block;width:100%;height:100%;position:relative;}
.home-video a img{width:100%;height:100%;object-fit:cover;}
.home-video img.videobutton{position:absolute;top: 40%;left: 42%;opacity:.5;transition:opacity .3s linear;width:auto;height:auto;}
.home-video:hover img.videobutton{opacity:1;}

.home-video video{width:100%;height:100%;object-fit:cover;}

/*信用卡*/
.cards-box {width:110px;margin-bottom: 18px;}
.cards-box .cards{height:200px;overflow:hidden;margin-top:15px;}
.cards-box .swiper-slide{text-align:center;}
.cards-box .swiper-slide img{width:100%;/*border: 2px solid rgb(147 193 141 / 98%);*/box-sizing: border-box;border-radius: 8px;overflow: hidden;}
.cards-box .swiper-slide h2{font-weight:normal;font-size:12px;line-height: 22px;}

/*常用工具*/
.links-gongju {overflow:hidden;padding: 4px 0;margin-top:8px;}
.links-gongju li{float:left;width:50%;line-height:42px;}
.links-gongju li img{vertical-align:middle;margin-right:6px;margin-bottom:2px;height: 16px; margin-bottom:5px;}
.links-gongju li a{vertical-align:middle;    font-size: 16px;}
.links-gongju li:hover a{color:#00A73C;}

/*一点财富*/
.cai-list {overflow:hidden;margin: 14px 0 18px;}
.cai-list.cai-list1 h3 a{line-height:72px;}
.cai-list.cai-list-hong h3{background-color: #FDEDEE;}
.cai-list.cai-list-hong h3 a{color: #E60012;}
.cai-list h3{position:relative;float: left;background-color: #FFF7EE;text-indent:10px;width: 102px;}
.cai-list h3 img{display:none;}
.cai-list h3 a{line-height:38px;color:#F39800;font-size: 16px;font-weight: normal;position: relative;z-index: 1;display: block;}
.cai-list h3:hover::after{content:"";width:110%;height: 100%;display:block;background:#FFF7EE url(/zybank/uiFramework/commonResource/zip/images/images/morehuang.png) 90% center no-repeat;position:absolute;top:0;left:0;z-index: 0;}
.cai-list h3:hover img{display:inline-block;}
.cai-list li{float:left;line-height:38px;width: 24%;margin-left: 2%;}
.cai-list li a{background:url(/zybank/uiFramework/commonResource/image/2022121714475946562.png) left center no-repeat;text-indent: 22px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:16px;background-size: 16px !important;}
.cai-list li a:hover {color:#F39800;}
.cai-list.cai-list-hong li a:hover {color:#E60012;}
.cai-list.cai-list-hong h3:hover::after{background: #FDEDEE url(/zybank/uiFramework/commonResource/zip/images/images/morehong.png) 90% center no-repeat;}
.cai-list.cai-list-hong h3:hover img{display:inline-block;}
.cai-list.cai-list-hong li a{background: url(/zybank/uiFramework/commonResource/image/2022121714513475045.png) left center no-repeat;}
.cai-list.txt-long h3:hover::after{background:#FDEDEE url(/zybank/uiFramework/commonResource/zip/images/images/morehong.png) 92% center no-repeat;width:123%;}

/*数智银行*/
.shuzhi-list {padding:13px 0 6px;}
.shuzhi-list li{width: 100%;line-height:44px;border: 1px solid;border-image: linear-gradient(135deg, rgba(95, 176, 22, .29), rgba(186, 164, 44, .29)) 1 1;margin-bottom:6px;box-sizing:border-box;}
.shuzhi-list li{-moz-transition: all 0.4s linear;  -webkit-transition: all 0.4s linear;  -o-transition: all 0.4s linear;  transition: all 0.4s linear;}
.shuzhi-list li a{display:block;font-size: 16px;-moz-transition: all 0.4s linear;  -webkit-transition: all 0.4s linear;  -o-transition: all 0.4s linear;  transition: all 0.4s linear;}
.shuzhi-list li img{vertical-align:middle;margin-left:11px;margin-right:7px;margin-bottom:3px;height:28px;}
.shuzhi-list li:hover {border-image: linear-gradient(135deg, rgba(95, 176, 22, 1), rgba(186, 164, 44, 1)) 1 1;}
.shuzhi-list li:hover a{color:#00A73C;}

/*便捷服务*/
.bianjie-list{height:160px;overflow:hidden;margin:16px 0 8px;}
.bianjie-list .swiper-slide{height:28px !important;line-height:28px;}
.bianjie-list .swiper-slide img{vertical-align:top;margin-right:10px;height: 28px;}
.bianjie-list .swiper-slide a{font-size:16px;}
.bianjie-list .swiper-slide:hover a{color:#00A73C;}
.column-title .pagination {position:absolute;right: 24px;top: 0px;width: auto;left: auto;line-height: 28px;}
.column-title .arrowRight{position: absolute;right: 0;top: 7px;cursor:pointer;}
.column-title .arrowRight img{width:14px;}
.column-title .arrowRight:hover img.none{display:block;}
.column-title .arrowRight:hover img.show{display:none;}

/*特色金融服务*/
.tese-list {text-align: justify;padding-top: 19px;}
.tese-list li{display:inline-block;width: 218px;vertical-align: top;/* height: 128px; */}
.tese-list li.end{width:100%;}
.tesefuwu-list {height: 139px;clear:both;}
.tesefuwu-list .title-img{display:block;width:100%;margin-bottom:10px;}
.tesefuwu-list li {width:50%;float:left;line-height: 34px;}
.tesefuwu-list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background: url(/zybank/uiFramework/commonResource/image/2022121714484323165.png) left center no-repeat;text-indent: 20px;background-size: 14px;}
.tesefuwu-list li:hover a{color:#E60012;}

/*中间专题*/
.zhuanti-list {height:180px;border: 1px solid #EEBDBC;overflow:hidden;position:relative;}
.zhuanti-list img{width:100%;height:180px;}
.zhuanti-list .pagination-zhuanti{position:absolute;bottom:11px;right:18px;left:unset !important;width:auto !important;z-index:9;top: unset !important;}
.zhuanti-list .pagination-zhuanti span{width:10px;height:5px;border-radius:2px;background-color:#ffe1e1;opacity:1;display: inline-block !important;margin: 0 4px !important;}
.zhuanti-list .pagination-zhuanti span.swiper-pagination-bullet-active{background-color:#E60012;}
 




@media screen and (max-width: 767px) {
.list4{margin-top:20px;}
    /*布局*/
    .box1-wrap{padding: 3% 4%;;margin: 20px 0;}
    .box1-wrap .box1-left-wrap,.box1-wrap .box1-right-wrap{width:100%;;}
    .box1-wrap .box1-center-wrap{width:100%;margin:20px 0px;}
    .box2-left-wrap{width: 100%;height:auto;padding: 3% 4%;box-sizing: border-box;}
    .box2-right-wrap{width: 100%;height:auto;padding: 3% 4%;box-sizing: border-box;margin-bottom:20px;}
    .box2-center-wrap{width: 100%;height:auto;padding: 3% 4%;margin-left:0px;box-sizing: border-box; border-box;margin:20px 0;}
    .box4-wrap{padding: 3% 4%;}

    /*模块标题*/
    .column-title {overflow:hidden;height: 30px;background-size: auto 120% !important;}
    .column-title .title-img {display:none;}
    .column-title .more{position:unset;float:right;line-height: 30px;}
    /*列表*/
    .column-list{margin-top:8px}

    /*首页视频*/
    .home-video{margin:15px 0;height:auto;}

     /*信用卡*/
    .cards-box {width:49%;}
    .cards-box .cards{height:auto;}

    /*中间专题*/
    .zhuanti-list {height:auto;}
    .zhuanti-list img{height:auto;}
    /*一点财富*/
    .cai-list {overflow:hidden;margin: 16px 0 0px;}
    .cai-list h3 {float: none;display:block;}
    .cai-list h3 a{line-height:38px !important;}
    .cai-list li{width: 31%;margin-left: 2%;line-height: 46px;}

    /*便捷服务*/
    .bianjie-list{height:192px;}
    .bianjie-list .swiper-slide{height:36px;line-height:36px;}
    /*特色金融服务*/
    .tese-list li{display:block;width: 100%;}
    .tesefuwu-list li {line-height:42px;width: 50%;}

}
}