html,body{width:100%;height:100%;margin:0;padding:0}.vip-modal-wrapper{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.7);z-index:0;display:none}.vip-modal{position:fixed;right:0;left:0;top:0;bottom:0;margin:auto;width:832px;height:526px;background-image:url(../image/vip_bg_cad9fd3c03.png);background-repeat:no-repeat;background-size:100%;z-index:1;display:flex;flex-direction:column}.vip-modal .header{padding:15px 25px 0;display:flex;justify-content:space-between;align-items:flex-start}.vip-modal .header .user{margin-left:6px;display:flex;align-items:center}.vip-modal .header .user .avatar{width:38px;height:38px;margin-right:7px}.vip-modal .header .user .user-info{display:flex;flex-direction:column;justify-content:space-between}.vip-modal .header .user .user-info .user-name{font-size:14px;font-weight:700;color:#7B4300}.vip-modal .header .user .user-info .desc{font-size:11px;margin-top:7px;opacity:.7;color:#7B4300}.vip-modal .header .no-user{cursor:pointer}.vip-modal .header .vip-modal-close{width:20px;height:20px;background-image:url(../image/vip-close_4584e271e5.png);background-position:center;cursor:pointer}.vip-modal .vip-content{flex:1;display:flex;width:100%}.vip-modal .vip-content .vip-tab{width:516px;height:466px;background-image:url(../image/tab_bg_e4e66e4dad.png);background-position:center;background-repeat:no-repeat;flex-shrink:0}.vip-modal .vip-content .vip-tab .tab-title{margin-top:28px;margin-left:52px;color:#7B4300;font-size:18px;margin-bottom:5px;display:flex;align-items:center}.vip-modal .vip-content .vip-tab .tab-title img{width:24px;height:24px;margin-right:6px;vertical-align:bottom}.vip-modal .vip-content .vip-tab .sub-title{color:#7B4300;font-size:12px;margin-bottom:30px;margin-left:52px;opacity:.7}.vip-modal .vip-content .vip-tab .pack-list{padding:0 20px;overflow:hidden;height:190px;position:relative;margin-bottom:10px}.vip-modal .vip-content .vip-tab .pack-list .left{position:absolute;left:12px;top:79px;width:16px;height:32px;transform:rotate(180deg);cursor:pointer}.vip-modal .vip-content .vip-tab .pack-list .right{position:absolute;right:12px;top:79px;width:16px;height:32px;cursor:pointer}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper{width:460px;height:100%;overflow:scroll;display:flex;margin:auto;transition:.3s}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item{width:148px;height:100%;margin-right:8px;border-radius:8px;background-color:#F3F3F3;flex-shrink:0;cursor:pointer;position:relative}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .corner{position:absolute;top:0;left:0;height:18px;display:none}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-name{font-size:16px;font-weight:700;color:#666;text-align:center;margin-top:36px}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-price{margin:16px 0;text-align:center;font-weight:700;color:#333}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-price .d{font-size:20px}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-price .n{font-size:40px}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-old-price{text-align:center;color:#999;font-size:14px;text-decoration:line-through}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .no-line{text-decoration:none}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .pay-item .pay-item-footer{display:none;height:28px;background:#F86400;border-radius:0 0 8px 8px;text-align:center;font-weight:500;color:#FFF;font-size:12px;line-height:28px;margin-top:23px}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current{background-color:#FFE5B3}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current .corner{display:block}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current .pay-item-footer{display:block}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current .pay-item-name{color:#7B4300}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current .pay-item-price{color:#7B4300}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper .current .pay-item-old-price{color:#7B4300}.vip-modal .vip-content .vip-tab .pack-list .pay-item-wrapper::-webkit-scrollbar{display:none}.vip-modal .vip-content .vip-tab .pay-item-desc{margin-left:28px}.vip-modal .vip-content .vip-tab .pay-item-desc span{color:#666;font-size:12px;margin-bottom:2px}.vip-modal .vip-content .vip-tab .pay-item-remark{margin-left:28px;margin-bottom:8px}.vip-modal .vip-content .vip-tab .pay-item-remark span{color:#666;font-size:12px;margin-bottom:8px}.vip-modal .vip-content .vip-tab .bottom-desc{color:#999;position:absolute;bottom:32px;left:154px;text-align:center;font-size:12px}.vip-modal .vip-content .login-tab{display:block;width:276px;margin-left:12px;margin-top:90px}.vip-modal .vip-content .login-tab .title{font-size:18px;font-weight:700;color:#7B4300;text-align:left;margin-bottom:16px}.vip-modal .vip-content .login-tab .ipt{width:100%;display:flex;height:32px;margin-bottom:8px;align-items:center;overflow:hidden;position:relative}.vip-modal .vip-content .login-tab .ipt .ipt-wrap{flex:1;background-color:#fff;display:flex;justify-content:flex-start;align-items:center;width:168px;overflow:hidden}.vip-modal .vip-content .login-tab .ipt .ipt-wrap img{width:20px;height:20px;margin-left:8px;margin-right:4px}.vip-modal .vip-content .login-tab .ipt .ipt-wrap input{flex:1;border:0;outline:0;height:32px;-webkit-appearance:none;background-color:transparent;min-width:136px}.vip-modal .vip-content .login-tab .ipt .btn-wrap{width:100px;height:100%;margin-left:8px;border-radius:4px}.vip-modal .vip-content .login-tab .ipt .btn-wrap .btn{width:100%;height:100%;background:#FFF;border:1px solid #FFE5B3;font-size:12px;height:32px;color:#F86400;padding:0;border-radius:4px;outline:0;cursor:pointer}.vip-modal .vip-content .login-tab .ipt .f-tip{position:absolute;bottom:0;left:0;width:100%;height:32px;color:red}.vip-modal .vip-content .login-tab .login-btn{margin:auto;margin-top:24px;width:132px;height:42px;background:#F86400;border-radius:24px;text-align:center;font-size:18px;line-height:42px;color:#fff;cursor:pointer}.vip-modal .vip-content .login-tab .others{margin-top:32px;margin-bottom:14px;color:#666;text-align:center;font-size:14px}.vip-modal .vip-content .login-tab .thrid{display:flex;justify-content:center;margin-bottom:25px}.vip-modal .vip-content .login-tab .thrid .site{margin:0 16px}.vip-modal .vip-content .login-tab .thrid .site img{cursor:pointer;width:32px;height:32px;vertical-align:middle}.vip-modal .vip-content .login-tab .agree{text-align:center;color:#7B4300;font-size:12px}.vip-modal .vip-content .login-tab .agree input{width:12px;height:13px;background-color:#fff;vertical-align:middle;margin-right:5px;border-radius:6px}.vip-modal .vip-content .login-tab .agree input[type=checkbox]{cursor:pointer;position:relative;width:14px;height:14px;line-height:14px}.vip-modal .vip-content .login-tab .agree input[type=checkbox]::after{display:inline-block;position:absolute;top:0;color:#FF7E45;width:14px;height:14px;background-color:#FFF;border-radius:6px;visibility:visible;padding-left:0;text-align:center;content:''}.vip-modal .vip-content .login-tab .agree input[type=checkbox]:checked::after{content:"";color:#fff;font-size:12px;background-color:#FFF;border:0;border-radius:2px;background:url(../image/icon-checked_da3551e776.png) center no-repeat}.vip-modal .vip-content .login-tab .agree a{color:#F86400;vertical-align:middle;text-decoration:none}.vip-modal .vip-content .login-tab .agree span,.vip-modal .vip-content .login-tab .agree label,.vip-modal .vip-content .login-tab .agree input{vertical-align:middle}.vip-modal .vip-content .pay-tab{display:none;width:276px;margin-left:18px;margin-top:34px}.vip-modal .vip-content .pay-tab .price{text-align:center;vertical-align:bottom}.vip-modal .vip-content .pay-tab .price .p{color:#333;font-size:16px;font-weight:700}.vip-modal .vip-content .pay-tab .price .i{color:#7B4300;font-size:30px;font-weight:700}.vip-modal .vip-content .pay-tab .price .n{color:#7B4300;font-size:60px;font-weight:700}.vip-modal .vip-content .pay-tab .brand{width:64px;height:18px;background:linear-gradient(90deg,#ff794f 0,#ff8d02 100%);border-radius:4px;color:#fff;margin:auto;font-size:10px;text-align:center;margin-top:7px;margin-bottom:24px;line-height:18px}.vip-modal .vip-content .pay-tab .qrcode{width:172px;height:172px;margin:auto;margin-bottom:24px;border-radius:5px;background-color:#fff}.vip-modal .vip-content .pay-tab .qrcode img{width:100%;height:100%;cursor:pointer}.vip-modal .vip-content .pay-tab .tips{text-align:center;color:#666;font-size:14px;margin-bottom:50px}.vip-modal .vip-content .pay-tab .tips img{vertical-align:middle}.vip-modal .vip-content .pay-tab .agree{color:#7B4300;font-size:12px;text-align:center}.vip-modal .vip-content .pay-tab .agree a{color:#F86400;text-decoration:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide{display:none}.focus-line{box-shadow:0 0 1px 1px #F86400 inset}