@charset "utf-8";
/* CSS Document */
/*.merchantEdition .swiper-wrapper { position: relative;}*/
body.onload { opacity: 0;}
body.endload { opacity: 1;}
#wrapper #header{position:relative;}
body { overflow-x: hidden;}

/* 2021改版 */
/* .header_box{background:url(../Image/memberMarketing/2021/banner.jpg) top center no-repeat;position: relative;height: 636px;background-size: cover;width: 100%;margin: 0 auto;} */
.header_box{background:#1a62e1;position: relative;height: 540px;background-size: cover;width: 100%;margin: 0 auto;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: inline-block; color: #ffffff; font-size: 18px;}
.header_box .header .header_r { z-index: 0; width: 618px; height: 360px; right: 0; top: 50%; transform: translateY(-50%); background: url(../Image/memberMarketing/2021-12/banner_bg.png) no-repeat center center;}
.header_box .header .header_r .ele_1 { top: 69px; left: 29px; z-index: -1; animation: ele_1 5s 0s ease-in-out infinite alternate;-webkit-animation: ele_1 5s 0s ease-in-out infinite alternate;}
.header_box .header .header_r .ele_2 { top: 5px; left: 245px; z-index: -1; animation: ele_2 4s 0s ease-in-out infinite alternate;-webkit-animation: ele_2 4s 0s ease-in-out infinite alternate;}
.header_box .header .header_r .ele_3 { top: 123px; left: 184px; z-index: -1; opacity: 0; animation: ele_3 .6s .65s ease-in-out forwards alternate;-webkit-animation: ele_3 .6s .65s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_3 img { animation: ele_3_img 5s 2s ease-in-out infinite alternate;-webkit-animation: ele_3_img 5s 2s ease-in-out infinite alternate;}
.header_box .header .header_r .ele_4 { top: 0px; right: 120px; z-index: -1; opacity: 0; animation: ele_4 .6s .65s ease-in-out forwards alternate;-webkit-animation: ele_4 .6s .65s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_5 { top: 54px; right: 192px; z-index: -1; opacity: 0; animation: ele_5 .2s .65s ease-in-out forwards alternate;-webkit-animation: ele_5 .2s .65s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_6 { top: 94px; right: 4px; z-index: -1; opacity: 0; animation: ele_6 .6s .65s ease-in-out forwards alternate;-webkit-animation: ele_6 .6s .65s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_7 { top: 175px; right: 75px; z-index: -1; opacity: 0; animation: ele_5 .2s .65s ease-in-out forwards alternate;-webkit-animation: ele_5 .2s .65s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_8 { top: 170px; left: 270px; opacity: 0; animation: ele_8 .3s 0s ease-in-out forwards alternate;-webkit-animation: ele_8 .3s 0s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_9 { top: 190px; left: 265px; opacity: 0; animation: ele_8 .3s .1s ease-in-out forwards alternate;-webkit-animation: ele_8 .3s .1s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_10 { top: 210px; left: 260px; opacity: 0; animation: ele_8 .3s .2s ease-in-out forwards alternate;-webkit-animation: ele_8 .3s .2s ease-in-out forwards alternate;}
.header_box .header .header_r .ele_11 { top: 230px; left: 255px; opacity: 0; animation: ele_8 .3s .3s ease-in-out forwards alternate;-webkit-animation: ele_8 .3s .3s ease-in-out forwards alternate;}
@keyframes ele_1{
    0% { opacity: 0;}
    50% { opacity: .5; -webkit-transform: translate(50%, 0); transform: translate(50%, 0);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_1{
    0% { opacity: 0;}
    50% { opacity: .5; -webkit-transform: translate(50%, 0); transform: translate(50%, 0);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes ele_2{
    0% { opacity: 0;}
    50% { opacity: .5; -webkit-transform: translate(30%, 20%) rotate(90deg); transform: translate(30%, 20%) rotate(90deg);}
    100% { opacity: 1; -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0);}
}
@-webkit-keyframes ele_2{
    0% { opacity: 0;}
    50% { opacity: .5; -webkit-transform: translate(30%, 20%) rotate(90deg); transform: translate(30%, 20%) rotate(90deg);}
    100% { opacity: 1; -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0);}
}
@keyframes ele_3{
    0% { opacity: 0; -webkit-transform: translate(100%, 150%); transform: translate(100%, 150%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_3{
    0% { opacity: 0; -webkit-transform: translate(100%, 150%); transform: translate(100%, 150%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes ele_3_img{
    0% { opacity: 1;}
    50% { opacity: .5; -webkit-transform: translate(10%, 0); transform: translate(10%, 0);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_3_img{
    0% { opacity: 1;}
    50% { opacity: .5; -webkit-transform: translate(10%, 0); transform: translate(10%, 0);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes ele_4{
    0% { opacity: 0; -webkit-transform: translate(-100%, 250%); transform: translate(-100%, 250%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_4{
    0% { opacity: 0; -webkit-transform: translate(-100%, 250%); transform: translate(-100%, 250%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes ele_5{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes ele_5{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes ele_6{
    0% { opacity: 0; -webkit-transform: translate(-100%, 150%); transform: translate(-100%, 150%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_6{
    0% { opacity: 0; -webkit-transform: translate(-100%, 150%); transform: translate(-100%, 150%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes ele_8{
    0% { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@-webkit-keyframes ele_8{
    0% { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%);}
    100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}

/*智慧会员营销*/
.content { position: relative; background: #ffffff;}
.content .part01{width: 1080px; position: absolute; top: -60px; left: 50%; margin-left: -540px;background: #fff;box-shadow: 0 0 38px rgba(198, 198, 198, .3);}
.content .part01>h1{text-align: center;font-size: 26px;color: #1f2b43;font-weight: 500;text-align: center;line-height: 1;padding-top:30px;}
.content .part01>p{font-size: 16px;color: #666666;text-align: center;line-height: 1;padding-top:17px;padding-bottom:15px;}
.content .part01_list::after{content: "";display: block;clear: both;}
.content .part01_list .part01_box{width:25%;height: 100px;display: flex; justify-content: center; align-content: center; align-items: center; background: #ffffff; cursor: pointer;box-sizing: border-box;float: left;text-align: center;padding: 0 30px;transition: all .3s;}
.content .part01_list .part01_box:last-child{margin-right: 0;}
.content .part01_list .part01_box .part01_img{display: inline-block; margin-right: 13px; vertical-align: -webkit-baseline-middle; border-radius: 50%;}
.content .part01_list .part01_box .part01_txt { display: inline-block;}
.content .part01_list .part01_box .part01_txt>p{font-size: 18px;line-height: 30px; font-weight: 400; color: #444444; text-align: left;}
.content .part01_list .part01_box .part01_txt>span{display: block;font-size: 14px;line-height: 24px;color: #666666; text-align: justify;}
.content .part01_list .part01_box:hover{ background: #e7f0ff;}

.content .part02>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 210px;}
.content .part02>p{font-size: 16px;color: #666666;margin-bottom: 45px;text-align: center;}
.content .part02 .part02_box { width: 1080px; box-sizing: border-box; margin: 0 auto; padding-bottom: 60px; display: flex; justify-content: space-around; align-items: stretch;}
.content .part02 .part02_box .inner { flex: 0 0 255px; background-color: #fcfcfd; transition: all .3s; box-shadow: 0 0 49px rgba(218, 218, 218, .36); border-radius: 5px;}
.content .part02 .part02_box .inner:nth-child(1) { background-image: url(../Image/memberMarketing/2024-01/part_02_bg_01.png); background-position: calc(100% + 43px) calc(100% + 15px); background-repeat: no-repeat;}
.content .part02 .part02_box .inner:nth-child(2) { background-image: url(../Image/memberMarketing/2024-01/part_02_bg_02.png); background-position: calc(100% + 72px) calc(100% + 20px); background-repeat: no-repeat;}
.content .part02 .part02_box .inner:nth-child(3) { background-image: url(../Image/memberMarketing/2024-01/part_02_bg_03.png); background-position: calc(100% + 66px) calc(100% + 8px); background-repeat: no-repeat;}
.content .part02 .part02_box .inner:nth-child(4) { background-image: url(../Image/memberMarketing/2024-01/part_02_bg_04.png); background-position: calc(100% + 46px) calc(100% + 19px); background-repeat: no-repeat;}
.content .part02 .part02_box .inner:nth-child(1):hover { background-position: calc(100% + 33px) calc(100% + 5px);}
.content .part02 .part02_box .inner:nth-child(2):hover { background-position: calc(100% + 62px) calc(100% + 10px);}
.content .part02 .part02_box .inner:nth-child(3):hover { background-position: calc(100% + 56px) calc(100% - 2px);}
.content .part02 .part02_box .inner:nth-child(4):hover { background-position: calc(100% + 36px) calc(100% + 9px);}
.content .part02 .part02_box .inner .title { padding: 18px; background: linear-gradient(to right, #e5ecf5, #eaf1fb); border-radius: 5px 5px 0 0; display: flex; align-items: center;}
.content .part02 .part02_box .inner .title span { font-size: 18px; margin-left: 10px; color: #1f2b43;}
.content .part02 .part02_box .inner ul { padding: 28px;}
.content .part02 .part02_box .inner ul li { line-height: 32px; font-size: 15px; color: #1f2b43;}
.content .part02 .part02_box .inner ul li i { display: inline-block; width: 15px; height: 11px; margin-right: 16px; background: url(../Image/memberMarketing/2024-01/part_02_icon.png) 0 0 no-repeat;}

.content .part03{ width:100%; background: #f5f7fa; height: 580px;overflow: hidden; position: relative; z-index: 0; background: url(../Image/memberMarketing/2024-01/part_03_bg.png) center center no-repeat;}
.content .part03>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:65px;line-height: 1;font-weight: 500;padding-top: 60px;}
.content .part03 .part03_box { width: 1080px; padding: 0 30px; box-sizing: border-box; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch;}
.content .part03 .part03_box .inner { margin-right: 70px;}
.content .part03 .part03_box .inner .title { position: relative; width: 122px; height: 122px; margin: 0 auto;}
.content .part03 .part03_box .inner .title::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(190, 213, 253, 1); border-radius: 50%; opacity: .36;}
.content .part03 .part03_box .inner .title::after { display: block; content: ""; width: 102px; height: 102px; position: absolute; top: 10px; left: 10px; background: rgba(249, 250, 252, 1); border-radius: 50%; opacity: .77;}
.content .part03 .part03_box .inner .title span { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; position: absolute; top: 18px; left: 18px; z-index: 1; border: 6px rgba(251, 251, 251, .77) solid; border-radius: 50%; line-height: 1; text-align: center; color: #ffffff; font-size: 18px; background: url(../Image/memberMarketing/2024-01/part_03_title_bg.png) 0 0 no-repeat;}
.content .part03 .part03_box .inner .arrow { display: block; width: 30px; height: 30px; background: url(../Image/memberMarketing/2024-01/part_03_icon.png) 0 -270px no-repeat; margin: 8px auto 0;}
.content .part03 .part03_box .inner ul li { width: 135px; height: 56px; margin-bottom: 16px; border: 1px #e5e6e6 solid; border-radius: 5px; background: #ffffff; box-sizing: border-box; padding-left: 10px; display: flex; align-items: center; justify-content: flex-start;}
.content .part03 .part03_box .inner ul li i { display: inline-block; width: 30px; height: 30px; background: url(../Image/memberMarketing/2024-01/part_03_icon.png) 0 0 no-repeat;}
.content .part03 .part03_box .inner:nth-child(1) ul li:nth-child(1) i { background-position: 0 0px;}
.content .part03 .part03_box .inner:nth-child(1) ul li:nth-child(2) i { background-position: 0 -30px;}
.content .part03 .part03_box .inner:nth-child(1) ul li:nth-child(3) i { background-position: 0 -60px;}
.content .part03 .part03_box .inner:nth-child(2) ul li:nth-child(1) i { background-position: 0 -90px;}
.content .part03 .part03_box .inner:nth-child(2) ul li:nth-child(2) i { background-position: 0 -120px;}
.content .part03 .part03_box .inner:nth-child(2) ul li:nth-child(3) i { background-position: 0 -150px;}
.content .part03 .part03_box .inner:nth-child(3) ul li:nth-child(1) i { background-position: 0 -180px;}
.content .part03 .part03_box .inner:nth-child(3) ul li:nth-child(2) i { background-position: 0 -210px;}
.content .part03 .part03_box .inner:nth-child(3) ul li:nth-child(3) i { background-position: 0 -240px;}
.content .part03 .part03_box .inner ul li span { font-size: 15px; color: #1f2b43; margin-left: 8px;}

.content .part04{ background: #ffffff; text-align: center; padding-bottom: 57px;}
.content .part04>h1{font-size: 26px;color: #1f2b43;font-weight: 500;line-height: 1; padding-top: 80px;}
.content .part04>p{font-size: 16px;color: #666666;margin: 50px 0 10px;}
.content .part04 .part04_box { width: 1080px; box-sizing: border-box; margin: 0 auto; position: relative;}
.content .part04 .part04_box img { position: relative; z-index: 1;}
.content .part04 .part04_box ul li { position: absolute; z-index: 0;}
.content .part04 .part04_box ul li:nth-child(1) { top: 3px; left: 35px;}
.content .part04 .part04_box ul li:nth-child(2) { top: -3px; right: 37px;}
.content .part04 .part04_box ul li:nth-child(3) { bottom: 16px; left: 3px;}
.content .part04 .part04_box ul li:nth-child(4) { top: 214px; right: -2px;}

.content .part05 { width:100%; background: #f5f7fa url(../Image/memberMarketing/2024-01/part_05_bg.png) center center no-repeat;; padding-bottom: 50px;}
.content .part05>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 70px;}
.content .part05>p{font-size: 16px;color: #666666;margin: 20px 0 45px;text-align: center;}
.content .part05 .part05_box { width: 1080px; box-sizing: border-box; margin: 0 auto; position: relative; text-align: center;}

.content .part06>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 60px;}
.content .part06>p{font-size: 16px;color: #666666;margin-bottom: 45px;text-align: center;}
.content .part06 .part06_box { width: 1080px; box-sizing: border-box; margin: 0 auto; padding-bottom: 25px; display: flex; justify-content: space-between; align-items: stretch;}
.content .part06 .part06_box .inner { flex: 0 0 253px; box-sizing: border-box; padding: 44px 24px; position: relative;}
.content .part06 .part06_box .inner:nth-child(1) { background-image: url(../Image/memberMarketing/2024-01/part_06_01_bg.png); background-position: 0 0; background-repeat: no-repeat;}
.content .part06 .part06_box .inner:nth-child(2) { background-image: url(../Image/memberMarketing/2024-01/part_06_02_bg.png); background-position: 0 0; background-repeat: no-repeat;}
.content .part06 .part06_box .inner:nth-child(3) { background-image: url(../Image/memberMarketing/2024-01/part_06_03_bg.png); background-position: 0 0; background-repeat: no-repeat;}
.content .part06 .part06_box .inner:nth-child(4) { background-image: url(../Image/memberMarketing/2024-01/part_06_04_bg.png); background-position: 0 0; background-repeat: no-repeat;}
.content .part06 .part06_box .inner .title { display: flex; align-items: center; margin-bottom: 10px;}
.content .part06 .part06_box .inner .title span { font-size: 20px; color: #1d2129; font-weight: 400;}
.content .part06 .part06_box .inner .title i { display: block; width: 60px; height: 0px; transition: all .3s; position: absolute; top: 1px; left: 25px; background: linear-gradient(to right, #95cdff, #58a9f9);}
.content .part06 .part06_box .inner .num { font-size: 14px; color: #1d2129; border-bottom: 1px #eff3fd solid; line-height: 50px; height: 50px; font-weight: 400;}
.content .part06 .part06_box .inner .num span { font-size: 40px; color: #3860f4; line-height: 50px;}
.content .part06 .part06_box .inner ul li { display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #1d2129; margin-top: 22px;}
.content .part06 .part06_box .inner ul li span:last-child { margin-right: 30px;}
.content .part06 .part06_box .inner.active:nth-child(1) { background-image: url(../Image/memberMarketing/2024-01/part_06_01_bg_a.png);}
.content .part06 .part06_box .inner.active:nth-child(2) { background-image: url(../Image/memberMarketing/2024-01/part_06_02_bg_a.png);}
.content .part06 .part06_box .inner.active:nth-child(3) { background-image: url(../Image/memberMarketing/2024-01/part_06_03_bg_a.png);}
.content .part06 .part06_box .inner.active:nth-child(4) { background-image: url(../Image/memberMarketing/2024-01/part_06_04_bg_a.png);}
.content .part06 .part06_box .inner.active .title span { color: #ffffff;}
.content .part06 .part06_box .inner.active .title i { height: 4px;}
.content .part06 .part06_box .inner.active .num { color: #ffffff; border-bottom: 1px #bdd4fb solid;}
.content .part06 .part06_box .inner.active .num span { color: #ffffff;}
.content .part06 .part06_box .inner.active  ul li { color: #ffffff;}
.content .part06 .part06_box_bottom { width: 1080px; background: #e9ecf5; box-sizing: border-box; margin: 0 auto; margin-bottom: 90px; display: flex; justify-content: space-between; align-items: stretch;}
.content .part06 .part06_box_bottom .part06_box_bottom_l { flex: 1; padding: 22px 120px 22px 50px;}
.content .part06 .part06_box_bottom .part06_box_bottom_l h3 { font-size: 20px; color: #1d2129;}
.content .part06 .part06_box_bottom .part06_box_bottom_l p { font-size: 14px; color: #1d2129; line-height: 30px;}
.content .part06 .part06_box_bottom .part06_box_bottom_r { position: relative; width: 50%; background: url(../Image/memberMarketing/2024-01/part_06_b_bg.png) right 0 no-repeat;}
.content .part06 .part06_box_bottom .part06_box_bottom_r img { position: absolute; left: -93px; bottom: 0; transition: all .3s;}
.content .part06 .part06_box_bottom:hover .part06_box_bottom_r img { left: -103px;}

.content .part07 { width:100%; background: #f5f7fa; padding-bottom: 60px;}
.content .part07>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 60px;}
.content .part07>p{font-size: 16px;color: #666666;margin-bottom: 20px;text-align: center;}
.content .part07 .part07_box { width: 1080px; margin: 0 auto; text-align: center;}
.content .part07 .part07_box img { margin: 0 auto;}

.content .part08 { width:100%; padding-bottom: 64px;}
.content .part08>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 60px;}
.content .part08>p{font-size: 16px;color: #666666;margin-bottom: 20px;text-align: center;}
.content .part08 .part08_box { width: 1080px; margin: 0 auto; text-align: center;}
.content .part08 .part08_box img { margin: 0 auto;}

.content .part09 { width:100%; background: #f5f7fa; padding-bottom: 64px;}
.content .part09>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 60px;}
.content .part09>p{font-size: 16px;color: #666666;margin-bottom: 20px;text-align: center;}
.content .part09 .part09_box { width: 1080px; margin: 0 auto; text-align: center;}
.content .part09 .part09_box img { margin: 0 auto;}


.content .part10{padding: 78px 0 111px;width: 100%;text-align: center;padding-bottom: 50px;}
.content .part10 h1{font-size: 26px;color: #1f2b43;line-height: 1;font-weight: 500;margin-bottom: 37px;}
.content .part10 .part10_box { display: flex; justify-content:space-between; width: 1080px; margin: 0 auto;}
.content .part10 .part10_box_l { padding-left: 30px;}
.content .part10 .part10_box_l h3 { width: 100%; font-size:18px;color: #1f2b43; text-align: left; font-weight: 100; line-height: 28px; margin-top: 45px;}
.content .part10 .part10_box_l>p { width: 100%; font-size:15px;color: #8b97b1; text-align: left; line-height: 28px;}
.content .part10 .part10_box_l>p::before { content: ""; display: block; width: 37px; height: 2px; border-radius: 2px; background: #1a62e1; margin: 10px 0 10px;}
.content .part10 .part10_box_l ul{ width: 528px; display: flex; justify-content:space-between; margin:40px 0 0; box-shadow: 0 0 38px rgba(140, 154, 168, .2);
    border: 1px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-image: -webkit-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: -moz-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: -o-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: linear-gradient(#ffffff, #f5f7fa) 0 0;
    background-image: -webkit-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: -moz-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: -o-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: linear-gradient(top,#ecf0f8 ,#fbfcfe);
}
.content .part10 .part10_box_l ul::after{content: "";display: block;clear: both;}
.content .part10 .part10_box_l ul li{ box-sizing: border-box;transition: all .3s;cursor: default; flex: 0 0 25%; padding: 23px 0;}
.content .part10 .part10_box_l ul li img{display: inline-block;}
.content .part10 .part10_box_l ul li p{font-size: 16px;color: #444444;margin-top: 8px;}
.content .part10 .part10_box_r { margin-right: -100px;}

.content .part11{width:100%;background: #f5f7fa;}
.content .part11 > h1 {font-size:26px;color:#1f2b43;font-weight: 500;line-height: 1;padding-top:75px;text-align: center;}
.content .part11>p{font-size: 16px;color: #666666;margin: 38px 0 35px; text-align: center;}
.content .part11 .part11_box { width: 1120px; margin: 0 auto; padding: 0 0 140px 0; display: flex; justify-content: space-around; align-items: center; background: url(../Image/memberMarketing/2021-11/jf_center_bg.png) center center no-repeat;}
.content .part11 .part11_box .level1,.content .part11 .part11_box .level5 { width: 180px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; position: relative; z-index: 1;}
.content .part11 .part11_box .level1 li,.content .part11 .part11_box .level5 li { width: 50%; text-align: center; margin: 10px 0 0;}
.content .part11 .part11_box .level1 li p,.content .part11 .part11_box .level5 li p { font-size: 14px; color: #666666; display: flex; height: 54px; align-items: center; justify-content: center;}
.content .part11 .part11_box .level3 { width: 341px; height: 310px; position: relative; z-index: 1; overflow: hidden;}
.content .part11 .part11_box .level2,.content .part11 .part11_box .level4 { position: relative; z-index: 0;}
.content .part11 .part11_box .level2 { margin: 0 0 15px 94px;}
.content .part11 .part11_box .level4 { margin: 0 94px 15px 0;}
.content .part11 .part11_box .level2 span,.content .part11 .part11_box .level4 span { display: block; width: 116px; height: 54px; font-size: 16px; color: #ffffff; line-height: 54px; text-align: center; border-radius: 8px; background: #0981f3;}
.content .part11 .part11_box .level2::before { display: block; content: ""; position: absolute; top: -200px; right: 50px; z-index: -1; width: 224px; height: 448px; background: url(../Image/memberMarketing/2021-11/jf_r_01.png) 0 0 no-repeat;}
.content .part11 .part11_box .level4::before { display: block; content: ""; position: absolute; top: -200px; left: 50px; z-index: -1; width: 224px; height: 448px; background: url(../Image/memberMarketing/2021-11/jf_r_02.png) 0 0 no-repeat;}
.content .part11 .part11_box .level2 i { display: block; content: ""; position: absolute; top: -92px; left: -143px; z-index: -1; width: 358px; height: 224px; background: url(../Image/memberMarketing/2021-11/jf_line_l.png) 0 0 no-repeat;}
.content .part11 .part11_box .level4 i { display: block; content: ""; position: absolute; top: -92px; left: -100px; z-index: -1; width: 358px; height: 224px; background: url(../Image/memberMarketing/2021-11/jf_line_r.png) 0 0 no-repeat;}
.content .part11 .part11_box .level2::after { display: block; content: ""; position: absolute; top: -92px; left: -147px; z-index: -1; width: 0; height: 224px; background: url(../Image/memberMarketing/2021-11/jf_line_l_dashed.png) 0 0 no-repeat;}
.content .part11 .part11_box .level4::after { display: block; content: ""; position: absolute; top: -92px; left: -100px; z-index: -1; width: 0; height: 224px; background: url(../Image/memberMarketing/2021-11/jf_line_r_dashed.png) 0 0 no-repeat;}
.content .part11 .part11_box.active .level2::after { animation: widths .8s 0s ease forwards alternate;-webkit-animation: widths .8s 0s ease forwards alternate;}
.content .part11 .part11_box.active .level4::after { animation: widths .8s 2s ease forwards alternate;-webkit-animation: widths .8s 2s ease forwards alternate;}
.content .part11 .part11_box .level3_04 .particle {
    opacity: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-animation: bubbles 3s ease-in infinite;
            animation: bubbles 3s ease-in infinite;
    border-radius: 100%;
}

.content .part12{width:100%;background: #f5f7fa; padding-bottom: 90px;}
.content .part12>h1{font-size:26px;color: #1f2b43;text-align: center;margin-bottom:25px;line-height: 1;font-weight: 500; padding-top: 60px;}
.content .part12>p{font-size: 16px;color: #666666;margin-bottom: 45px;text-align: center;}
.content .part12 .part12_box { width: 1080px; box-sizing: border-box; margin: 0 auto; display: flex; justify-content: space-around; align-items: center;}
.content .part12 .part12_box .inner { margin-bottom: 35px; height: 72px; display: flex; justify-content: space-around; align-items: flex-start;}
.content .part12 .part12_box .inner ul { margin: 0 24px;}
.content .part12 .part12_box .inner ul li { font-size: 15px; color: #485163; line-height: 24px;}
.content .part12 .part12_box .inner .title { width: 70px; height: 70px; border: 1px #dadde2 solid; border-radius: 5px; background: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.content .part12 .part12_box .inner .title i { display: block; width: 32px; height: 32px; background-image: url(../Image/memberMarketing/2024-01/part_12_icon.png); background-repeat: no-repeat;}
.content .part12 .part12_box .left,.content .part12 .part12_box .right { display: flex; flex-direction: column; justify-content: space-between; height: 400px;}
.content .part12 .part12_box .left .inner { justify-content: flex-end; text-align: right;}
.content .part12 .part12_box .right .inner { justify-content: flex-start;}
.content .part12 .part12_box .left .inner:nth-child(1) .title i { background-position: 0 0;}
.content .part12 .part12_box .left .inner:nth-child(2) .title i { background-position: 0 -32px;}
.content .part12 .part12_box .left .inner:nth-child(3) .title i { background-position: 0 -64px;}
.content .part12 .part12_box .left .inner:nth-child(4) .title i { background-position: 0 -96px;}
.content .part12 .part12_box .right .inner:nth-child(1) .title i { background-position: 0 -128px;}
.content .part12 .part12_box .right .inner:nth-child(2) .title i { background-position: 0 -160px;}
.content .part12 .part12_box .right .inner:nth-child(3) .title i { background-position: 0 -192px;}
.content .part12 .part12_box .right .inner:nth-child(4) .title i { background-position: 0 -224px;}

@keyframes widths{
	0%{ width:0;}
	100%{ width:358px;}
}
@-webkit-keyframes widths{
	0%{ width:0;}
	100%{ width:358px;}
}
@-webkit-keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}

@keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}

.case { background: #f9faff; padding: 70px 0 0;}
.case h1{color: #1f2b43;font-size: 26px;line-height: 1;font-weight: 500;margin-bottom: 50px;text-align: center;}
.case .case_box { width: 1080px; padding: 50px 0 40px 0; box-sizing: border-box; background: #ffffff; margin: 16px auto 0;}
.case .case_box .case_box_t { padding: 0 60px;}
.case .case_box .case_box_t .image { margin-top: 40px; position: relative;}
.case .case_box .case_box_t .image::before { display: block; content: ""; position: absolute; top: -50px; left: -17px; width: 102px; height: 102px; background: url(../Image/memberMarketing/2021-11/case_icon.png) 0 0 no-repeat; filter: drop-shadow(-16px 6px 10px rgba(65, 123, 232, .2)); animation: case_box_t_icon 6s 0s ease-in-out infinite alternate;-webkit-animation: case_box_t_icon 6s 0s ease-in-out infinite normal;}
.case .case_box .case_box_t .image img { display: block;}
.case .case_box .case_box_t .txt { width: 505px; position: relative;}
.case .case_box .case_box_t .txt::before { display: block; content: ""; position: absolute; top: -15px; left: -65px; width: 57px; height: 40px; background: url(../Image/memberMarketing/2021-11/icon_txt.png) 0 0 no-repeat;}
.case .case_box .case_box_t .txt::after { display: block; content: ""; position: absolute; bottom: -25px; right: 0; width: 57px; height: 40px; background: url(../Image/memberMarketing/2021-11/icon_txt.png) -57px 0 no-repeat;}
.case .case_box .case_box_t .txt h4 { font-size: 18px; color: #303541; margin-bottom: 25px;}
.case .case_box .case_box_t .txt p { font-size: 15px; color: #626773; line-height: 30px; text-align: justify;}
.case .case_box .case_box_t .txt p span { color: #07bad2;}
.case .case_box .case_box_b { position: relative; margin: 40px 0 0 0; padding: 40px 140px 0 90px; border-top: 2px #f5f7fa solid; display: flex; justify-content: space-between;}
.case .case_box .case_box_b::before { content: ""; display: block; width: 170px; height: 191px; position: absolute; top: -73px; right: -137px; background: url(../Image/memberMarketing/2021-11/case_bg.png) center center no-repeat;}
.case .case_box .case_box_b li { flex: 0 0 33.333%; margin-right: 65px;}
.case .case_box .case_box_b li h3 { font-size: 16px; color: #1a62e1;}
.case .case_box .case_box_b li h3 img { margin-right: 13px; vertical-align: middle;}
.case .case_box .case_box_b li .txt { margin: 35px 0 0 38px;}
.case .case_box .case_box_b li .txt p { font-size: 14px; color: #122648; line-height: 22px;}

@keyframes case_box_t_icon{
    0% { transform: translateY(0px);}
    25% { transform: translateY(-8px);}
    50% { transform: translateY(0px);}
    75% { transform: translateY(-8px);}
    100% { transform: translateY(0px);}
}
@-webkit-keyframes case_box_t_icon{
    0% { transform: translateY(0px);}
    25% { transform: translateY(-8px);}
    50% { transform: translateY(0px);}
    75% { transform: translateY(-8px);}
    100% { transform: translateY(0px);}
}

.popServer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1002;}
.popServer .inner { width: 440px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -220px; background: url(../Image/popServer/popup_bg.png) center center no-repeat;background-size: cover;}
.popServer .inner .qrcode { float: left; margin: 97px 0 0 56px; width: 134px;}
.popServer .inner .right { float: left;}
.popServer .inner .right .txt-1 { margin: 65px 0 0 45px;}
.popServer .inner .right .txt-1 h3 { font-size: 23px; color: #04709d; line-height: 1.4em;}
.popServer .inner .right .txt-1 p { font-size: 12px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .right .txt-2 { margin: 20px 0 0 25px;}
.popServer .inner .right .txt-2 h3 { font-size: 43px; color: #f9feff; line-height: 1.4em; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .right .txt-2 p { font-size: 14px; color: #f9feff; line-height: 1.4em; font-weight: 300; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 10px; right: 10px; background: url(../Image/popServer/icon_close.png) center center no-repeat;background-size: cover;}

.foot_ban{width: 100%;height: 232px;background: url(../Image/memberMarketing/2021-11/footer_bg.jpg) center center no-repeat;background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.foot_ban h1{font-size: 26px;color: #FFFFFF;line-height: 1.5;text-align: center;font-weight: 500;margin-bottom: 20px;}
.foot_ban a{width: 160px;font-size: 16px;color: #ffffff;line-height: 42px;display: block;margin: 0 auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background: #12caee; transition: all .3s; box-shadow: 2px 0 10px rgba(0, 0, 0, .2); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}