body { padding-bottom: 60px;}
.card-list { margin-top: -34px;position: relative; z-index: 1;}
.card-list .card { height: 459px;padding-bottom: 30px; margin-right: 41px;background: linear-gradient(135deg, #F3F9FA, #CCE4FF); border-radius: 10px;;text-align: center;}
.card-list .card:nth-child(2) { background: linear-gradient(135deg, #1D2026, #2C2C2C);}
.card-list .card:last-child { background: linear-gradient(135deg, #FFEFD7, #F0D5AB); margin-right: 0;}
.card-list .card .tit { padding-top: 38px; text-align: center;}
.card-list .card .tit div { margin: 0 auto; height: 44px; border-radius: 0px 0px 30px 30px;align-items: center;justify-content: center;}
.card-list .card .tit img { width: 40px;height: 40px;margin-right: 10px;}
.card-list .card .tit span { font-size: 30px;font-weight: bold;color: #333333;line-height: 44px;}
.card-list .card .price-box { margin-top: 30px; font-size: 14px;color: #333333;line-height: 1;}
.card-list .card .price-box .price {font-size: 40px;font-weight: bold;position: relative;}
.card-list .card .price-box .price .label { position: absolute; top: -10px; right: -61px; width: 61px; height: 18px; background: linear-gradient(103deg, #FFA198, #FF5040); border-radius: 9px 9px 9px 0px;font-size: 12px;color: #FFFFFF;line-height: 18px;}
.card-list .card .price-box .discount { text-decoration: line-through;}
.card-list .card .button { display: inline-block; margin-top: 32px; padding: 15px 40px; background: #39A6FF; border-radius: 25px;font-size: 18px;color: #FFFFFF; line-height: 20px;}
.card-list .card .text { height: 223px; display: flex;-webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column;align-items: center;justify-content: center;}
.card-list .card .text p {font-size: 14px;color: #666666;line-height: 26px;}  
.card-list .card .text p.tips{font-size: 12px; margin-top: 9px;}  
.card-list .card .text p.tips span{color: #DA4040;}  
.card-list .card.active { width: 400px; height: 510px; margin-top: -26px;}
.card-list .card:nth-of-type(2) .tit span { color: #E7C194;}
.card-list .card:nth-of-type(2) .price-box { color: #FFF;}
.card-list .card:nth-of-type(2) .text p { color: #C7C7C7;}
.card-list .card:nth-of-type(2) .button { background: linear-gradient(180deg, #E7CFA9, #D09D5A);color: #774B23;}
.card-list .card:nth-of-type(3) .button { background: #995C29;color: #FFFFFF;}
@media screen and (max-width: 1219px) { }
@media screen and (max-width: 1023px) {
    .card-list .card .tit div {width: 80%;}
    .card-list .card .tit span { font-size: 24px;}
} 
@media screen and (max-width: 980px) { 
    .card-list .card { margin-right: 10px;}
    .card-list .card .tit img { width: 34px; height: 34px;}
    .card-list .card .tit span { font-size: 20px;}
    .card-list .card .button { padding: 10px 20px;}
} 
.title { padding-top: 80px; justify-content: center;align-items: center;}
.title p {  position: relative;} 
.title p span {padding: 0 20px;display: inline-block; text-align: center; font-size: 52px; font-family: PMZD; background: linear-gradient(0deg, #E6B676 0%, #A16E2E 98.876953125%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1;position: relative;z-index: 2;} 
.title p::before { content: '';width: 48px; height: 48px; background: #FEEEE1; border-radius: 50%;position: absolute; bottom: -19px;left: -6px;z-index: 1;}
.title p::after{ content: '';width: 17px; height: 17px; background: #FEEEE1; border-radius: 50%;position: absolute; bottom: 40px;right: 10px;z-index: 1;}
.provide-box { padding-bottom: 56px; background: url(../image/vip/provide-bg.png) center no-repeat; background-size: 100% 100%;}
.provide-box .stit { margin-top: 15px; text-align: center; font-size: 14px; color: #8897AD; line-height: 22px;}
.provide-box .provide { text-align: center;}
.provide-box .provide img { margin-top: 40px; width: 686px;height: auto;}

.privilege-compar { padding-bottom: 80px;}
.privilege-compar .table { margin-top: 55px;}
.privilege-compar .table .thead { position: sticky; top: 66px; z-index: 10;}
.privilege-compar .table .thead div{ flex: 1; padding: 14px; text-align: center; background: linear-gradient(90deg, #EBDBC1, #E3BF80);}
.privilege-compar .table .thead div:nth-of-type(4) { background: linear-gradient(90deg, #1D2026, #3B3B3B);}
.privilege-compar .table .thead div:nth-of-type(1) { flex: 2; background: url(../image/vip/privilege-compar-tbg.png) no-repeat; background-size: 100% 100%; position: relative;overflow: hidden;} 
.privilege-compar .table .thead div p:nth-of-type(1) { font-size: 18px;color: #8C6B4C;}
.privilege-compar .table .thead div p:nth-of-type(2) { font-size: 14px;color: #8C6B4C;} 
.privilege-compar .table .thead div a { margin-top: 10px; display: inline-block; box-sizing: border-box; padding: 7px 19px;border: 1px solid #8C6B4C; border-radius: 15px; font-size: 12px;color: #8C6B4C;line-height: 16px;} 
.privilege-compar .table .thead div:nth-of-type(4) p { color: #D7B58C;}
.privilege-compar .table .thead div:nth-of-type(4) a { border: none;background: linear-gradient(180deg, #E7CFA9, #D09D5A);color: #774B23;}
.privilege-compar .table .thead div:nth-of-type(1) p:nth-of-type(1){ padding: 16px 50px 10px; text-align: right;}
.privilege-compar .table .thead div:nth-of-type(1) p:nth-of-type(2){ font-size: 18px; padding: 0 50px; text-align: left;}
.privilege-compar .table .tit{ border-top: 1px solid #F0F0F0;height: 44px; background: linear-gradient(90deg, #FFF3D9, #FEE5B6); border: 1px solid #F0F0F0;}
.privilege-compar .table .tit span { display: block; padding-left: 20px; border-left: 3px solid #583314; font-size: 18px;line-height: 44px; background: linear-gradient(0deg, #794B24 0%, #522F11 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.privilege-compar .table table { width: 100%; border: 1px solid #F0F0F0;}
.privilege-compar .table table tr:nth-child(2n) { background: #FAFAFA;}
.privilege-compar .table table tr td { width: 17%; text-align: center; padding: 8px 23px;border-bottom: 1px solid #F0F0F0;border-right: 1px solid #F0F0F0; font-size: 14px;color: #333333;line-height: 28px;}
.privilege-compar .table table tr td:first-child { text-align: left; width: 31.7%;}
.privilege-compar .table table tr td:nth-of-type(4) { border: 1px solid #424242;background: #303133;color: #D7B58B;}
.privilege-compar .table table .icon-duihao1 { color: #00DB15;}
.privilege-compar .table table .icon-error { color: #FF0000;}
.privilege-compar .button { margin-top: 40px; text-align: center;}
.privilege-compar .button a { padding: 18px 43px;background: linear-gradient(90deg, #303133 0%, #525355 100%); box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.3); border-radius: 30px; display: inline-block; font-size: 18px;  font-weight: bold; color: #D7B58B; line-height: 24px;}

@media screen and (max-width: 1219px) { 
}
@media screen and (max-width: 1023px) { 
} 
@media screen and (max-width: 980px) {  
    .privilege-compar .table .thead div:nth-of-type(1) p:nth-of-type(1){ padding: 16px 10px 10px;}
    .privilege-compar .table .thead div:nth-of-type(1) p:nth-of-type(2) { padding: 0 10px; } 
}  

.demand-box { background: url(../image/vip/demand-bg.png) no-repeat; background-size: 100% 100%; padding-bottom: 80px;}
.demand-box .demand { background-color: #FFF; margin-top: 50px; padding: 40px 0;box-shadow: 0px 6px 20px 0px rgba(184, 211, 227, 0.3); border-radius: 10px;position: relative; overflow: hidden;}
.demand-box .demand::before {content: ''; width: 99px; height: 94px; border: 30px solid #FAF5EE; border-radius: 50%;position: absolute; bottom: -45px;left: -50px;z-index: 1;}
.demand-box .demand::after {content: ''; width: 130px; height: 115px; border: 30px solid #FAF5EE; border-radius: 50%;position: absolute; top: -65px;right: -57px;z-index: 1;}
.demand-box .demand-cont {position: relative;} 
.demand-box .demand .nav { padding: 0 62px; border-right: 1px solid #EEEEEE;position: relative; z-index: 2;}
.demand-box .demand .nav p { cursor: pointer; margin-bottom: 30px; width: 135px; height: 47px; border-radius: 10px;font-size: 20px;font-weight: 400; color: #8F6D4E; line-height: 47px;text-align: center;}
.demand-box .demand .nav p.active {color: #D7B58B; background: linear-gradient(90deg, #535355 0%, #313234 100%); box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.3);}
.demand-box .demand .nav p:last-child { margin-bottom: 0;}
.demand-box .demand .info { padding-left: 45px;position: relative; z-index: 2;}
.demand-box .demand .top { padding-bottom: 52px;align-items: center;}
.demand-box .demand .top .file { margin: 0 11px 0 19px; width: 109px; height: auto;} 
.demand-box .demand .top .right .item { text-align: right;} 
.demand-box .demand .top .item .text { padding-bottom: 6px; font-size: 30px;color: #8F6E4E;font-weight: bold;line-height: 1;}
.demand-box .demand .top .item .text1 { margin-top: 10px; font-size: 14px;color: #9C7F60;line-height: 1;}
.demand-box .demand .top .item .text2 { font-size: 16px;color: #8F6E4E;font-weight: bold;line-height: 1;}
.demand-box .demand .top .left.item .text { padding-right: 30px; position: relative;}
.demand-box .demand .top .left.item .text::before { content: ''; width: 100%; border-bottom: 1px dashed #B29E8B; position: absolute; bottom: -5px; left: 0;}
.demand-box .demand .top .left.item .text::after { content: ''; width: 4px; height: 4px; background: #B29E8B; border-radius: 50%; position: absolute; bottom: -7px; left: 0;}
.demand-box .demand .top .right .item .text2 { display: inline-block; padding-left: 30px;position: relative;}
.demand-box .demand .top .right .item .text2::before { content: ''; width: 100%; border-bottom: 1px dashed #B29E8B; position: absolute; bottom: -5px; left: 0;}
.demand-box .demand .top .right .item .text2::after { content: ''; width: 4px; height: 4px; background: #B29E8B; border-radius: 50%; position: absolute; bottom: -7px; right: 0;}
.demand-box .demand .top .right .item:nth-of-type(1) { margin-bottom: 37px;}
.demand-box .demand .intro { margin-right: 50px;}
.demand-box .demand .tit { height: 29px; background: url(../image/vip/demand-tit-bg.png) no-repeat; background-size: auto 100%; padding-left: 8px; font-size: 16px;font-weight: bold; color: #6E431E; line-height: 29px;}
.demand-box .demand .intro .desc { margin-top: 6px; font-size: 14px; color: #8F6D4E;line-height: 24px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.demand-box .demand .course-cont .list { margin-top: 15px;} 
.demand-box .demand .course-cont .list .item { width: 50%; position: relative;} 
.demand-box .demand .course-cont .list .item::before { content: ''; height: 100%; border-left: 1px solid rgba(186, 166, 146, 0.5); position: absolute; top: 11px;left: 2px;} 
.demand-box .demand .course-cont .list .item p { margin: 5px 0; padding: 0 37px 0 19px;font-size: 14px; color: #9C7F60; line-height: 18px; position: relative;display: -webkit-box; overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.demand-box .demand .course-cont .list .item p::after { content: ''; width: 5px; height: 5px;border-radius: 50%;background: #BAA692; position: absolute;top: 6px;left: 0;}
.demand-box .button { text-align: center;}
.demand-box .button a { display: inline-block; margin-top: 40px; padding: 15px 25px; background: linear-gradient(-90deg, #D2A160 0%, #E7CFA9 100%); box-shadow: 0px 4px 30px 0px rgba(114, 79, 12, 0.36); border-radius: 30px;font-size: 18px;color: #774B23;font-weight: bold;line-height: 30px;}
@media screen and (max-width: 1219px) {
    .demand-box .demand .nav { padding: 0 32px;}
    .demand-box .demand .top .left.item .text { padding-right: 10px;}
    .demand-box .demand .top .right .item .text2 { padding-left: 10px;}
}
@media screen and (max-width: 1023px) {
    .demand-box .demand .nav { padding: 0 12px;}
    .demand-box .demand .nav p { width: 120px; font-size: 18px;}
    .demand-box .demand .top .item .text { font-size: 26px;}
    .demand-box .demand .top .file { width: 85px;}
} 
@media screen and (max-width: 980px) {  
    .demand-box .demand .nav p { width: 100px; font-size: 16px;}
    .demand-box .demand .top .item .text { font-size: 22px;}
    .demand-box .demand .info { padding-left: 20px;}
    .demand-box .demand .intro { margin-right: 20px;}
} 

.join-box { padding-bottom: 80px; background: url(../image/vip/join-bg.png) center no-repeat; background-size: 100% 100%;}
 
.join-box .title p::before { content: '';width: 48px; height: 48px; background: #3B352D; border-radius: 50%;position: absolute; bottom: -19px;left: -6px;z-index: 1;}
.join-box .title p::after{ content: '';width: 17px; height: 17px; background: #3B352D; border-radius: 50%;position: absolute; bottom: 40px;right: 10px;z-index: 1;}
.join-box .join .item { margin-top: 52px; flex: 1; padding: 40px 4px; text-align: center; background: #FFFFFF; box-shadow: 0px 6px 20px 0px rgba(184, 211, 227, 0.3); border-radius: 10px; margin-right: 40px; position: relative;}
.join-box .join .item:last-child { margin-right: 0;}
.join-box .join .item em { display: block; width: 36px; height: 36px; background: linear-gradient(0deg, #E6CEA7, rgba(0,0,0,0)); opacity: 0.26; border-radius: 50%; position: absolute;top: 57px;left: 23px;}
.join-box .join .item img { width: 90px;height: 90px;}
.join-box .join .item .tit { margin-top: 33px; font-size: 26px; font-weight: bold; color: #333333; line-height: 36px;}
.join-box .join .item .tit span { color: #B68444;}
.join-box .join .item .desp { margin-top: 15px; font-size: 16px; font-weight: 400; color: #666666;line-height: 1;}
@media screen and (max-width: 1023px) {
    .title p span { font-size: 40px;}
    .join-box .join .item { margin-right: 30px;}
    .join-box .join .item .tit { font-size: 22px;}
} 
@media screen and (max-width: 980px) {  
    .join-box .join .item .tit { font-size: 20px;}
} 
.bg-box { background: url(../image/vip/bg.png) no-repeat; background-size: 100% auto;}
.core-box .core-img { text-align: center;}
.core-box .core-img img {margin-top: 44px; margin-left: -31.5px; width: 1263px;height: auto;}
.core-box .core-img img.arrow{margin-top: 48px; width: 56px;height: auto;}
@media screen and (max-width: 1263px) {
	.core-box .core-img img { width: 100%;margin-left: 0;}
}

.wrap-bigger {width: 1400px;margin: 0 auto} 
@media screen and (max-width: 1219px) { .wrap-bigger{ width: 980px; } }
@media screen and (max-width: 1023px) { .wrap-bigger{ width: 90%;}}
@media screen and (max-width: 767px) { .wrap-bigger{ width: 96%;}}
.privileg-box { margin-top: 50px;padding: 81px 100px;}
.privileg-box .privileg-item { margin-top: 60px; background: #FFFFFF; box-shadow: 0px 6px 20px 0px rgba(184, 211, 227, 0.3); border-radius: 10px;}
.privileg-box .privileg-item:nth-of-type(1) { margin-top: 0;}
.privileg-box .h5 {height: 60px; background: linear-gradient(90deg, #FFF3D9, #FEE5B5);font-size: 26px; font-weight: bold; color: #333333; line-height: 60px;display: flex;display: -ms-flexbox;}
.privileg-box .h5 span {color: #FF7D24;}
.privileg-box .h5 .tq { margin-right: -210px; display: inline-block;width: 390px; background: url(../image/vip/tq-tit-bg.png) no-repeat; background-size: 100% 100%; border-radius: 10px 0px 0px 0px; font-weight: bold; color: #5F3C26; line-height: 60px;padding-left: 40px; position: relative;}
.privileg-box .h5 em { padding-left: 27px; font-size: 14px; color: #8F6D4E;}
@media screen and (max-width: 1219px) {
    .privileg-box .h5 { font-size: 22px;}
}
@media screen and (max-width: 1023px) { 
    .privileg-box { padding: 40px 50px;}
    .privileg-box .h5 { font-size: 20px;}
    .privileg-box .h5 em { display: none;}
} 
/* 特权1 */
#swiper1 { padding: 60px 0; margin: 0 72px;}
#swiper1 .swiper-wrapper .swiper-slide { overflow: hidden; border-radius: 10px;}
#swiper1 .swiper-wrapper .swiper-slide img { width: 100%;height: auto; border-radius: 10px;transition: transform 0.3s;}
#swiper1 .swiper-wrapper .swiper-slide img:hover { transform-origin: 50% 50%; transform: scale(1.1);}
.swiper-button-next { width: 50px;height: 50px;right: -6px;z-index: 8;}
.swiper-button-prev { width: 50px;height: 50px;left: -6px;z-index: 8;}
.swiper-button-prev:after { content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-left.png) no-repeat; background-size: 50px auto;}
.swiper-button-next:after { content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-right.png) no-repeat; background-size: 50px auto;}
.tq1-swiper { position: relative;}
/* 特权2 */
.tq2 {padding: 60px 70px 20px 86px; position: relative; background: url(../image/vip/tq2-circle.png) no-repeat; background-size: 140px auto; background-position: 0 -30px;}   
.tq2 .tq2-cont { width: 100%;}
.tq2 #swiper2 { width: 100%; padding: 20px 0 40px 1px;}
.tq2 .info { max-width: 630px;}
.tq2 .info .name {font-size: 16px; color: #333; font-weight: bold; line-height: 31px;}
.tq2 .info .name .lname {font-size: 31px; color: #FF7B21; line-height: 1;}
.tq2 .info .desc { padding: 32px 0 45px; font-size: 14px;color: #8897AD; line-height: 24px;}
.tq2 .info .swiper-slide .item {line-height: 0; position: relative; bottom: 0; margin-right: 10px; width: 118px; height: 136px; border-radius: 6px; transition: transform 0.3s;}
.tq2 .info .swiper-slide .item div { width: 100%; height: 100%; border-radius: 6px;transition: transform 0.3s;overflow: hidden;}
.tq2 .info .swiper-slide .item img { width: 116px; height: 134px; border-radius: 6px;}
.tq2 .info .swiper-slide:hover .item img { transform-origin: 50% 50%; transform: scale(1.1);}
.tq2 .info .swiper-slide.swiper-slide-active .item {  margin-right: 11px;}
.tq2 .info .swiper-slide.swiper-slide-active .item { bottom: 10px; border: 1px solid #FF7517; border-radius: 6px;}
.tq2 .info .swiper-slide.swiper-slide-active .item::after { content: ''; border-width: 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent #FF7517 ; position: absolute; left: 50%; top: -17px;}
.tq2 .pic { position: relative; text-align: center; margin-left: 43px; width: 358px;height: 400px;background: url(../image/vip/peo-bg.png) center no-repeat; background-size: 100% auto;}
.tq2 .pic img { width: 80%; height: 100%; object-fit: contain;}
.tq2 .pic::after { content: ''; width: 100%;height: 12%;background: linear-gradient(0deg,rgba(255,255,255,0.7), rgba(255,255,255,0)); position: absolute;left: 0;bottom: 0;}
.tq2-item {padding-bottom: 50px;}
.tq2-item .button {text-align: center; }
.tq2-item .button a { display: inline-block; width: 160px;height: 50px;background: linear-gradient(0deg, #D09D5A, #E7CFA9);border-radius: 25px;font-size: 18px; color: #774B23; line-height: 50px;}
/* 特权3 */ 
.tq3-item{ padding-bottom: 60px;}
.tq3-item .tit { padding: 30px 40px 0; font-size: 20px;color: #333333;line-height: 1;}
.tq3-item .tit1 { padding-top: 38px;}
.tq3-item .tit em { margin-right: 10px; display: inline-block;width: 29px; height: 14px; background: linear-gradient(-90deg, #D09D5A, rgba(0,0,0,0)); border-radius: 7px;}
.tq3-item .knowledge-map {padding: 10px 40px 0 }
.tq3-item .knowledge-map img { margin-top: 10px; margin-right: 40px;transition: all 0.4s; }
.tq3-item .knowledge-map img:hover {transform: scale(1.1); }
.tq3-item .knowledge-map img:last-child {margin-right: 0; }
.tq3 { padding: 0 40px;}
.tq3 .item { transition: transform 0.3s;margin-top: 40px; width: 205px; height: 70px; background: linear-gradient(90deg, #FFF4DA, #FEE5B5);border-radius: 10px; position: relative; display: flex;display: -ms-flexbox;align-items: center;}
.tq3 .item p { width: 100%; font-size: 16px; color: #9F815F; line-height: 22px;text-align: center;}
.tq3 .item img {width: 33px; height: 29px; position: absolute;left: 10px;top: -16px;}
.tq3 .item:hover img {transform-origin: 50% 50%; transform: scale(1.1);}
/* 特权4 */
.tq4-swiper { position: relative;margin-top: 20px;}
#swiper3 { margin: 0 72px;}
#swiper3 .swiper-wrapper .swiper-slide { width: 179px;height: 267px; overflow: hidden;}
#swiper3 .swiper-wrapper .swiper-slide .img-box { width: 100%;height: 100%;background: url(../image/vip/book.png) no-repeat; background-size: 100% 100%;transition: transform 0.3s;}
#swiper3 .swiper-wrapper .swiper-slide img { width: 93%;height: 95%;object-fit: cover;}
#swiper3 .swiper-wrapper .swiper-slide .img-box:hover { transform-origin: 50% 50%; transform: scale(1.1);}
@media screen and (max-width: 1219px) {
    #swiper3 .swiper-wrapper .swiper-slide { height: 145px;}
    .tq3-item .knowledge-map img { height: 137px; margin-right: 20px;}
}   
@media screen and (max-width: 1023px) {
    #swiper3 .swiper-wrapper .swiper-slide { height: 125px;}
    .tq3-item .knowledge-map img { height: 133px; margin-right: 10px;}
} 
@media screen and (max-width: 960px) {
    #swiper3 .swiper-wrapper .swiper-slide { height: 100px;}
    .tq3-item .knowledge-map img { height: 109px;margin-right: 5px}
}  
@media screen and (max-width: 767px) { 
    #swiper3 .swiper-wrapper .swiper-slide { height: 80px;}
}
/* 特权4 */
.tq4 {padding: 60px 72px;line-height: 0;}
.tq4 .item1 {flex: 2;width: 530px; height: 354px;margin-right: 20px;}
.tq4 .item2 {flex: 1;width: 250px;margin-right: 20px;}
.tq4 .item3 {flex: 1;width: 236px;}
.tq4 .item1 .img-box,.tq4 .item1 .img-box img { height: 100%;}
.tq4 .item2 img,.tq4 .item3 img { height: 167px;}
.tq4 img { width: 100%; border-radius: 10px;object-fit: cover;transition: transform 0.3s;}
.tq4 img:hover { transform-origin: 50% 50%; transform: scale(1.1); overflow: hidden;}
.tq4 .img-box { border-radius: 10px; overflow: hidden;} 
.tq4 .img-box:nth-of-type(2) { margin-top: 20px;} 
.tq4::after { content: ''; display: block; clear: both;}
/* 特权5 */
.tq5-swiper { position: relative;}
#swiper4 { padding: 60px 0; margin: 0 72px;}
#swiper4 .swiper-wrapper .swiper-slide img { width: 100%;height: auto; border-radius: 10px;transition: transform 0.3s;}
#swiper4 .swiper-wrapper .swiper-slide img:hover { transform-origin: 50% 50%; transform: scale(1.1);}
/* 特权7 */
.tq7 {padding: 50px 72px;line-height: 0;}
.tq7 .item1 {flex: 1;width: 250px;margin-right: 20px;}
.tq7 .item2 {flex: 1;width: 236px;margin-right: 20px;}
.tq7 .item3 {flex: 2;width: 530px;height: 354px;}
.tq7 .img-box { border-radius: 10px; overflow: hidden;} 
.tq7 .img-box:nth-of-type(2) { margin-top: 20px;}  
.tq7 .item3 .img-box,.tq7 .item3 .img-box img { height: 100%;}
.tq7 .item1 img,.tq7 .item2 img { height: 167px;}
.tq7 img { width: 100%; border-radius: 10px;object-fit: cover;transition: transform 0.3s;}
.tq7 img:hover { transform-origin: 50% 50%; transform: scale(1.1); overflow: hidden;}

.privileg-box .tq-btn { text-align: center; margin-top: 40px;}
.privileg-box .tq-btn a { background: linear-gradient(90deg, #D2A160 0%, #E7CFA9 100%); box-shadow: 0px 4px 30px 0px rgba(114, 79, 12, 0.3); border-radius: 30px;padding: 13px 30px; font-size: 18px; font-weight: bold; color: #774B23; line-height: 24px;}
/* 企业服务 */
.services-box{ background: linear-gradient(135deg, #1D2026, #2C2C2C);padding-bottom: 80px;}
.services-box .title p::before { content: '';width: 48px; height: 48px; background: #3B352D; border-radius: 50%;position: absolute; bottom: -19px;left: -6px;z-index: 1;}
.services-box .title p::after{ content: '';width: 17px; height: 17px; background: #3B352D; border-radius: 50%;position: absolute; bottom: 40px;right: 10px;z-index: 1;}
.services-box .stitle { margin-top: 20px; text-align: center; font-size: 18px; color: #D6AB70; line-height: 48px;}
.services-box .list .item { margin-top: 40px; padding-bottom: 30px;width: calc(50% - 20px);background: #FFFFFF; box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3); border-radius: 6px; }
.services-box .list .item .tit { align-items: center; padding-left: 16px; height: 60px;background: url(../image/vip/services-tbg.png) no-repeat; background-size: auto 100%;}
.services-box .list .item .tit img { width: 28px;height: 18px; margin-right: 10px;}
.services-box .list .item .tit span { font-size: 20px;color: #623C1B;line-height: 60px;font-weight: bold;}
.services-box .list .item .button { display: block; margin: 0 auto; width: 120px; height: 40px; background: linear-gradient(0deg, #E7CFA9, #D09D5A); border-radius: 20px;font-size: 18px; color: #774B23; line-height: 40px; text-align: center;}

.services-box .list .item1 {}
.services-box .list .item1 .cont { padding: 34px 65px 38px;}
.services-box .list .item1 .cont .c-item {padding: 34px 30px 23px; width: calc(50% - 15px);background: linear-gradient(135deg, #EFE1CD, #E3BE7E, #FEE6B6, #E3BF81); border-radius: 11px;text-align: center;}
.services-box .list .item1 .cont .c-item .icon { margin: 0 auto; width: 54px; height: 54px;position: relative;}
.services-box .list .item1 .cont .c-item .icon::before {content: '';width: 34px; height: 34px; background: #E1C18E; border-radius: 50%; position: absolute;top: 30px;left: -11px;z-index: 1;}
.services-box .list .item1 .cont .c-item .icon img { width: 100%;height: 100%;position: relative;z-index: 2;}
.services-box .list .item1 .cont .c-item .name { margin-top: 30px; font-size: 24px; font-weight: bold; color: #623C1B; line-height: 36px;}
.services-box .list .item1 .cont .c-item .desc { font-size: 14px; color: #9C7F5E; line-height: 20px;margin-top: 10px;}

.services-box .list .item2 .cont { padding: 16px 60px 30px;}
.services-box .list .item2 .cont .c-item { padding: 6px 0 14px; height: 136px; background: url(../image/vip/services-box.png) no-repeat; background-size: 100% 100%;}
.services-box .list .item2 .cont .c-item .icon { margin-left: 2.1%; width: 27.1%;text-align: center;background: url(../image/vip/services21.png) no-repeat; background-size: 100% 100%;font-size: 20px;font-weight: bold; color: #623C1B; align-items: center; justify-content: center;}
.services-box .list .item2 .cont .c-item .text { flex: 1; padding-top: 4px;}
.services-box .list .item2 .cont .c-item .text em { display: inline-block; margin-top: 9px; width: 5px; height: 5px; background: #623C1B;margin-right: 6px;}
.services-box .list .item2 .cont .c-item .text p { float: left; width: 50%; padding-left: 48px; display: flex; display: -ms-flexbox; font-size: 14px; color: #9C7F60; line-height: 24px;}
.services-box .list .item2 .cont .c-item:nth-of-type(2) .icon {background: url(../image/vip/services22.png) no-repeat; background-size: 100% 100%;}
.services-box .list .item2 .cont .c-item:nth-of-type(2) .text {padding-top: 35px;}

.services-box .list .item3 .cont { padding: 23px 38px 27px;}
.services-box .list .item3 .cont .c-item { margin-top: 10px; padding: 15px 20px; background: linear-gradient(90deg, #EFE1CD, #E3BE7E, #FEE6B6, #E3BF81); border-radius: 27px 0px 0px 27px;font-size: 18px;color: #623C1B; line-height: 24px;align-items: center;}
.services-box .list .item3 .cont .c-item em {width: 8px; height: 8px; background: #623C1B; border-radius: 50%;margin-right: 10px;}

.services-box .list .item4 .cont { padding: 76px 0 43px;}
.services-box .list .item4 .cont .step { margin: 0 17px; padding: 0 20px; position: relative;}
.services-box .list .item4 .cont .step::before { content: ''; width: 100%; height: 2px; background-color: #F1F1F1; position: absolute; top: 34px; left: 0;}
.services-box .list .item4 .cont .step .s-item { position: relative;}
.services-box .list .item4 .cont .step p { position: absolute; white-space: nowrap; top: 81px; left: 50%; transform: translate(-50%,0); font-size: 14px;color: #9C7F60;line-height: 20px; padding: 8px;}
.services-box .list .item4 .cont .step .s-item:nth-child(2n) p { top: -36px;} 
.services-box .list .item4 .img { padding: 72px 116px 0;}

.services-box .list .item5 .cont { padding: 2px 20px 24px;}
.services-box .list .item5 .cont .c-item { width: calc(50% - 10px); margin-top: 20px; padding-bottom: 16px; padding-right:20px;background: #FFFFFF; box-shadow: 1px 5px 30px 0px rgba(64, 64, 64, 0.08); border-radius: 10px;overflow: hidden;}
.services-box .list .item5 .cont .c-item .icon {width: 116px; height: 116px; background: #EFE0CC; border-radius:50%; margin-left: -58px;margin-top: -58px;position: relative;}
.services-box .list .item5 .cont .c-item .icon img {position: absolute;bottom: 20px;right: 20px;}
.services-box .list .item5 .cont .c-item div p:nth-of-type(1) {font-size: 46px;font-weight: bold;color: #623C1B; line-height: 52px; padding-top: 10px;}
.services-box .list .item5 .cont .c-item div p:nth-of-type(2) {font-size: 16px;color: #9C7F60;line-height: 24px; margin-top: 2px;}

.services-box .list .item6 .cont { padding: 2px 23px 44px;}
.services-box .list .item6 .cont img {margin-top: 30px;width: calc(25% - 7.5px);}

@media screen and (max-width: 1219px) {
    .services-box .list .item2 .cont { padding: 16px 30px 30px;}
    .services-box .list .item4 .cont .step { zoom: 0.9;}
}   
@media screen and (max-width: 1023px) {
    .services-box .list .item1 .cont .c-item { padding: 34px 10px 23px;}
    .services-box .list .item2 .cont .c-item .text p { padding-left: 28px;}
    .services-box .list .item4 .cont .step { zoom: 0.8;}
    .services-box .list .item5 .cont .c-item div p:nth-of-type(1) { font-size: 40px;}
    .services-box .list .item6 .cont img { width: calc(33.3% - 7.5px);}
} 
@media screen and (max-width: 960px) {
    .services-box .list .item .tit span { font-size: 18px;}
    .services-box .list .item1 .cont .c-item .name { font-size: 20px;}
    .services-box .list .item2 .cont { padding: 16px 10px 30px;}
    .services-box .list .item1 .cont { padding: 34px 30px 38px;}
    .services-box .list .item2 .cont .c-item .icon { font-size: 18px;}
    .services-box .list .item2 .cont .c-item .text p { padding-left: 10px;}
    .services-box .list .item3 .cont {padding: 23px 18px 27px;}
    .services-box .list .item3 .cont .c-item { font-size: 14px;}
    .services-box .list .item4 .cont .step { zoom: 0.6;}
    .services-box .list .item4 .img { padding: 72px 26px 0;}
    .services-box .list .item4 .img img { width: 47%;}
    .services-box .list .item5 .cont .c-item .icon { zoom: 0.7;}
    .services-box .list .item5 .cont .c-item div p:nth-of-type(1) { font-size: 30px; line-height: 30px;}
    .services-box .list .item5 .cont .c-item div p:nth-of-type(2) { font-size: 12px;}
}  

/* 常见问题 */
.ques-box .ques-list { margin-top: 10px;}
.ques-box .ques-list .item { width: calc(50% - 20px); margin-top: 40px; }
.ques-box .ques-list .ques { padding: 10px 20px; max-width: 70%; width: 402px;min-height: 20px; background: linear-gradient(-90deg, #1D2026, #484848);border-radius: 6px;font-size: 16px; color: #D6AB70; line-height: 20px;position: relative;}
.ques-box .ques-list .ques::after { content: '';border-width: 10px; border-style: solid; border-color: #1D2026 transparent transparent #1D2026; transform: rotate(90deg);position: absolute; bottom: -15px;right: 30px;}
.ques-box .ques-list .answer { margin-top: 10px; padding: 15px 20px; min-height: 48px;background: linear-gradient(90deg, #EFE1CD, #E3BE7E, #FEE6B6, #E3BF81); border-radius: 6px;font-size: 14px; color: #623C1B; line-height: 24px;}
/* bottom */
.bottom { width: 100%; height: 60px; background: url(../image/member-bottom-bg.jpg) center no-repeat; background-size: 100% 100%;position: fixed;bottom: 0;z-index: 999999}
.bottom .cont { height: 100%; }
.bottom .text { font-size: 24px; color: #FFFFFF; line-height: 60px; }
.bottom .form-box { padding-top: 12px; height: 100%; text-align: center;}
.bottom .form-box .form { display: inline-block; text-align: center; font-size: 0;}
.bottom .form-box div { display: inline-block;}
.bottom input { margin-right: 20px; padding: 0 10px; width: 113px; height: 35px; background: #FFFFFF; border-radius: 4px;position: relative; font-size: 14px}
.bottom input::placeholder { color: #333333;}
.bottom .img-code { margin-right: 20px; display: inline-block; width: 132px; height: 35px; line-height: 0;}
.bottom .img-code img { width: 132px; height: 35px;border-radius: 4px;position: relative;top: -5px}
.bottom .submit { float: right; width: 110px; height: 35px; border-radius: 23px; background: #FFD011; font-size: 18px;font-weight: bold; color: #E33308; line-height: 35px;}
#verifyCanvas { width: 100%; height: 100%;}
@media screen and (max-width: 1221px) {
	.bottom .text { font-size: 20px; }
	.bottom input { width: 90px; margin-right: 10px;}
	.bottom .img-code { width: 102px; }
}
@media screen and (max-width: 934px) {
	.bottom .text { font-size: 18px; }
	.bottom input { width: 70px; margin-right: 10px;}
	.bottom .img-code { width: 82px; }
	.bottom .submit { width: 80px; font-size: 14px;}
}
@font-face {
    font-family: "PMZD";
    src: url('../font/PangMenZhengDao.TTF');
    src: url('../font/PangMenZhengDao.TTF') format('truetype')
}