/*common*/
body {
  overflow-x: hidden;
}
.comwidth{margin:0 auto;width:6.25rem;height:2.58rem}
.sq-txt {
    color:#fff;
    font-size:16px;
    margin-bottom:5px;
    text-align: center;
}
.layui-layer-tips .layui-layer-content {
    padding:6px 6px; border-radius:5px;
}
.layui-layer-tips i.layui-layer-TipsG {

    z-index: -1;
}
a:hover{color:#d17b42}
.imgS{display:block;overflow:hidden;border-radius:8px}
.imgS:hover img{transition:all .6s;transform:scale(1.1);-ms-transform:scale(1.1)}
.bg-1{min-height:3.2031rem;background:url(/uiFramework/commonResource/image/2022052410291995221.png) no-repeat;background-size:cover}
.bg-1,.bg-2{overflow:hidden;width:100%}
.bg-2{min-height:3.0078rem;background:url(/uiFramework/commonResource/image/2022052410400848909.png) no-repeat;background-size:cover}
.swiper-banner{position:relative;overflow:hidden;width:100%;height:100%}
.swiper-banner .swiper-slide img{width:100%;height:1.875rem;object-fit:cover}
.xyk_tit{padding-top:90px;color:#333;font-size:42px}
/*信用卡产品*/
.tabs,.xyk_tit{padding-bottom:40px;text-align:center}
.tabs li{position:relative;display:inline-block;margin:0 20px;padding-bottom:5px;font-size:18px}
.tabs .select{border-bottom:2px solid #cf7a42;color:#cf7a42}
.tabs .select:before{position:absolute;bottom:-.0391rem;left:50%;display:block;width:0;height:0;border-top:.0391rem solid #d17b42;border-right:.0391rem solid transparent;border-left:.0391rem solid transparent;content:"";transform:translateX(-50%);-ms-transform:translateX(-50%)}
.certify{padding-top:30px;position:relative;margin:0 auto;width:1280px}
.certify .swiper-container{padding-bottom:60px}
.certify .swiper-slide{width:440px}
.certify .swiper-slide-active {
    transform: translateY(18px) !important;
}
.certify .swiper-slide .card_jj{opacity:0;transition-duration:.5s}
.certify .swiper-slide-active .card_jj{opacity:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url('/uiFramework/commonResource/image/2022052608413337905.png')!important;background-size:cover!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url('/uiFramework/commonResource/image/2022052608420113405.png')!important;background-size:cover!important}
.certify .swiper-slide img{display:block;width:100%}
.card_jj{margin-top:40px;text-align:center}
.card_jj .card_tit{text-align:center;font-size:18px}
.card_jj .card_summary{margin:15px 0;color:#666;text-align:center;font-size:16px}
.card_sq{display:inline-block;padding:10px 40px;border-radius:25px;background:#cf7a42}
.card_sq,.card_sq:hover{color:#fff}
/*卡片*/
#con4{overflow:hidden;padding:50px 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
figure{margin:0}
.grid{position:relative;clear:both;margin:0 auto;max-width:1200px;list-style:none;text-align:center;display: flex;justify-content: space-between; flex-wrap: wrap;;margin-bottom:20px;}
figure.effect-jazz{background:#cf7a42}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 0;width:49%;height:auto;max-width:578px;max-height:360px;min-width:320px;border-radius:10px;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;max-width:100%;min-height:100%}
figure.effect-jazz:hover img{opacity:.4;transform:scale3d(1.05,1.05,1)}
figure.effect-jazz figcaption:after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:"";opacity:0;transform:rotate(45deg) scaleY(0);transform-origin:50% 50%;-ms-transform-origin:50% 50%}
figure.effect-jazz figcaption:after,figure.effect-jazz img,figure.effect-jazz p{transition:opacity .35s,transform .35s}
.grid figure figcaption:after,.grid figure figcaption:before{pointer-events:none}
figure.effect-jazz:hover figcaption:after{opacity:1;transform:rotate(45deg) scaleX(1)}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
figure.effect-jazz>h2{position:absolute;right:0;bottom:0;display:block;padding-right:18px;padding-left:22px;width:150px;height:95px;background:url(/uiFramework/commonResource/image/2022052514032395369.png);background-size:cover;background-repeat:no-repeat;color:#fff;text-align:right;font-weight:400;font-size:18px;line-height:130px}
figure.effect-jazz:hover>h2{opacity:0}
figure.effect-jazz .container{display:-ms-flexbox;display:flex;box-sizing:border-box;padding:.5em 6em;width:100%;height:100%;text-transform:none;font-size:.85em;opacity:0;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-direction:column;flex-direction:column}
figure.effect-jazz:hover .container{opacity:1}
figure.effect-jazz .container p{color:#fff}
figure.effect-jazz .container .tit{font-size:18px}
figure.effect-jazz .container .short{margin:10px 0;font-size:14px}
figure.effect-jazz .container .more{display:inline-block;margin:0 auto;width:100px;height:30px;border-radius:5px;background:#dfa684;color:#fff;line-height:30px}
/*视频*/
.video-box{padding:15px 15px 85px;width:1200px;background-size:cover;margin:100px auto 0}
.video-box .video{position:relative;width:100%;height:100%}
.play_gray{z-index:2;background:url(/uiFramework/commonResource/image/2022052515515393958.png) no-repeat 50%}
.cover,.play_gray{position:absolute;top:0;left:0;width:100%;height:100%}
.cover{z-index:1}
video#playV {
    width: 100%;
    height: 100%;
}
/*适配*/
@media screen and (max-width:768px){
html{font-size:100px!important}
.full-contianer {padding-top: 60px;}
.xyk_tit{padding-top:40px;color:#333;font-size:24px}
.tabs li { margin: 20px 5px;}
.certify{padding-top:30px;position:relative;margin:0 auto;width:98%}
.certify .swiper-slide{width:80%;opacity:0!important}
.certify .swiper-slide-active{opacity:1!important}
.grid{width:95%;margin:0 auto}
.effect-jazz{width:100%!important}
.grid figure{margin:10px 0}
.video-box { width: 95%;height: auto; margin: 0 auto; box-sizing: border-box;}


#tabs{padding-bottom: 0;}
.tabs li{margin: 10px 5px;}

.xyk_tit{ font-size:22px;   padding: 30px 0 20px 0;}
.swiper-container-ts{    margin: 14px auto 40px auto !important;}
.certify{padding-top:10px;}
#con4{padding:20px 0;}
.video-box{    padding: 30px 0px 30px;}
.bg-2{min-height: 1.0078rem;}
.swiper-container-ts .swiper-slide{width:47.5%;}

}