@charset "UTF-8";
.mine_vip_page { padding: 24px 0 0; }
.mine_vip_page .nothing { padding: 56px 0 30px; text-align: center; }
.mine_vip_page .nothing img { height: 230px; }
.mine_vip_page .nothing p { line-height: 54px; font-size: 14px; color: #999; }
.mine_vip_page .card_list { position: relative; margin: 0 24px; padding: 0 0 14px; }
.mine_vip_page .card_list .card_item { height: 240px; margin-bottom: 30px; overflow: hidden; border-radius: 20px 6px 6px 20px; }
.mine_vip_page .card_list .card_info { position: relative; float: left; background-image: linear-gradient(to bottom, #e5e5e5, #b2b2b2); width: 265px; padding: 10px 0 10px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.mine_vip_page .card_list .card_info .box { position: relative; background-image: linear-gradient(to bottom, #f2f2f2, #dadada); height: 220px; padding: 48px 0 0 18px; border: 1px solid #fff; border-right: 0; border-radius: 16px 0 0 16px; }
.mine_vip_page .card_list .card_info .box.invitation { padding: 36px 0 0 18px; }
.mine_vip_page .card_list .card_info .box.share { padding: 38px 0 0 18px; }
.mine_vip_page .card_list .card_info .box.share .button_box { margin-top: 20px; }
.mine_vip_page .card_list .card_info .share_msak { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: repeat-y url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/mine_img4.png); }
.mine_vip_page .card_list .card_info .name { position: absolute; top: -11px; left: -11px; overflow: hidden; border-radius: 0 0 20px 0; z-index: 2; }
.mine_vip_page .card_list .card_info .name .icon { float: left; width: 67px; height: 36px; margin-right: -11px; }
.mine_vip_page .card_list .card_info .name span { float: left; background: #474747; padding: 0 20px; line-height: 36px; font-size: 14px; color: #fff; }
.mine_vip_page .card_list .card_info .num, .mine_vip_page .card_list .card_info .share, .mine_vip_page .card_list .card_info .time { position: relative; line-height: 28px; font-size: 14px; color: #333; z-index: 2; }
.mine_vip_page .card_list .card_info .num span, .mine_vip_page .card_list .card_info .share span, .mine_vip_page .card_list .card_info .time span { color: #d09469; }
.mine_vip_page .card_list .card_info .more { position: relative; background-image: linear-gradient(to right, #4c4c4c, #1a1a1a); width: 215px; line-height: 32px; margin: 7px 0 -7px -4px; border-radius: 32px; text-align: center; font-size: 12px; color: #fff; cursor: pointer; z-index: 2; }
.mine_vip_page .card_list .card_info .more .icon { display: inline-block; margin: 7px 10px 0 0; vertical-align: top; }
.mine_vip_page .card_list .card_info .button_box { position: relative; margin: 22px 0 0 -4px; font-size: 0; z-index: 2; }
.mine_vip_page .card_list .card_info .button_box .button { display: inline-block; width: 100px; line-height: 30px; margin-right: 15px; border-radius: 30px; vertical-align: top; text-align: center; font-size: 12px; color: #333; cursor: pointer; }
.mine_vip_page .card_list .card_info .button_box .button.col1 { background: #fff; }
.mine_vip_page .card_list .card_info .button_box .button.col2 { background-image: linear-gradient(to right, #f9e2c5, #e09e65); }
.mine_vip_page .card_list .use_box { margin-left: 265px; }
.mine_vip_page .card_list .use_title { background: #eaebeb; line-height: 50px; padding: 0 36px 0 34px; font-size: 14px; color: #333; }
.mine_vip_page .card_list .use_title span { margin: 0 4px; color: #d09469; }
.mine_vip_page .card_list .use_title a { float: right; line-height: 48px; text-decoration: underline; font-size: 14px; color: #333; }
.mine_vip_page .card_list .use_list { background: #fafafa; height: 190px; margin-right: 3px; padding: 8px 0; overflow: hidden; overflow-y: auto; /*滚动条里面小方块*/ /*滚动条里面轨道*/ }
.mine_vip_page .card_list .use_list::-webkit-scrollbar { width: 8px; height: 8px; }
.mine_vip_page .card_list .use_list::-webkit-scrollbar-thumb { background: #c67c47; border-radius: 8px; }
.mine_vip_page .card_list .use_list::-webkit-scrollbar-track { background: transparent; border-radius: 8px; }
.mine_vip_page .card_list .use_item { display: block; width: 100%; height: 36px; line-height: 36px; padding: 0 34px; font-size: 14px; color: #333; }
.mine_vip_page .card_list .use_item .name { float: left; line-height: inherit; }
.mine_vip_page .card_list .use_item .time { float: right; line-height: inherit; }
.mine_vip_page .pay .pay_title { padding: 0 90px 6px; text-align: center; }
.mine_vip_page .pay .pay_title .t1 { position: relative; }
.mine_vip_page .pay .pay_title .t1::before { position: absolute; top: 15px; right: 0; left: 0; background: #c67c47; height: 1px; content: ""; }
.mine_vip_page .pay .pay_title .t1 span { position: relative; display: inline-block; background: #fff; line-height: 31px; padding: 0 30px; font-size: 18px; color: #8c4512; vertical-align: top; z-index: 2; }
.mine_vip_page .pay .pay_title .t2 { line-height: 38px; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay .pay_title .t2 a { margin: 0 6px; font-weight: bold; font-size: 18px; color: #cc5050; }
.mine_vip_page .pay .pay_content { position: relative; top: auto; left: auto; display: block; background: none; width: auto; height: auto; margin: 0 24px; z-index: 10; }
.mine_vip_page .pay .pay_content .body { padding-top: 30px; }
.mine_vip_page .pay .pay_content .tabs { display: inline-block; vertical-align: top; }
.mine_vip_page .pay .pay_content .account { display: inline-block; margin: 9px 0 0 26px; vertical-align: top; font-size: 14px; color: #919191; }
.mine_vip_page .pay .pay_content .account img { width: 32px; height: 32px; border-radius: 100%; }
.mine_vip_page .pay .pay_content .account span { margin-left: 10px; color: #333; }

.vip_pay_layer { min-width: 1300px; }

.mine_vip_page .pay_content, .vip_pay_layer { position: fixed; top: 0; right: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 999; }
.mine_vip_page .pay_content.show, .vip_pay_layer.show { display: table !important; }
.mine_vip_page .pay_content .doubt_tips, .vip_pay_layer .doubt_tips { position: relative; display: inline-block; width: 19px; height: 19px; vertical-align: top; cursor: pointer; }
.mine_vip_page .pay_content .doubt_tips:hover .layer, .vip_pay_layer .doubt_tips:hover .layer { display: table; }
.mine_vip_page .pay_content .doubt_tips i, .vip_pay_layer .doubt_tips i { display: inline-block; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/authorize_icon1.png); width: 100%; height: 100%; vertical-align: top; cursor: pointer; }
.mine_vip_page .pay_content .doubt_tips .layer, .vip_pay_layer .doubt_tips .layer { position: absolute; bottom: 34px; left: 50%; display: none; background: #fff; width: 300px; margin-left: -150px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; border-radius: 6px; z-index: 99; }
.mine_vip_page .pay_content .doubt_tips .layer.code, .vip_pay_layer .doubt_tips .layer.code { width: 162px; margin-left: -81px; padding: 8px; }
.mine_vip_page .pay_content .doubt_tips .layer.code img, .vip_pay_layer .doubt_tips .layer.code img { width: 144px; height: 144px; margin: 0 !important; }
.mine_vip_page .pay_content .doubt_tips .layer::before, .vip_pay_layer .doubt_tips .layer::before { position: absolute; bottom: -20px; left: 50%; border: 10px solid transparent; border-top-color: #fff; width: 0; height: 0; margin-left: -10px; content: ""; z-index: 2; }
.mine_vip_page .pay_content .doubt_tips .layer::after, .vip_pay_layer .doubt_tips .layer::after { position: absolute; bottom: -22px; left: 50%; border: 11px solid transparent; border-top-color: #ddd; width: 0; height: 0; margin-left: -11px; content: ""; }
.mine_vip_page .pay_content .doubt_tips .layer .position, .vip_pay_layer .doubt_tips .layer .position { display: table-cell; line-height: 24px; padding: 10px; vertical-align: middle; text-align: left; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .position, .vip_pay_layer .position { display: table-cell; vertical-align: middle; text-align: center; }
.mine_vip_page .pay_content .main, .vip_pay_layer .main { position: relative; width: 900px; margin: 0 auto; }
.mine_vip_page .pay_content .body, .vip_pay_layer .body { background: #fff; padding: 0 58px 22px; border: 1px solid #c67c47; text-align: left; }
.mine_vip_page .pay_content .body.personal .personal, .vip_pay_layer .body.personal .personal { display: block; }
.mine_vip_page .pay_content .body.personal .enterprise, .vip_pay_layer .body.personal .enterprise { display: none; }
.mine_vip_page .pay_content .body.personal .payable label, .vip_pay_layer .body.personal .payable label { display: none; }
.mine_vip_page .pay_content .body.enterprise .personal, .vip_pay_layer .body.enterprise .personal { display: none; }
.mine_vip_page .pay_content .body.enterprise .enterprise, .vip_pay_layer .body.enterprise .enterprise { display: block; }
.mine_vip_page .pay_content .close, .vip_pay_layer .close { position: absolute; top: 0; right: 0; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon1.png); width: 21px; height: 21px; opacity: 1; cursor: pointer; z-index: 10; }
.mine_vip_page .pay_content .tabs, .vip_pay_layer .tabs { position: relative; margin-bottom: -1px; text-align: left; font-size: 0; z-index: 2; }
.mine_vip_page .pay_content .tabs li, .vip_pay_layer .tabs li { display: inline-block; background: #c67c47; min-width: 150px; line-height: 48px; margin-right: 6px; padding: 0 26px; border: 1px solid #c67c47; border-radius: 4px 4px 0 0; vertical-align: top; text-align: center; font-size: 18px; color: #fff; cursor: pointer; }
.mine_vip_page .pay_content .tabs li.on, .vip_pay_layer .tabs li.on { background: #fff; border-bottom-color: #fff; color: #8c4512; }
.mine_vip_page .pay_content .user, .vip_pay_layer .user { padding: 26px 0 22px; overflow: hidden; }
.mine_vip_page .pay_content .user .account, .vip_pay_layer .user .account { float: left; font-size: 14px; color: #919191; }
.mine_vip_page .pay_content .user .account img, .vip_pay_layer .user .account img { width: 32px; height: 32px; border-radius: 100%; }
.mine_vip_page .pay_content .user .account span, .vip_pay_layer .user .account span { margin-left: 10px; color: #333; }
.mine_vip_page .pay_content .user .authorize, .vip_pay_layer .user .authorize { float: right; height: 32px; line-height: 32px; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .user .authorize a, .vip_pay_layer .user .authorize a { color: #8c4512; }
.mine_vip_page .pay_content .user .authorize a.num, .vip_pay_layer .user .authorize a.num { margin: 0 6px; font-weight: bold; font-size: 18px; color: #cc5050; }
.mine_vip_page .pay_content .pay_type, .vip_pay_layer .pay_type { margin: 0 -35px; padding: 0 0 14px; text-align: center; font-size: 0; }
.mine_vip_page .pay_content .pay_type li, .vip_pay_layer .pay_type li { display: inline-block; margin: 0 35px; vertical-align: top; }
.mine_vip_page .pay_content .pay_type li.on .box, .vip_pay_layer .pay_type li.on .box { box-shadow: 0 2px 6px rgba(98, 41, 0, 0.5); }
.mine_vip_page .pay_content .pay_type li.on .box::before, .vip_pay_layer .pay_type li.on .box::before { border-width: 2px; }
.mine_vip_page .pay_content .pay_type li.on .select, .vip_pay_layer .pay_type li.on .select { display: block; }
.mine_vip_page .pay_content .pay_type li.on .preferential, .vip_pay_layer .pay_type li.on .preferential { display: block; }
.mine_vip_page .pay_content .pay_type li .multiple, .vip_pay_layer .pay_type li .multiple { display: none; }
.mine_vip_page .pay_content .pay_type li .num, .vip_pay_layer .pay_type li .num { font-family: Impact; color: #cc5050; }
.mine_vip_page .pay_content .pay_type li .box, .vip_pay_layer .pay_type li .box { position: relative; width: 214px; height: 150px; padding: 10px 18px 0; overflow: hidden; border-radius: 4px; cursor: pointer; }
.mine_vip_page .pay_content .pay_type li .box::before, .vip_pay_layer .pay_type li .box::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #d09469; border-radius: 4px; content: ""; }
.mine_vip_page .pay_content .pay_type li .preferential, .vip_pay_layer .pay_type li .preferential { position: absolute; top: 2px; left: 2px; display: none; padding: 0 12px 0 2px; overflow: hidden; }
.mine_vip_page .pay_content .pay_type li .preferential span, .vip_pay_layer .pay_type li .preferential span { position: relative; display: inline-block; height: 18px; line-height: 18px; vertical-align: top; font-size: 12px; color: #fff; z-index: 2; }
.mine_vip_page .pay_content .pay_type li .preferential::before, .vip_pay_layer .pay_type li .preferential::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #d09469; border-radius: 0 0 16px 0; content: ""; }
.mine_vip_page .pay_content .pay_type li .recommend, .vip_pay_layer .pay_type li .recommend { position: absolute; top: 10px; left: 0; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon3.png); width: 60px; line-height: 20px; padding-left: 13px; text-align: left; font-size: 12px; color: #fff; }
.mine_vip_page .pay_content .pay_type li .select, .vip_pay_layer .pay_type li .select { position: absolute; top: -28px; right: -28px; display: none; background: #d09469; width: 56px; height: 56px; transform: rotate(45deg); }
.mine_vip_page .pay_content .pay_type li .select i, .vip_pay_layer .pay_type li .select i { position: absolute; bottom: 6px; left: 50%; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon4.png); width: 14px; height: 10px; margin-left: -7px; transform: rotate(-45deg); }
.mine_vip_page .pay_content .pay_type li .original_price, .vip_pay_layer .pay_type li .original_price { position: relative; height: 40px; line-height: 52px; font-size: 14px; color: #8c4512; z-index: 4; }
.mine_vip_page .pay_content .pay_type li .original_price.only, .vip_pay_layer .pay_type li .original_price.only { height: 62px; line-height: 74px; }
.mine_vip_page .pay_content .pay_type li .original_price.only span, .vip_pay_layer .pay_type li .original_price.only span { line-height: 64px; }
.mine_vip_page .pay_content .pay_type li .original_price span, .vip_pay_layer .pay_type li .original_price span { display: inline-block; line-height: 40px; vertical-align: top; font-size: 30px; }
.mine_vip_page .pay_content .pay_type li .special_price, .vip_pay_layer .pay_type li .special_price { line-height: 22px; text-decoration: line-through; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .pay_type li .more, .vip_pay_layer .pay_type li .more { line-height: 34px; margin-top: 10px; border-top: 1px dashed #8c4512; font-weight: bold; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .pay_type li .more span, .vip_pay_layer .pay_type li .more span { display: inline-block; line-height: 32px; vertical-align: top; font-size: 20px; }
.mine_vip_page .pay_content .pay_type li .more hr, .vip_pay_layer .pay_type li .more hr { display: inline-block; background: #8c4512; width: 1px; height: 14px; margin: 10px 10px 0; padding: 0; border: 0; vertical-align: top; }
.mine_vip_page .pay_content .pay_type li .introduce, .vip_pay_layer .pay_type li .introduce { line-height: 24px; margin: 0 -10px; font-weight: normal; font-size: 14px; color: #c67c47; }
.mine_vip_page .pay_content .payable, .vip_pay_layer .payable { background: #faf4f0; height: 36px; border-radius: 4px 4px 0 0; text-align: center; font-size: 0; }
.mine_vip_page .pay_content .payable .coupon, .vip_pay_layer .payable .coupon { display: none; margin: 0 20px 0 0; vertical-align: top; cursor: pointer; }
.mine_vip_page .pay_content .payable .coupon.show, .vip_pay_layer .payable .coupon.show { display: inline-block !important; }
.mine_vip_page .pay_content .payable .coupon.on i::before, .vip_pay_layer .payable .coupon.on i::before { display: block; }
.mine_vip_page .pay_content .payable .coupon i, .vip_pay_layer .payable .coupon i { position: relative; display: inline-block; width: 18px; height: 18px; margin: 9px 10px 9px 0; border: 2px solid #d09469; border-radius: 4px; vertical-align: top; }
.mine_vip_page .pay_content .payable .coupon i::before, .vip_pay_layer .payable .coupon i::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat center center url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon4.png) #d09469; display: none; padding: 0 0 0 1px; line-height: 14px; font-size: 12px; color: #fff; content: ""; }
.mine_vip_page .pay_content .payable .coupon span, .vip_pay_layer .payable .coupon span { line-height: 36px; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .payable .txt, .vip_pay_layer .payable .txt { display: inline-block; vertical-align: top; font-size: 0; }
.mine_vip_page .pay_content .payable .txt .txt-name, .vip_pay_layer .payable .txt .txt-name { display: inline-block; line-height: 36px; vertical-align: top; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .payable .txt .txt-price, .vip_pay_layer .payable .txt .txt-price { display: inline-block; line-height: 36px; margin: 0; vertical-align: top; font-weight: normal; font-size: 14px; color: #cc5050; }
.mine_vip_page .pay_content .payable .txt .txt-price span, .vip_pay_layer .payable .txt .txt-price span { display: inline-block; line-height: 32px; margin-right: 4px; vertical-align: top; font-family: Impact; font-size: 20px; }
.mine_vip_page .pay_content .payable .txt .txt-share, .vip_pay_layer .payable .txt .txt-share { display: none; line-height: 36px; margin-left: 16px; vertical-align: top; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .payable .txt .txt-share.show, .vip_pay_layer .payable .txt .txt-share.show { display: inline-block !important; }
.mine_vip_page .pay_content .company_num, .vip_pay_layer .company_num { padding: 2px 0 10px; }
.mine_vip_page .pay_content .company_num .title, .vip_pay_layer .company_num .title { line-height: 18px; font-size: 14px; color: #313131; }
.mine_vip_page .pay_content .company_num ul, .vip_pay_layer .company_num ul { display: none; margin-top: 8px; font-size: 0; }
.mine_vip_page .pay_content .company_num li, .vip_pay_layer .company_num li { display: inline-block; width: 130px; line-height: 28px; margin-right: 20px; border: 1px solid #d09469; border-radius: 4px; vertical-align: top; text-align: center; font-size: 14px; color: #d09469; opacity: 0.6; cursor: pointer; }
.mine_vip_page .pay_content .company_num li.on, .vip_pay_layer .company_num li.on { box-shadow: 0 2px 6px rgba(98, 41, 0, 0.5); opacity: 1; }
.mine_vip_page .pay_content .pay_mode.accounts .pay_code, .vip_pay_layer .pay_mode.accounts .pay_code { display: none; }
.mine_vip_page .pay_content .pay_mode.accounts .transfer_accounts, .vip_pay_layer .pay_mode.accounts .transfer_accounts { display: block; }
.mine_vip_page .pay_content .pay_mode .pay_code, .vip_pay_layer .pay_mode .pay_code { display: block; margin: 24px auto; padding: 0 0 0 210px; overflow: hidden; border: 0 !important; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box, .vip_pay_layer .pay_mode .pay_code .code_box { position: relative; float: left; background: #f5f5f5; width: 160px; height: 160px; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box img, .vip_pay_layer .pay_mode .pay_code .code_box img { display: block; width: 100%; height: 100%; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box .loading, .vip_pay_layer .pay_mode .pay_code .code_box .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.6); z-index: 2; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box .loading i, .vip_pay_layer .pay_mode .pay_code .code_box .loading i { position: absolute; top: 50%; left: 50%; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/img_touxiang@2x.png); background-size: 100% 100%; width: 50px; height: 50px; margin: -25px 0 0 -25px; animation: rotate 1s linear infinite; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box .reset, .vip_pay_layer .pay_mode .pay_code .code_box .reset { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.6); z-index: 2; cursor: pointer; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box .reset i, .vip_pay_layer .pay_mode .pay_code .code_box .reset i { display: block; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/btn_break@2x.png); background-size: 100% 100%; width: 36px; height: 30px; margin: 50px auto 30px; }
.mine_vip_page .pay_content .pay_mode .pay_code .code_box .reset p, .vip_pay_layer .pay_mode .pay_code .code_box .reset p { text-align: center; font-size: 14px; color: #fff; }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box, .vip_pay_layer .pay_mode .pay_code .support_box { float: left; width: 400px; padding: 18px 0 0 50px; font-weight: bold; }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box p, .vip_pay_layer .pay_mode .pay_code .support_box p { margin: 0 0 15px; font-size: 14px; color: #cc5050; }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box .item, .vip_pay_layer .pay_mode .pay_code .support_box .item { line-height: 30px; margin: 0 0 5px; padding: 0 0 0 35px; font-weight: bold; font-size: 12px; color: #8c4512; }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box .item.wx, .vip_pay_layer .pay_mode .pay_code .support_box .item.wx { background: no-repeat 0px center url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_pay_support1.png); }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box .item.zfb, .vip_pay_layer .pay_mode .pay_code .support_box .item.zfb { background: no-repeat 3px center url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_pay_support2.png); }
.mine_vip_page .pay_content .pay_mode .pay_code .support_box .item.jh, .vip_pay_layer .pay_mode .pay_code .support_box .item.jh { background: no-repeat 2px center url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_pay_support3.png); }
.mine_vip_page .pay_content .pay_mode .transfer_accounts, .vip_pay_layer .pay_mode .transfer_accounts { display: none; margin: 0 -11px; padding: 8px 0 14px; text-align: center; font-size: 0; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .title, .vip_pay_layer .pay_mode .transfer_accounts .title { line-height: 30px; font-size: 16px; color: #8c4512; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .text, .vip_pay_layer .pay_mode .transfer_accounts .text { line-height: 20px; margin-bottom: 16px; font-size: 12px; color: #d09469; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .text a, .vip_pay_layer .pay_mode .transfer_accounts .text a { color: inherit; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item, .vip_pay_layer .pay_mode .transfer_accounts .item { display: inline-block; background: #faf7f5; width: 380px; height: 150px; margin: 0 11px; padding: 0 23px; border: 1px solid #d09469; border-radius: 4px; vertical-align: top; text-align: left; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item a, .vip_pay_layer .pay_mode .transfer_accounts .item a { color: inherit; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item img, .vip_pay_layer .pay_mode .transfer_accounts .item img { display: inline-block; margin: 2px 0 0 10px; vertical-align: top; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item .doubt_tips, .vip_pay_layer .pay_mode .transfer_accounts .item .doubt_tips { width: auto; height: 24px; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item .doubt_tips span, .vip_pay_layer .pay_mode .transfer_accounts .item .doubt_tips span { line-height: 24px; display: inline-block; vertical-align: top; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item .t1, .vip_pay_layer .pay_mode .transfer_accounts .item .t1 { line-height: 30px; margin: 16px 0 8px; font-size: 16px; color: #8c4512; }
.mine_vip_page .pay_content .pay_mode .transfer_accounts .item .t2, .vip_pay_layer .pay_mode .transfer_accounts .item .t2 { line-height: 24px; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .pay_mode ul, .vip_pay_layer .pay_mode ul { text-align: center; font-size: 0; }
.mine_vip_page .pay_content .pay_mode li, .vip_pay_layer .pay_mode li { display: inline-block; line-height: 16px; margin: 0 10px; vertical-align: top; font-size: 14px; color: #313131; cursor: pointer; }
.mine_vip_page .pay_content .pay_mode li.on i, .vip_pay_layer .pay_mode li.on i { border-color: #cc5050; }
.mine_vip_page .pay_content .pay_mode li.on i::before, .vip_pay_layer .pay_mode li.on i::before { position: absolute; top: 50%; left: 50%; background: #cc5050; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 100%; content: ""; }
.mine_vip_page .pay_content .pay_mode li i, .vip_pay_layer .pay_mode li i { position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 10px; border: 1px solid #cdcdcd; border-radius: 100%; vertical-align: top; }
.mine_vip_page .pay_content .countdown, .vip_pay_layer .countdown { background: #fcf6f6; width: 360px; line-height: 34px; margin: 16px auto 0; border: 1px solid #e5a7a7; border-radius: 4px; text-align: center; font-size: 14px; color: #cc5050; }
.mine_vip_page .pay_content .countdown.hide, .vip_pay_layer .countdown.hide { display: none; }
.mine_vip_page .pay_content .tips, .vip_pay_layer .tips { line-height: 24px; margin: 15px 0 0; font-size: 14px; color: #8c4512; }
.mine_vip_page .pay_content .tips a, .vip_pay_layer .tips a { color: inherit; }
.mine_vip_page .pay_content .tips .view_introduction, .vip_pay_layer .tips .view_introduction { display: inline-block; line-height: inherit; vertical-align: top; cursor: pointer; }

.mine_vip_page .pay_content.show { display: block !important; }

.common_vip_layer { position: fixed; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 998; }
.common_vip_layer.show { display: table !important; }
.common_vip_layer .position { display: table-cell; vertical-align: middle; text-align: center; }
.common_vip_layer .main { position: relative; background: #fff; width: 560px; margin: 0 auto; }
.common_vip_layer .layer_header { position: relative; background-image: linear-gradient(to right, #464646, #242424); height: 60px; padding: 17px 0 0; text-align: center; }
.common_vip_layer .layer_header img { height: 26px; }
.common_vip_layer .layer_header .close { position: absolute; top: 20px; right: 40px; width: 20px; height: 20px; opacity: 1; cursor: pointer; }
.common_vip_layer .layer_body .text { line-height: 28px; padding: 0 30px; text-align: left; font-size: 16px; color: #333; }
.common_vip_layer .layer_body .text.tac { text-align: center; }
.common_vip_layer .layer_body .text.tar { text-align: right; }
.common_vip_layer .layer_body .text a { margin: 0 6px; text-decoration: underline; color: #cc5050; }
.common_vip_layer .layer_body .text p { line-height: inherit; }
.common_vip_layer .layer_body .text .col1 { color: #919191 !important; }
.common_vip_layer .layer_body .text .col2 { color: #cc5050 !important; }
.common_vip_layer .layer_body form { padding: 25px 30px 0; text-align: left; }
.common_vip_layer .layer_body form.multiple { margin: 0 4px; padding: 0 26px 0; max-height: 400px; overflow: hidden; overflow-y: auto; }
.common_vip_layer .layer_body form.multiple::-webkit-scrollbar { width: 8px; height: 1px; }
.common_vip_layer .layer_body form.multiple::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.common_vip_layer .layer_body form.multiple::-webkit-scrollbar-track { background: #fff; }
.common_vip_layer .layer_body form .form_item { min-height: 36px; margin-top: 15px; }
.common_vip_layer .layer_body form .form_item .form_label { float: left; line-height: 36px; padding: 0; width: 130px; font-size: 16px; color: #000; }
.common_vip_layer .layer_body form .form_item .form_label em { display: inline-block; width: 26px; height: 36px; line-height: 48px; margin-right: 4px; vertical-align: top; text-align: center; font-size: 30px; color: #cc5050; }
.common_vip_layer .layer_body form .form_item .form_input input { width: 300px; height: 36px; padding: 0 12px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; }
.common_vip_layer .layer_body form .form_title { line-height: 22px; margin-top: 16px; text-align: center; font-size: 14px; color: #616161; }
.common_vip_layer .layer_body .form_tips { position: relative; line-height: 25px; margin: 8px 0 0 160px; text-align: left; font-size: 14px; color: #919191; }
.common_vip_layer .layer_body .form_tips .ps { position: absolute; top: 0; left: -28px; line-height: inherit; }
.common_vip_layer .layer_body .form_tips a { color: inherit; }
.common_vip_layer .layer_body .card_list { padding: 0 0 0 40px; text-align: left; }
.common_vip_layer .layer_body .card_list .card_title { line-height: 48px; font-size: 16px; color: #333; }
.common_vip_layer .layer_body .card_list .card_box { margin-right: 4px; max-height: 400px; overflow: hidden; overflow-y: auto; }
.common_vip_layer .layer_body .card_list .card_box::-webkit-scrollbar { width: 8px; height: 1px; }
.common_vip_layer .layer_body .card_list .card_box::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.common_vip_layer .layer_body .card_list .card_box::-webkit-scrollbar-track { background: #fff; }
.common_vip_layer .layer_body .card_list .card_item { position: relative; background: #fafafa; width: 480px; margin-bottom: 12px; padding: 8px 0 8px 20px; line-height: 28px; overflow: hidden; border-radius: 4px; font-size: 16px; color: #333; cursor: pointer; }
.common_vip_layer .layer_body .card_list .card_item.on.font::before { border-color: #ef9f3b; }
.common_vip_layer .layer_body .card_list .card_item.on::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; border-radius: 4px; content: ""; }
.common_vip_layer .layer_body .card_list .card_item.font i { background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_cart_sale.png); }
.common_vip_layer .layer_body .card_list .card_item.share i { background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_cart_share.png); }
.common_vip_layer .layer_body .card_list .card_item i { position: absolute; right: 0; bottom: 0; width: 60px; height: 24px; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/icon_cart_vip.png); z-index: 2; }
.common_vip_layer .layer_body .card_list .card_item span { color: #efa03c; }
.common_vip_layer .layer_body .card_list .card_tips { line-height: 24px; padding: 4px 0 0; font-size: 14px; color: #919191; }
.common_vip_layer .layer_body .card_list .card_tips a { margin: 0 6px; text-decoration: underline; color: #cc5050; }
.common_vip_layer .layer_footer { padding: 0 20px 30px; font-size: 0; }
.common_vip_layer .layer_footer.tac { text-align: center; }
.common_vip_layer .layer_footer.tar { text-align: right; }
.common_vip_layer .layer_footer .no_more_reminders { float: left; margin: 10px 0 10px 40px; cursor: pointer; }
.common_vip_layer .layer_footer .no_more_reminders.on i::before { position: absolute; top: 50%; left: 50%; background: #999; width: 10px; height: 10px; margin: -5px 0 0 -5px; content: ""; }
.common_vip_layer .layer_footer .no_more_reminders i { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 4px; vertical-align: top; }
.common_vip_layer .layer_footer .no_more_reminders span { display: inline-block; line-height: 16px; margin-left: 8px; vertical-align: top; font-size: 14px; color: #919191; }
.common_vip_layer .layer_footer .button { display: inline-block; min-width: 100px; line-height: 34px; margin: 0 10px; padding: 0 15px; border: 1px solid transparent; border-radius: 4px; vertical-align: top; text-align: center; font-size: 16px; cursor: pointer; }
.common_vip_layer .layer_footer .button.w240 { width: 240px; }
.common_vip_layer .layer_footer .button.col1 { background: #fcf6f6; border-color: #cc5050; color: #cc5050; }
.common_vip_layer .layer_footer .button.col2 { background: #f5f5f5; border-color: #666; color: #666; }

.vip_pay_complete_layer .layer_body { padding: 44px 0 32px; }

.vip_personal_authorize_layer .layer_body { padding: 0 0 12px; }

.vip_enterprise_authorize_layer .layer_body { padding: 0 0 12px; }

.vip_card_layer .layer_body { padding: 34px 0 40px; }

.vip_card_coming_end_layer .layer_body { padding: 44px 0; }

.vip_card_expire_layer .layer_body { padding: 44px 0; }

.vip_look_authorize_layer .layer_body { position: relative; padding: 30px 0 10px; }
.vip_look_authorize_layer .authorize_list { padding: 0 45px; text-align: left; }
.vip_look_authorize_layer .authorize_list .title { height: 56px; line-height: 58px; margin-top: -30px; text-align: center; font-size: 14px; color: #919191; }
.vip_look_authorize_layer .authorize_list .title span { color: #313131; }
.vip_look_authorize_layer .authorize_list .arrow { position: absolute; top: 95px; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/btn_right@2x.png); background-size: 11px 18px; width: 11px; height: 18px; cursor: pointer; }
.vip_look_authorize_layer .authorize_list .arrow.left { left: 16px; transform: rotate(-180deg); }
.vip_look_authorize_layer .authorize_list .arrow.right { right: 16px; }
.vip_look_authorize_layer .authorize_list table { background: #e0e0e0; width: 100%; border-collapse: separate; border-spacing: 1px; font-size: 16px; color: #333; }
.vip_look_authorize_layer .authorize_list table td { background: #fff; height: 50px; line-height: 160%; padding: 0 20px; }
.vip_look_authorize_layer .authorize_list table td:nth-child(1) { background: #fafafa; }
.vip_look_authorize_layer .authorize_list .tips { line-height: 52px; font-size: 14px; color: #919191; }
.vip_look_authorize_layer .authorize_list .tips a { margin: 0 6px; text-decoration: underline; color: #cc5050; }

.init_vip_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1001; }
.init_vip_layer.show { display: block; }
.init_vip_layer .main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat center top url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_img3.png); background-size: 100% auto; width: 530px; height: 380px; margin: auto; }
.init_vip_layer .main .button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
.init_vip_layer .main .countdown { position: absolute; top: 201px; right: 0; left: 0; text-align: center; }
.init_vip_layer .main .countdown p { height: 35px; line-height: 32px; font-size: 14px; color: #cc5050; }
.init_vip_layer .main .countdown ul { font-size: 0; }
.init_vip_layer .main .countdown li { display: inline-block; height: 26px; line-height: 26px; vertical-align: top; }
.init_vip_layer .main .countdown li.text { width: 20px; font-size: 14px; color: #fff; }
.init_vip_layer .main .countdown li.time span { display: inline-block; background: #ffdca9; width: 20px; height: 26px; line-height: 26px; margin: 0 2px; border-radius: 4px; vertical-align: top; font-size: 18px; color: #000; }
.init_vip_layer .main .countdown li.millisecond .roll { display: inline-block; background: #ffdca9; width: 20px; height: 26px; overflow: hidden; margin: 0 2px; border-radius: 4px; vertical-align: top; font-size: 18px; color: #000; }
.init_vip_layer .main .countdown li.millisecond .roll:nth-child(1) .box { animation: init_vip_millisecond 1s steps(10, start) 0s infinite normal backwards; }
.init_vip_layer .main .countdown li.millisecond .roll:nth-child(2) .box { animation: init_vip_millisecond 0.1s steps(10, start) 0s infinite normal backwards; }
.init_vip_layer .main .countdown li.millisecond .roll label { display: block; line-height: 26px; padding: 0 !important; margin: 0 !important; font-weight: normal !important; }
.init_vip_layer .main .list { position: relative; height: 44px; margin: 264px 0 0; overflow: hidden; }
.init_vip_layer .main .list .item { position: absolute; top: 44px; right: 0; left: 0; padding: 7px 0; text-align: center; font-size: 0; }
.init_vip_layer .main .list .item.overdue { top: -44px; transition: top 1s; }
.init_vip_layer .main .list .item.current { top: 0; transition: top 1s; }
.init_vip_layer .main .list .item img { display: inline-block; width: 30px; height: 30px; border-radius: 100%; vertical-align: top; }
.init_vip_layer .main .list .item span { display: inline-block; line-height: 30px; margin-left: 10px; vertical-align: top; font-size: 16px; color: #fff; }
.init_vip_layer .close { position: absolute; top: 14px; right: 10px; width: 38px; height: 30px; cursor: pointer; }

.init_coupon_vip_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1001; }
.init_coupon_vip_layer.show { display: block; }
.init_coupon_vip_layer .main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 370px; height: 510px; margin: auto; }
.init_coupon_vip_layer .list { position: absolute; top: 233px; left: 105px; z-index: 2; }
.init_coupon_vip_layer .list p { width: 160px; height: 40px; margin: 6px 0 0; line-height: 40px; border-radius: 40px; text-align: center; font-size: 24px; color: #c7000c; }
.init_coupon_vip_layer .list button { display: block; background: transparent; width: 116px; height: 116px; margin: 10px auto 0; padding: 0 0 30px; line-height: 24px; border: 0; border-radius: 116px; font-weight: bold; font-size: 20px; color: #c7000c; }
.init_coupon_vip_layer .button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; z-index: 3; }
.init_coupon_vip_layer .close { position: absolute; top: 12px; right: 35px; width: 40px; height: 32px; cursor: pointer; z-index: 4; }

.become_vip_layer { position: fixed; top: 50%; left: 50%; visibility: hidden; width: 660px; height: 660px; margin: -330px 0 0 -330px; z-index: -1; }
.become_vip_layer.show { visibility: visible; z-index: 1000; }
.become_vip_layer.show .bg { opacity: 1; animation: become_vip_bg 1s linear forwards 2.8s; }
.become_vip_layer.show .bg img { opacity: 1; }
.become_vip_layer.show .text { animation: become_vip_text 3s linear forwards 0.6s; }
.become_vip_layer .bg { width: 100%; height: 100%; }
.become_vip_layer .bg img { display: block; width: 100%; height: 100%; opacity: 0; transform: rotate(0deg); transition: opacity 2s; animation: become_vip_img 6s linear infinite; }
.become_vip_layer .text { position: absolute; top: 50%; right: 0; left: 0; background: no-repeat center top url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/become_vip_img2.png); height: 67px; margin-top: -34px; transform: scale(0); }

.vip_invitation_share_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1000; }
.vip_invitation_share_layer.show { display: block; }
.vip_invitation_share_layer.view .list { height: 359px; margin-bottom: 15px; }
.vip_invitation_share_layer.view .copy_button { display: none; }
.vip_invitation_share_layer .box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; width: 380px; height: 500px; margin: auto; padding: 16px 0 0; border-radius: 20px; }
.vip_invitation_share_layer .close_button { position: absolute; top: 25px; right: 25px; background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/mine_icon3.png); width: 20px; height: 20px; cursor: pointer; }
.vip_invitation_share_layer .title { line-height: 36px; text-align: center; font-size: 20px; color: #282728; }
.vip_invitation_share_layer .describe { line-height: 24px; text-align: center; font-size: 12px; color: #282728; }
.vip_invitation_share_layer .describe span { margin: 0 4px; color: #cc5050; }
.vip_invitation_share_layer .list { background: #fafafa; height: 300px; margin: 14px 2px 0 0; padding: 5px 0; overflow: hidden; overflow-y: auto; /*滚动条里面小方块*/ /*滚动条里面轨道*/ }
.vip_invitation_share_layer .list::-webkit-scrollbar { width: 8px; height: 8px; }
.vip_invitation_share_layer .list::-webkit-scrollbar-thumb { background: #c67c47; border-radius: 8px; }
.vip_invitation_share_layer .list::-webkit-scrollbar-track { background: transparent; border-radius: 8px; }
.vip_invitation_share_layer .list .item { position: relative; margin: 0 0 15px; padding: 0 0 0 40px; overflow: hidden; }
.vip_invitation_share_layer .list .item:first-child { margin: 15px 0; }
.vip_invitation_share_layer .list .item img { float: left; width: 40px; height: 40px; margin-right: 18px; border-radius: 100%; }
.vip_invitation_share_layer .list .item .name { float: left; width: 160px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; }
.vip_invitation_share_layer .list .item .null { float: left; line-height: 40px; font-size: 14px; color: #999; }
.vip_invitation_share_layer .list .item .delete { float: left; line-height: 40px; margin-left: 26px; font-size: 14px; color: #cc5050; cursor: pointer; }
.vip_invitation_share_layer .list .item .confirm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background: #fafafa; }
.vip_invitation_share_layer .list .item .confirm .txt { float: left; width: 184px; line-height: 21px; margin: -2px 0 0 30px; font-size: 12px; color: #333; }
.vip_invitation_share_layer .list .item .confirm .button { padding: 7px 0 0; font-size: 0; }
.vip_invitation_share_layer .list .item .confirm .button button { display: inline-block; width: 60px; height: 24px; margin-left: 8px; border-radius: 4px; vertical-align: top; text-align: center; font-size: 12px; }
.vip_invitation_share_layer .list .item .confirm .button button:first-child { background: #fff; border: 1px solid #616161; color: #333; }
.vip_invitation_share_layer .list .item .confirm .button button:last-child { background: #cc5050; border: 1px solid #cc5050; color: #fff; }
.vip_invitation_share_layer .copy_button { background: no-repeat url(/web/20220501195808im_/https://www.font.cn/myfont/pc2/assets/images/vip/mine_img3.png); width: 200px; line-height: 44px; margin: 15px auto; border-radius: 44px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; }
.vip_invitation_share_layer .other { line-height: 26px; padding: 0 20px; font-size: 12px; color: #666; }
.vip_invitation_share_layer .other .txt { float: left; }
.vip_invitation_share_layer .other .download { float: right; line-height: inherit; color: inherit; }

.invitation_user_vip_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1001; }
.invitation_user_vip_layer.show { display: block; }
.invitation_user_vip_layer .main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; width: 450px; height: 212px; margin: auto; padding: 30px; border-radius: 4px; }
.invitation_user_vip_layer .user img { float: left; width: 50px; height: 50px; margin-right: 18px; border-radius: 100%; }
.invitation_user_vip_layer .user span { display: inline-block; line-height: 50px; vertical-align: top; font-size: 14px; color: #333; }
.invitation_user_vip_layer .txt { line-height: 48px; font-size: 14px; color: #666; }
.invitation_user_vip_layer .txt span { color: #cc5050; }
.invitation_user_vip_layer .button { padding-top: 12px; text-align: right; font-size: 0; }
.invitation_user_vip_layer .button button { display: inline-block; width: 108px; height: 42px; margin-left: 20px; border-radius: 4px; text-align: center; font-size: 14px; }
.invitation_user_vip_layer .button button:first-child { background: #cc5050; border: 1px solid #cc5050; color: #fff; }
.invitation_user_vip_layer .button button:last-child { background: #fff; border: 1px solid #ccc; color: #666; }

.vip_secede_share_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1001; }
.vip_secede_share_layer.show { display: block; }
.vip_secede_share_layer .main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; width: 450px; height: 188px; margin: auto; padding: 20px 30px 30px; border-radius: 4px; }
.vip_secede_share_layer .title { line-height: 36px; font-size: 20px; color: #333; }
.vip_secede_share_layer .txt { line-height: 48px; font-size: 14px; color: #666; }
.vip_secede_share_layer .txt span { color: #cc5050; }
.vip_secede_share_layer .button { padding-top: 12px; text-align: right; font-size: 0; }
.vip_secede_share_layer .button button { display: inline-block; width: 108px; height: 42px; margin-left: 20px; border-radius: 4px; text-align: center; font-size: 14px; }
.vip_secede_share_layer .button button:first-child { background: #cc5050; border: 1px solid #cc5050; color: #fff; }
.vip_secede_share_layer .button button:last-child { background: #fff; border: 1px solid #ccc; color: #666; }

.vip_clean_share_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 1001; }
.vip_clean_share_layer.show { display: block; }
.vip_clean_share_layer .main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; width: 450px; height: 188px; margin: auto; padding: 20px 30px 30px; border-radius: 4px; }
.vip_clean_share_layer .title { line-height: 36px; font-size: 20px; color: #333; }
.vip_clean_share_layer .txt { line-height: 48px; font-size: 14px; color: #666; }
.vip_clean_share_layer .txt span { color: #cc5050; }
.vip_clean_share_layer .button { padding-top: 12px; text-align: right; font-size: 0; }
.vip_clean_share_layer .button button { display: inline-block; width: 108px; height: 42px; margin-left: 20px; border-radius: 4px; text-align: center; font-size: 14px; }
.vip_clean_share_layer .button button:first-child { background: #cc5050; border: 1px solid #cc5050; color: #fff; }
.vip_clean_share_layer .button button:last-child { background: #fff; border: 1px solid #ccc; color: #666; }

@keyframes init_vip_millisecond { 0% { margin-top: 0; }
  100% { margin-top: -260px; } }
@keyframes become_vip_bg { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes become_vip_img { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@keyframes become_vip_text { 0% { transform: scale(0); }
  15% { transform: scale(1.3); }
  22% { transform: scale(1); }
  78% { transform: scale(1); }
  85% { transform: scale(1.3); }
  100% { transform: scale(0); } }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

/*
     FILE ARCHIVED ON 19:58:08 May 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:59:52 Oct 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.782 (2)
  exclusion.robots: 0.065 (2)
  exclusion.robots.policy: 0.049 (2)
  esindex: 0.015 (2)
  cdx.remote: 28.053 (2)
  LoadShardBlock: 378.053 (6)
  PetaboxLoader3.datanode: 376.505 (10)
  PetaboxLoader3.resolve: 87.958 (2)
  load_resource: 254.533 (2)
  loaddict: 145.309 (2)
*/