.top-titlebox { }
.vip-title { width: 25pc; margin-bottom: 10px; display: block; font-size: 40px; text-align: left; color: var(--gray3); }
.vip-categories { font-size: 1pc; color: var(--gray3); text-align: left; font-size: 20px; }
.vip-sub-title { font-weight: 500; opacity: .88; color: var(--gray0); margin-top: 20px; font-size: 18px; margin-bottom: 9pt; text-align: left; color: var(--gray3); }
.vip-sub-title span { margin-right: 40px; }
.vip-sub-title i { padding-right: 10px; }
.btn-vip { display: inline-block; width: 200px; font-weight: 500; font-size: 18px; height: 3pc; line-height: 3pc; text-align: center; margin-top: 20px; margin-bottom: 40px; background: #d4b777; background: linear-gradient(144deg, #ffe8b1, #d4b777) no-repeat; box-shadow: 0 3px 10px 0 rgba(220,192,129,.8); border-radius: 25px; color: #64400e; letter-spacing: 0; text-align: center; cursor: pointer; }
.btn-vip:hover { background: #ccad69; background: linear-gradient(144deg, #f4dba1, #ccad69) no-repeat; color: #632303; }
.compy-BannerBox { width: 100%; background: url(../images/vip-bg.jpg) no-repeat top center / 1920px; margin-bottom: 40px; }
.compy-BannerBox .compB-ctn .top-titlebox { padding-top: 50px; padding-bottom: 20px; box-sizing: border-box; }
.compy-BannerBox .compB-ctn .top-titlebox .big-f { font-size: 38px; font-weight: bold; color: #ffffff; line-height: 50px; letter-spacing: 8px; display: block; text-align: left; margin-bottom: 16px; }
.compy-BannerBox .compB-ctn .ctnlist-box { width: 100%; height: 145px; background: #ffffff; display: flex; justify-content: space-between; box-shadow: -1px 1px 20px -9px rgba(173,109,19,.3); border-radius: 12px; padding: 33px 87px 0; box-sizing: border-box; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item { margin-right: 267px; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item:last-child { margin-right: 0; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item .right-box { word-break: keep-all; white-space: nowrap; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item .right-box .tle-box { font-size: 18px; color: var(--gray3); }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item .right-box .btm-tip { font-family: 'FZLTTHJW'; margin-top: 5px; font-size: 32px; color: var(--gray3); font-weight: bold; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item .right-box .btm-tip em { font-size: 20px; color: #AD6D13; font-weight: bold; }
.compy-BannerBox .compB-ctn .ctnlist-box .sd-item .right-box .btm-tip em.count-title { font-family: Impact; margin-top: 30px; font-size: 36px; color: var(--gray3); font-weight: bold; }
.vipgoodnessBox { margin-top: 35px; }
.privilegeTit { height: 100px; line-height: 100px; text-align: center; opacity: 1; font-size: 32px; font-weight: 800; color: #AD6D13; margin-bottom: 25px; }
.privilegeTit .leftline, .privilegeTit .line2, .privilegeTit .line3, .privilegeTit .line4 { display: block; width: 100%; height: 8px; background: url(../images/leftline.png) no-repeat; position: relative; top: 55px; }
.privilegeTit .line3 { background: url(../images/line3.png) no-repeat; }
.vipgoodnessBox .itemBox { display: flex; justify-content: space-between; font-family: MicrosoftYaHei; font-size: 16px; }
.vipgoodnessBox .itemBox .item { width: 224px; height: 132px; text-align: center; padding-top: 30px; }
.vipgoodnessBox .itemBox .item .itemIco { width: 77px; height: 77px; margin: auto; }
.vipgoodnessBox .itemBox .item p { opacity: 1; font-size: 16px; color: #222222; }
.vipPrivilegeBox, .vipScheduleMain { margin-top: 30px; padding-top: 25px; }
.vipPrivilegeBox .vipTable { display: flex; }
table th:first-of-type { border-top-left-radius: 10px; }
table thead > tr:first-of-type > th:last-of-type { border-top-right-radius: 10px; }
table tfoot > tr:first-of-type > td:first-of-type { border-bottom-left-radius: 10px; }
table tfoot > tr:first-of-type > td:last-of-type { border-bottom-right-radius: 10px; }
.vipPrivilegeBox table { border-radius: 4px 4px 0 0; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); }
.vipPrivilegeBox table img { position: relative; top: 5px; }
.vipPrivilegeBox table.vipBox { position: relative; top: -8px; border-left: none; background: #FFFCFA; box-shadow: 0px 5px 22px 0px rgba(0,0,0,0.1); }
.vipPrivilegeBox table.vipBox th, .vipPrivilegeBox table.vipBox td { border: 1px solid #F8E1BA; border-bottom: 0; color: #AD6D13; }
.vipPrivilegeBox table thead th { border-radius: 4px 0 0 0; }
.vipPrivilegeBox table tr:last-child td { border-bottom: 1px solid #eee; border-radius: 0 0 4px 4px; }
.vipPrivilegeBox table.vipBox tr:last-child td { border-bottom: 1px solid #F8E1BA; }
.vipPrivilegeBox table.vipBox thead { border-radius: 4px; }
.vipPrivilegeBox table.vipBox tr:last-child td { height: 70px; line-height: 70px; }
.vipPrivilegeBox table th, .vipPrivilegeBox table td { width: 402px; height: 60px; line-height: 60px; font-size: 20px; font-family: MicrosoftYaHei; text-align: center; color: #222222; border: 1px solid #eee; border-bottom: 0; border-right: 0; }
.vipPrivilegeBox table.vipBox th { border-radius: 4px 4px 0 0; height: 68px; line-height: 68px; }
.vipPrivilegeBox table td { font-size: 14px; text-align: left; padding-left: 40px; }
.vipPrivilegeBox table.vipBox td { line-height: 20px; padding-left: 0; text-align: center; }
.vipPrivilegeBox table td:nth-child(2) { padding-left: 0; text-align: center; color: var(--gray9); }
.vipPrivilegeBox table td.ranklist { padding-left: 40px; text-align: left; opacity: 1; font-size: 16px; font-family: MicrosoftYaHei, MicrosoftYaHei-Bold; font-weight: 700; color: #222222; }
.bghui { background: #F8FAFB; }
.kfBtnBox { width: 310px; height: 52px; line-height: 50px; display: flex; margin: auto; margin-top: 30px; margin-bottom: 50px; opacity: 1; border: 1px solid #ad6d13; border-radius: 26px; color: #AD6D13; font-size: 16px; }
.kfBtnBox .item { cursor: pointer; height: 50px; line-height: 30px; }
.kfBtnBox .item:first-child:hover { background: #FFFBF7; border-radius: 26px 0 0 26px; }
.kfBtnBox .item:last-child:hover { background: #FFFBF7; border-radius: 0 26px 26px 0; cursor: unset; }
.kfBtnBox .item a { color: #AD6D13; }
.kfBtnBox .item i { display: block; height: 28px; padding-left: 62px; background: url("../images/ico-kf.png") no-repeat 35px 5px; border-right: 1px solid rgba(173,109,19,0.50); opacity: 1; width: 154px; margin-top: 10px; font-size: 14px; }
.kfBtnBox .item:last-child i { border-right: 0; }
.kfBtnBox .item i.ico-wx { background: url("../images/ico-weix.png") no-repeat 30px 5px; }
.kfBtnBox .item .hover-box { color: var(--gray3); display: none; position: absolute; right: 75px; cursor: default; top: -25px; width: 92%; }
.kfBtnBox .item:nth-child(2):hover .hover-box { display: block; position: unset; z-index: 9999; margin-top: 18px; }
.kfBtnBox .hover-box .hover-ctn { height: 192px; background: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15); border-radius: 4px; text-align: left; padding: 16px 16px 0 16px; box-sizing: border-box; position: relative; }
.kfBtnBox .hover-box .line-box { margin-bottom: 24px; }
.kfBtnBox .hover-box .line-box:last-child { margin-bottom: 0; }
.kfBtnBox .hover-box .icon-box img { width: 110px; height: 110px; display: block; }
.kfBtnBox .hover-box .rfright-box { font-size: 12px; color: var(--gray6); line-height: 16px; }
.vipbtm { z-index: 9999; bottom: 0; width: 100%; position: fixed; height: 98px; background: url(../images/btmbg.png) repeat-x; }
.vipbtm .vipbtn { position: relative; }
.vipbtm a { display: block; width: 221px; height: 111px; position: absolute; color: var(--white); right: 0; z-index: 999; top: -13px; }
.vipbtm .btmtxt { height: 0; position: relative; top: -40px; }
.vipbtm .btmtxt img { border: none; width: 100%; }
.vipPKBox { height: 676px; margin-top: 60px; display: flex; background: url("../images/pkbg.png") no-repeat; }
.vipPKBox .regUser { width: 634px; }
.vipPKBox .regUser h3, .vipPKBox .vipUser h3 { height: 61px; line-height: 61px; opacity: 1; font-size: 24px; font-weight: 700; color: #222222; text-align: center; }
.vipPKBox .regUser .UserMain { width: 495px; margin: auto; }
.vipPKBox .regUser .UserMain .itemBox, .vipPKBox .vipUser .UserMain .itemBox { display: flex; justify-content: space-between; margin-right: 50px; }
.vipPKBox .regUser .UserMain .itemBox .item, .vipPKBox .vipUser .UserMain .itemBox .item { width: 184px; margin-top: 32px; text-align: center; }
.vipPKBox .vipUser .UserMain .itemBox .item { margin-left: 75px; }
.vipPKBox .regUser .item p, .vipPKBox .vipUser .item p { line-height: 25px; font-weight: 400; opacity: 1; text-align: center; color: #222222; }
.vipPKBox .regUser .item p:first-child, .vipPKBox .vipUser .item p:first-child { margin-top: 10px; margin-bottom: 6px; }
.vipPKBox .regUser .item .ItemTit, .vipPKBox .vipUser .item .ItemTit { font-size: 20px; font-weight: 700; }
.vipPKBox .vipUser { width: 565px; text-align: center; }
.vipPKBox .vipUser h3 { color: #AD6D13; }
.vipPKBox .vipUser .item p { color: #AD6D13; }
.vipItemBox { width: 1200px; margin: auto; display: flex; justify-content: space-between; }
.vipItemBox .item { width: 175px; }
.vipItemBox .item:first-child { margin-left: 35px; }
.vipItemBox .item:last-child { margin-right: 35px; }
.vipItemBox .item p { line-height: 25px; margin-left: 20px; font-weight: 200; opacity: 1; font-family: MicrosoftYaHei, MicrosoftYaHei-Bold; text-align: left; color: #222222; }
.vipItemBox .item p:first-child { margin-top: 10px; margin-bottom: 6px; }
.vipItemBox .item .ItemTit { font-size: 20px; font-weight: 700; }
.i35-con { padding: 20px; }
.i35-con .content { width: 1160px; margin: auto; padding: 20px 20px; background-color: #FFFAF5; }
.i35-con .content ul { height: 120px; padding-left: 30px; }
.i35-con .content li { float: left; display: flex; color: var(--gray3); font-size: 14px; width: 545px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #F9DCB3; }
.i35-con .content li:nth-child(2n) { width: 580px; margin-right: 0; border-right: 0; text-align: center; }
.i35-con .content li em { color: var(--gray9); width: 215px; }
.i35-con .content li em:nth-child(2) { width: 400px; text-align: center; }
.i35-con .content li em:last-child { color: var(--gray3); text-align: center; }