:root {
    --bgColor: #170F0C;
    --boldColor: #EB9447;
    --borderColor: #8F8066;
    --normalColor: #FFF9E9;
}

body {
    color: var(--normalColor);
    background: var(--bgColor);
}

.animate-scale {
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.animate-scale:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.banner {
    min-width: 1200px;
    background: url("/img/main-club/new/banner.jpg") no-repeat top center scroll transparent;
    background-size: auto 564px;
    height: 425px;
}

.banner .tab-wrap {
    position: relative;
    top: 369px;
    padding-top: 9px;
    text-align: center;
}

.banner .tab-wrap .tab-btn {
    background: no-repeat center center scroll #574741;
    background-size: 100% auto;
    color: #B5AFAC;
    font-size: 14px;
    line-height: 36px;
    width: 168px;
    height: 36px;
    display: inline-block;
    margin-left: 108px;
}

.banner .tab-wrap .tab-btn:first-of-type {
    margin-left: 0;
}

.banner .tab-wrap .tab-btn:hover, .banner .tab-wrap .tab-btn.active {
    background-image: url("/img/main-club/new/tab-btn.png");
    color: #551801;
}

.part {
    margin-top: 48px;
}

.part .part-title {
    text-align: center;
    color: var(--normalColor);
    font-size: 24px;
    font-weight: bold;
    line-height: 58px;
    height: 70px;
    width: 274px;
    margin: 0 auto;
    background: url("/img/main-club/new/title.png") no-repeat center center scroll transparent;
    background-size: 100% 100%;
}

.part .part-wrap {
    height: 399px;
    width: 1000px;
    margin: 0 auto;
    background: url("/img/main-club/new/bg-board3.png") no-repeat top center scroll transparent;
    background-size: 100% 100%;
    position: relative;
}

.part .part-wrap .inner-part-wrap {
    padding: 60px 40px;
}

.part02 .part-wrap {
    height: 3220px;
    background-image: url("/img/main-club/new/bg-board2.png");
}

.part03 .part-wrap {
    height: 840px;
    background-image: url("/img/main-club/new/bg-board1.png");
    margin-bottom: 48px;
}

.p01-text {
    width: 720px;
    height: 278px;
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    color: var(--normalColor);
}

.bold {
    font-weight: bold;
    color: var(--boldColor) !important;
}

.p01-wx-scan {
    position: absolute;
    right: 2px;
    top: 120px;
    width: 226px;
    -moz-transition: all .4s linear 100ms;
    -webkit-transition: all .4s linear 100ms;
    -o-transition: all .4s linear 100ms;
    transition: all .4s linear 100ms;
}

.p01-wx-scan:hover {
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.p01-wx-scan .wx-scan-img {
    margin: 0 auto;
    width: 126px;
    height: 126px;
    background: url("/img/main-club/new/frame-line.png") no-repeat center center scroll transparent;
    background-size: 100% 100%;
}

.p01-wx-scan .wx-scan-img img {
    padding: 8px;
    width: 110px;
    height: 110px;
}

.p01-wx-scan .wx-scan-title {
    color: #FF4040;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.p02-item {
    clear: both;
    display: block;
    color: var(--normalColor);
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 36px;
    position: relative;
}

.p02-item.w50 {
    clear: none;
    float: left;
    width: 440px;
    cursor: pointer;
}

.p02-item.w50 .vip-info-wrap .vip-price {
    -moz-transition: all 1s ease-in-out 600ms;
    -webkit-transition: all 1s ease-in-out 600ms;
    -o-transition: all 1s ease-in-out 600ms;
    transition: all 1s ease-in-out 600ms;
}

.p02-item.w50:hover .vip-info-wrap .vip-price {
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.p02-item.w50 * {
    cursor: pointer !important;
}

.p02-item.w50 + .w50 {
    margin-left: 40px;
}

.p02-item .item-title {
    padding-left: 10px;
    background: url("/img/main-club/new/foucs.png") no-repeat left center transparent;
    background-size: auto 100%;
    margin-bottom: 14px;
}

.item-img {
    background: no-repeat center center transparent;
    background-size: 100% 100%;
    -moz-transition: all 1s ease-in-out 600ms;
    -webkit-transition: all 1s ease-in-out 600ms;
    -o-transition: all 1s ease-in-out 600ms;
    transition: all 1s ease-in-out 600ms;
}

.item-img:hover {
    -moz-transition: all 600ms ease-in-out 0ms;
    -webkit-transition: all 600ms ease-in-out 0ms;
    -o-transition: all 600ms ease-in-out 0ms;
    transition: all 600ms ease-in-out 0ms;
    background-size: 128% 128%;
}

.item-img.st {
    background-position: center 0px;
}

.item-img.st:hover {
    background-position: center -18px;
    background-size: 110% 110%;
}

.p02-item .item-img {
    width: 100%;
    height: auto;
}

.p02-item .item-img.w50 {
    clear: none;
    float: left;
    width: 440px;
    margin: 20px 0 36px 0;
}

.p02-item .item-img.w50:nth-of-type(1), .p02-item .item-img.w50:nth-of-type(2) {
    margin: 0;
}

.p02-item .item-img.w50:nth-of-type(2n) {
    margin-left: 40px;
}

.p02-item .item-img.w50.title {
    margin-bottom: 0;
}

.p02-item .item-img-title {
    float: left;
    text-align: center;
    width: 440px;
    font-size: 16px;
    line-height: 32px;
}

.p02-item .item-img-title:nth-of-type(1), .p02-item .item-img-title:nth-of-type(2) {
    margin: 0;
}

.p02-item .item-img-title:nth-of-type(2n) {
    margin-left: 40px;
}

.p02-item .item-img-title:nth-of-type(5), .p02-item .item-img-title:nth-of-type(6) {
    margin-bottom: 36px;
}

.p02-item .vip-info-wrap {
    position: absolute;
    top: 148px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: var(--normalColor);
}

.p02-item .vip-info-wrap .vip-price {
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
}

.p02-item .vip-info-wrap .vip-price:before {
    content: '￥：';
    font-size: 16px;
}

.p02-table {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    margin-bottom: 36px;
}

.p02-table .bold {
    font-size: 16px;
    font-weight: bold;
}

.p02-table td {
    padding-left: 10px;
    border: 1px solid var(--borderColor);
}

.item-5-list .line {
    border: 1px solid var(--borderColor);
    border-radius: 4px;
    margin-bottom: 15px;
    line-height: 40px;
    font-size: 16px;
}

.item-5-list .line:before {
    content: "◆";
    padding: 0 10px;
    font-size: 14px;
}

.item-5-list .line:last-of-type {
    margin-bottom: 0;
}


.p03-list {
    display: grid;
    grid-template-rows: 200px 200px 200px;
    grid-template-columns:  200px 200px 200px 200px;
    grid-gap: 20px 40px;
}

.p03-list .item {
    display: block;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.p03-list .item * {
    cursor: pointer !important;
}

.p03-list .school-img {
    width: 100px;
    height: 100px;
    margin: 32px auto 20px auto;
    display: block;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.p03-list .item:hover .school-img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.p03-list .item:hover .school-title{
    font-weight: bold;
}

.p03-list .school-title {
    font-size: 14px;
    color: #170F0C;
    text-align: center;
    display: block;
    line-height: 28px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.p03-page {
    line-height: 32px;
    text-align: right;
    color: #FCDFAA;
    position: absolute;
    left: 0;
    right: 40px;
    top: 732px;
}

.p03-page .page-btn {
    display: inline-block;
    margin-left: 1px;
    padding: 0 4px;
    min-width: 24px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.p03-page .page-btn.active {
    border-radius: 50%;
    background: #423A2C;
}

.p03-page .sm {
    padding: 0 1px;
    color: var(--normalColor)
}

.p03-page .blur {
    color: var(--borderColor);
    cursor: default;
}