@charset "UTF-8";
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }

body { font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; min-width: 1300px; }

ul, li { margin: 0; padding: 0; list-style: none; }

p { margin-bottom: 0; }

a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }

img { vertical-align: middle; }

textarea { outline: none; resize: none; }
textarea::-webkit-input-placeholder { color: #B3B3B3; }

em { font-style: normal; }

input { color: #333333; outline: none; }
input::-webkit-input-placeholder { color: #B3B3B3; }

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #cccccc; }

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cccccc; }

input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cccccc; }

input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cccccc; }

:focus { outline: none !important; z-index: 10000; }

input::-moz-focus-inner, button::-moz-focus-inner { border: 0; }

.clearfix { *zoom: 1; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; overflow: hidden; }

span, p, a, h1, h2, h3, h4 { line-height: 1; }

.fl { float: left; }

.fr { float: right; }

.container { width: 1200px; padding-left: 0; padding-right: 0; margin: 0 auto; position: relative; }

.com_header { height: 130px; background-color: #474747; }
.com_header i.close_com_pop { display: block; background: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png) no-repeat -763px -242px; width: 20px; height: 20px; cursor: pointer; position: absolute; right: 40px; top: 20px; opacity: 1; }
.com_header .header_left .logo_img { position: relative; width: 200px; height: 80px; margin: 28px 0 0; }
.com_header .header_left .logo_img h1 { margin: 0; }
.com_header .header_left .logo_img img { height: 80px; }
.com_header .header_left .logo_img img.zzzj { position: absolute; top: 50%; right: 0; height: 56px; margin: -35px 0 0; }
.com_header .header_left .top_nav { margin-left: 40px; line-height: 130px; display: block; font-size: 0; }
.com_header .header_left .top_nav hr { display: inline-block; background: #fff; width: 2px; height: 16px; margin: 57px 28px 0; vertical-align: top; }
.com_header .header_left .top_nav hr.w0 { width: 0; }
.com_header .header_left .top_nav a { display: inline-block; height: 20px; line-height: 1; margin-top: 55px; vertical-align: top; }
.com_header .header_left .top_nav span { display: block; line-height: 20px; font-size: 16px; color: #cccccc; cursor: pointer; }
.com_header .header_left .top_nav span.active { color: #CC5050; }
.com_header .header_left .top_nav a:hover { text-decoration: none; }
.com_header .header_left .top_nav a:hover span { color: #CC5050; }
.com_header .header_left .top_nav .search_btn { display: inline-block; margin-top: 55px; vertical-align: top; }
.com_header .header_left .top_nav .search_btn::before { display: inline-block; background-image: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/btn_search@2x.png); background-size: 20px 20px; width: 20px; height: 20px; margin-bottom: 3px; margin-right: 10px; vertical-align: middle; content: ''; }
.com_header .header_left .top_nav .preferential_activity { position: relative; }
.com_header .header_left .top_nav .preferential_activity :before { position: absolute; top: -22px; left: 18px; background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/menu_icon.png); width: 64px; height: 20px; content: ""; }
.com_header .header_left .top_nav .vip { margin: 50px 30px 0; }
.com_header .header_left .top_nav .vip .text { background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/vip/menu_icon.png); width: 126px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
.com_header .header_left .top_nav .vip p { line-height: 26px; text-align: center; font-size: 16px; color: #ffa366; }
.com_header .header_left .search_box { position: relative; display: none; background: white; width: 600px; height: 50px; line-height: 50px; margin-left: 70px; margin-top: 40px; z-index: 11; }
.com_header .header_left .search_box .inp_box .close_inp_text { margin-left: 20px; margin-right: 23px; width: 16px; height: 16px; }
.com_header .header_left .search_box .inp_box input { width: 490px; height: 40px; font-size: 16px; }
.com_header .header_left .search_box .inp_box img { margin-bottom: 3px; cursor: pointer; }
.com_header .header_left .search_box .hot_search { width: 600px; background: #fafafa; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05); padding-left: 20px; padding-top: 15px; padding-bottom: 15px; z-index: 10; position: relative; }
.com_header .header_left .search_box .hot_search .title { font-size: 14px; color: #999999; }
.com_header .header_left .search_box .hot_search .hot_cont { margin-top: 23px; }
.com_header .header_left .search_box .hot_search .hot_cont p { margin-bottom: 21px; font-size: 16px; cursor: pointer; color: #282828; }
.com_header .header_left .search_box .hot_search .hot_cont p:last-child { margin-bottom: 0; }
.com_header .header_right { margin-right: 49px; }
.com_header .header_right .nologin { height: 44px; line-height: 44px; margin-top: 44px; display: none; }
.com_header .header_right .nologin > img { display: inline-block; width: 44px; height: 44px; vertical-align: top; cursor: pointer; }
.com_header .header_right .nologin .reandlogin_btn { float: right; margin-left: 10px; }
.com_header .header_right .nologin .reandlogin_btn span { display: inline-block; line-height: 44px; vertical-align: top; font-size: 16px; color: #cccccc; }
.com_header .header_right .nologin .reandlogin_btn span.login_btn { cursor: pointer; }
.com_header .header_right .nologin .reandlogin_btn span.login_btn:hover { color: #CC5050; }
.com_header .header_right .yeslogin { height: 68px; line-height: 44px; margin-top: 44px; display: none; text-align: center; }
.com_header .header_right .yeslogin .pic { position: relative; display: block; background: #b9bdc6; width: 44px; height: 44px; padding: 2px; border-radius: 100%; transform: rotate(0deg); }
.com_header .header_right .yeslogin .pic.vip { animation: vip-head-portrait 1.8s linear forwards; }
.com_header .header_right .yeslogin .pic.vip i { position: absolute; top: -11px; right: -4px; background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/vip/become_vip_img3.png); width: 22px; height: 20px; opacity: 0; animation: vip-head-portrait-icon 0.8s linear forwards 1s; }
.com_header .header_right .yeslogin .pic.not { background: #6a6c6b; }
.com_header .header_right .yeslogin .pic img { position: relative; display: block; width: 100%; height: 100%; border-radius: 100%; z-index: 2; }
.com_header .header_right .yeslogin span { font-size: 16px; color: #cccccc; }
.com_header .header_right .yeslogin .itemBox { width: 180px; height: 130px; background: #fff; border-radius: 2px; z-index: 999; position: absolute; right: -18px; margin-top: 10px; display: none; }
.com_header .header_right .yeslogin .itemBox .nickname { font-size: 16px; }
.com_header .header_right .yeslogin .itemBox li { height: 42px; line-height: 42px; border-bottom: 1px solid #ebebeb; margin: 0 30px 0 30px; text-align: center; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 120px; }
.com_header .header_right .yeslogin .itemBox li:nth-child(2) { border-bottom: 0; }
.com_header .header_right .yeslogin .itemBox li:last-child { border-bottom: 0; }
.com_header .header_right .yeslogin .itemBox li a { color: #999999; }
.com_header .become_vip_button { position: relative; float: right; background: no-repeat left center url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon8.png); width: 160px; height: 36px; margin: 47px 38px 0 0; cursor: pointer; }
.com_header .become_vip_button.coupon { background: no-repeat left center url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/vip/layer_icon9.png); width: 173px; height: 58px; margin: 47px 30px 0 0; }

.footer { height: 280px; background-color: #3c3c3c; padding-top: 79px; padding-left: 24px; padding-right: 30px; margin-top: 55px; }
.footer .footer_left { position: relative; float: left; }
.footer .footer_left .left_top { margin-bottom: 20px; }
.footer .footer_left .left_top img { height: 45px; margin-right: 12px; }
.footer .footer_left .left_top img.zzzj { position: absolute; top: 7px; left: 124px; height: 19px; margin: 0; }
.footer .footer_left .left_top span { line-height: 20px; vertical-align: bottom; font-size: 16px; color: #bcbbba; }
.footer .footer_left .left_cent { margin-bottom: 19px; }
.footer .footer_left .left_cent span { font-size: 17px; color: #BCBBBA; cursor: pointer; }
.footer .footer_left .left_cent span::after { display: inline-block; width: 1px; height: 16px; background: #BCBBBA; content: ''; vertical-align: middle; margin-left: 25px; margin-right: 22px; margin-bottom: 3px; }
.footer .footer_left .left_cent a:last-child span::after { width: 0; }
.footer .footer_left .left_cent a:hover { text-decoration: none; }
.footer .footer_left .left_cent a:hover span { color: #CC5050; }
.footer .footer_left .left_bot p { font-size: 12px; color: #BCBBBA; margin-bottom: 10px; }
.footer .footer_left .left_bot p img { vertical-align: bottom; }
.footer .footer_left .left_bot p a { color: #BCBBBA; }
.footer .footer_right { float: right; text-align: center; }
.footer .footer_right p { font-size: 16px; color: #bcbbba; margin-top: 9px; }
.footer .release-font { display: none !important; }
.footer .release-font.show { display: inline !important; }

.star_div { height: 36px; width: 49px; text-align: center; background-image: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/btn_like_n@2x.png"); background-size: 36px 36px; background-position: center center; background-repeat: no-repeat; }

.star_div.active { background-image: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/btn_like_h@2x.png"); background-size: 36px 36px; background-position: center center; background-repeat: no-repeat; }

.font_list .font_item { float: left; width: 360px; margin-right: 60px; margin-bottom: 78px; }
.font_list .font_item:nth-child(3n) { margin-right: 0; }
.font_list .font_item .item_top { margin-bottom: 12px; }
.font_list .font_item .item_top .item_top_left { float: left; }
.font_list .font_item .item_top .item_top_left p { max-width: 265px; font-size: 24px; color: #202020; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 5px; border-bottom: 2px solid #777777; }
.font_list .font_item .item_top .item_top_right { position: relative; }
.font_list .font_item .item_top .item_top_right .yq_text { margin-left: 16px; float: right; }
.font_list .font_item .item_top .item_top_right .yq_text span { display: inline-block; background: #fafafa; border: 1px solid #a2b2c8; width: 25px; height: 25px; font-size: 12px; color: #a2b2c8; text-align: center; line-height: 23px; vertical-align: top; float: left; }
.font_list .font_item .item_top .item_top_right .yq_text span:first-child { border-radius: 5px 0px 0px 5px; border: 1px solid #a2b2c8; border-right: 0; }
.font_list .font_item .item_top .item_top_right .yq_text span:nth-child(2) { border-radius: 0; border-right: 0; }
.font_list .font_item .item_top .item_top_right .yq_text span:nth-child(3) { border-radius: 0; border-right: 0; }
.font_list .font_item .item_top .item_top_right .yq_text span:last-child { border-radius: 0px 5px 5px 0px; border: 1px solid #a2b2c8; }
.font_list .font_item .item_top .item_top_right .yq_text .mores { cursor: pointer; }
.font_list .font_item .item_top .item_top_right .yq_text .mores:hover .langmore { display: block; }
.font_list .font_item .item_top .item_top_right > p { float: right; font-size: 12px; height: 24px; padding: 0 7px; background: #f0f2f4; border-radius: 5px; line-height: 24px; }
.font_list .font_item .item_top .item_top_right > p a { color: #202020; }
.font_list .font_item .item_top .item_top_right .langmore { display: none; position: absolute; z-index: 999; top: 35px; height: 20px; line-height: 20px; background: black; opacity: 0.3; font-size: 12px; font-family: Microsoft YaHei; font-weight: 300; color: white; padding-left: 9px; padding-right: 9px; float: right; right: 0; }
.font_list .font_item .item_cont { width: 360px; height: 400px; background: #f3f3f3; position: relative; padding: 39px 35px 37px 35px; }
.font_list .font_item .item_cont p { writing-mode: tb-rl; font-size: 40px; color: #202020; line-height: 1.23; float: right; width: 100%; height: 324px; overflow: hidden; word-wrap: break-word; }
.font_list .font_item .item_cont > img { position: absolute; right: 20px; top: 20px; width: 36px; height: 36px; }
.font_list .font_item .item_bot { height: 48px; margin-top: 23px; overflow: hidden; }
.font_list .font_item .item_bot .com_name { float: left; width: 198px; }
.font_list .font_item .item_bot .com_name > p { float: left; font-size: 12px; width: 120px; height: 40px; line-height: 40px; background: #f7f7f7; border-radius: 5px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; text-align: center; }
.font_list .font_item .item_bot .com_name > p a { color: #333333; }
.font_list .font_item .item_bot .star_div { float: left; margin-left: 22px; margin-top: 2px; cursor: pointer; }
.font_list .font_item .item_bot .price_div { float: right; text-align: right; }
.font_list .font_item .item_bot .price_div .price { font-size: 16px; color: #CC5050; margin-bottom: 8px; }
.font_list .font_item .item_bot .price_div .buy_btn { margin: 0 auto; width: 80px; height: 24px; background: #cc5050; border-radius: 4px; text-align: center; line-height: 24px; font-size: 14px; color: #fafafa; }
.font_list .font_item .item_bot .price_div .buy_btn.download { height: 40px; line-height: 40px; }

.user_box { margin-top: 30px; }
.user_box .left_nav { float: left; width: 150px; border: 1px solid #eeeeee; border-radius: 10px; background-color: white; }
.user_box .left_nav .nav_header { padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; text-align: center; padding-top: 35px; }
.user_box .left_nav .nav_header .user_img_div { width: 80px; height: 76px; background-image: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/img_touxiang@2x.png"); background-size: 80px 76px; text-align: center; position: relative; padding-top: 10px; margin: 0 auto; margin-bottom: 10px; }
.user_box .left_nav .nav_header .user_img_div .user_img { vertical-align: middle; width: 60px; height: 60px; border-radius: 50%; }
.user_box .left_nav .nav_header .user_img_div span { position: absolute; display: inline-block; width: 70px; height: 20px; background: #cc5050; border-radius: 10px; text-align: center; line-height: 20px; font-size: 12px; color: white; bottom: -5px; left: 5px; }
.user_box .left_nav .nav_header .user_img_div.btyh { background-image: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/img_touxiang_w@2x.png"); background-size: 80px 76px; }
.user_box .left_nav .nav_header .user_img_div.btyh span { background: #b3b3b3; }
.user_box .left_nav .nav_header .user_img_div.vipYh { background-image: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/img_touxiang_g@2x.png"); background-size: 80px 76px; }
.user_box .left_nav .nav_header .user_img_div.vipYh span { background: linear-gradient(90deg, #FFD7BA, #D09469); }
.user_box .left_nav .nav_header .user_name { font-size: 16px; color: #333333; width: 99%; text-overflow: ellipsis; height: 20px; white-space: nowrap; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.user_box .left_nav .nav_header .user_sr { color: #333333; font-size: 12px; margin-top: 13px; }
.user_box .left_nav .nav_header .user_sr span { color: #333333; font-size: 18px; }
.user_box .left_nav .nav_header .becomeBusiness { display: inline-block; width: 130px; height: 24px; background: #cc5050; border-radius: 12px; text-align: center; font-size: 12px; color: white; line-height: 23px; }
.user_box .left_nav .nav_cont { padding-left: 20px; padding-top: 20px; padding-bottom: 5px; }
.user_box .left_nav .nav_cont ul li { margin-bottom: 1px; }
.user_box .left_nav .nav_cont ul li p { font-size: 14px; color: #333333; margin-bottom: 18px; }
.user_box .left_nav .nav_cont ul li p img { margin-right: 12px; width: 20px; height: auto; }
.user_box .left_nav .nav_cont ul li a { width: 100%; display: block; margin-bottom: 17px; padding-left: 32px; color: #666666; font-size: 14px; }
.user_box .left_nav .nav_cont ul li a.active { color: #CC5050; }
.user_box .right_cont { width: 1030px; background: white; border: 1px solid #eeeeee; border-radius: 10px; min-height: 641px; float: left; padding-bottom: 30px; margin-left: 20px; }

.redBtn { display: inline-block; width: 100px; height: 32px; text-align: center; line-height: 32px; background: #cc5050; color: #fff; cursor: pointer; margin-right: 20px; font-size: 14px; border-radius: 2px; color: white; }
.redBtn:hover { color: white; }

/* 通用select */
.select_box { position: relative; width: 388px; }

.select_box > p { height: 33px; padding-left: 12px; border: 1px solid #cccccc; border-radius: 2px; position: relative; font-size: 14px; line-height: 33px; cursor: pointer; color: #666666; }

.select_box > p::before { content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; right: 15px; background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/ico-select.png") no-repeat; top: 7px; }

.select_box > p:hover { border: 1px solid skyblue; }

.select_box > div { display: none; position: absolute; top: 36px; background-color: #fff; width: 100%; z-index: 3; box-shadow: 1px -1px 8px 0px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; }

.select_box > div p { height: 32px; cursor: pointer; font-size: 14px; padding-left: 12px; line-height: 32px; color: #666666; }

.select_box > div p.index { background-color: #EEF6FF; }

.select_box > div p:hover { background-color: #EEF6FF; }

.redDiva p:hover, .redDiva span:hover, .redDiva a:hover { color: #CC5050 !important; cursor: pointer; }

.redDivT p, .redDivT span, .redDivT a { color: #CC5050 !important; }

.yesItem { display: none; }

.noItem { display: none; }

.PageBox { height: 50px; margin-top: 30px; text-align: center; }
.PageBox #pagination1 { display: inline-block; }
.PageBox #pagination1 a, .PageBox #pagination1 span { float: left; margin-right: 10px; width: 40px; height: 36px; line-height: 36px; background: white; border: 1px solid #eeeeee; border-radius: 6px; font-family: Microsoft YaHei; font-weight: 400; color: #6f6f6f; text-align: center; }
.PageBox #pagination1 .disabled { color: #ccc; width: 80px; height: 36px; line-height: 36px; text-align: center; }
.PageBox #pagination1 .current { margin-right: 10px; width: 40px; height: 36px; line-height: 36px; background: #3c3c3c; border-radius: 6px; font-size: 20px; color: #fff; text-align: center; }
.PageBox #pagination1 .prevPage, .PageBox #pagination1 .nextPage { width: 80px; height: 36px; line-height: 36px; text-align: center; }

.com_shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 99; display: none; }

.com_pop { position: fixed; padding-bottom: 30px; top: 15%; background-color: #fff; width: 700px; left: 50%; transform: translateX(-50%); z-index: 999; display: none; }
.com_pop .com_header { height: 60px; text-align: center; padding-top: 17px; background: linear-gradient(90deg, #464646 0%, #242424 100%); }
.com_pop .com_header img { height: 26px; width: auto; }
.com_pop .com_header .title { font-size: 20px; color: #cc5050; }
.com_pop .com_header .title span { display: inline-block; max-width: 300px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.com_pop .affirm_txt { padding: 50px 25px 15px; }
.com_pop .affirm_txt p { text-align: center; line-height: 1.4; font-size: 16px; color: #333333; }
.com_pop .com_cont { padding: 0 37px; padding-top: 32px; text-align: center; font-size: 16px; }
.com_pop .com_cont .text_item span { font-size: 16px; color: #333333; }
.com_pop .com_cont .text_item span:nth-child(1) { display: inline-block; width: 95px; text-align: left; margin-right: 20px; }
.com_pop .com_cont .inp_item { margin-bottom: 12px; }
.com_pop .com_cont .inp_item span { font-size: 16px; color: #333333; display: inline-block; width: 100px; text-align: left; margin-right: 20px; }
.com_pop .com_cont .inp_item input { width: 300px; height: 36px; background: white; border: 1px solid #cccccc; border-radius: 2px; font-size: 15; padding-left: 12px; }
.com_pop .com_cont .textarea_item span { font-size: 16px; color: #333333; margin-right: 34px; text-align: left; }
.com_pop .com_cont .textarea_item textarea { width: 500px; height: 100px; background: white; border: 1px solid #ebebeb; border-radius: 2px; resize: none; padding: 8px 12px; outline: none; vertical-align: top; }
.com_pop .com_cont .bt::before { content: '*'; color: #cc5050; display: inline-block; vertical-align: middle; font-size: 30px; margin-top: 6px; margin-right: 4px; }
.com_pop .com_pop_btn { width: 240px; height: 36px; background: #fcf6f6; border: 1px solid #cc5050; border-radius: 5px; font-size: 16px; color: #cc5050; text-align: center; line-height: 36px; cursor: pointer; margin: 0 auto; margin-top: 30px; }
.com_pop .com_pop_close { position: absolute; top: 20px; right: 40px; width: 20px; height: 20px; cursor: pointer; }

.sqybq .com_cont { padding-top: 5px; }

.shoucesBox .com_cont { padding-top: 5px; }

.dg_box { width: 18px; height: 18px; border: 1px solid #e6e6e6; border-radius: 4px; display: inline-block; position: relative; vertical-align: middle; margin-bottom: 2px; }

.dg_box.yes::after { position: absolute; background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/btn_on@2x.png") no-repeat; content: ' '; display: inline-block; border-radius: 3px; width: 17px; height: 12px; right: 0; top: 2px; background-size: 100% 100%; }

.xy_box { text-align: center; margin-top: 10px; cursor: pointer; }

.xy_box .text { font-size: 14px; color: #666666; }

.xy_box .xy { font-size: 14px; color: #CC5050; }

.gxxysm { height: 600px; width: 400px; top: 10%; }
.gxxysm .gd_cont { max-height: 452px; width: 100%; overflow-y: scroll; padding: 20px; }
.gxxysm .gd_cont p { margin-bottom: 20px; }

.noItem { text-align: center; margin: 0 auto; margin-top: 174px; }
.noItem img { margin-bottom: 25px; width: 300px; height: 148px; }
.noItem p { text-align: center; font-size: 20px; color: #999999; }

.warn_box { background: rgba(0, 0, 0, 0.6); height: 50px; position: fixed; line-height: 50px; padding: 0 50px; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 99999999; display: none; }
.warn_box img { vertical-align: middle; margin-bottom: 3px; margin-right: 11px; }
.warn_box span { font-size: 16px; color: white; }

.PopupBox { position: fixed; top: 25%; z-index: 9999; left: 50%; transform: translateX(-50%); display: none; }
.PopupBox .RLoginoBox { width: 500px; height: 450px; background: #fff; color: #000; }
.PopupBox .RLoginoBox .Rbartit { line-height: 30px; font-size: 24px; border-radius: 8px 8px 0 0; padding: 50px 0px 0px; text-align: center; }
.PopupBox .RLoginoBox .Rbartit i.close { display: block; background: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png) no-repeat -763px -242px; width: 20px; height: 20px; cursor: pointer; position: absolute; right: 30px; top: 45px; opacity: 1; }
.PopupBox .RLoginoBox .RbarMain { width: 199px; margin: 27px auto; }
.PopupBox .RLoginoBox .RbarMain p { font-size: 16px; text-align: center; }
.PopupBox .RLoginoBox .RbarMain img { margin: auto; width: 46px; height: 46px; }
.PopupBox .RLoginoBox .RbarMain .logphone { display: none; width: 420px; min-height: 120px; background: white; margin-top: 31px; position: relative; }
.PopupBox .RLoginoBox .RbarMain .logphone li { display: flex; justify-content: left; height: 50px; line-height: 50px; border-top: 0; font-size: 18px; background: #FCF9FC; margin-bottom: 20px; }
.PopupBox .RLoginoBox .RbarMain .logphone li input { background: #FCF9FC; }
.PopupBox .RLoginoBox .RbarMain .logphone li p:nth-child(1) { width: 90px; text-align: center; margin-right: 19px; line-height: 49px; }
.PopupBox .RLoginoBox .RbarMain .logphone li:nth-child(1) input { border: 0; width: 349px; font-size: 18px; }
.PopupBox .RLoginoBox .RbarMain .logphone li:nth-child(2) input { border: 0; width: 300px; font-size: 18px; padding-left: 30px; }
.PopupBox .RLoginoBox .RbarMain .logphone li span { color: #CC5050; font-size: 18px; cursor: pointer; }
.PopupBox .RLoginoBox .RbarMain .logphone .PhoneLogBtn { width: 100%; height: 50px; line-height: 50px; text-align: center; background: linear-gradient(90deg, #464646 0%, #242424 100%); margin-top: 20px; cursor: pointer; }
.PopupBox .RLoginoBox .RbarMain .logphone .PhoneLogBtn img { width: 50px; height: 26px; }
.PopupBox .RLoginoBox .RbarMain .logcode { width: 199px; height: 194px; margin-top: 12px; text-align: center; position: relative; }
.PopupBox .RLoginoBox .RbarMain .logcode .overdue_qrcode { width: 199px; height: 199px; position: absolute; top: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.8); }
.PopupBox .RLoginoBox .RbarMain .logcode .overdue_qrcode p { color: white; cursor: pointer; line-height: 199px; }
.PopupBox .RLoginoBox .RbarMain .logcode .fail_qrcode { width: 199px; height: 199px; position: absolute; top: 0; left: 0; display: none; padding-top: 70px; background-color: rgba(0, 0, 0, 0.8); }
.PopupBox .RLoginoBox .RbarMain .logcode .fail_qrcode p { color: white; cursor: pointer; margin-bottom: 20px; }
.PopupBox .RLoginoBox .RbarMain .logcode .qr_code_img { width: 199px; height: 199px; }
.PopupBox .RLoginoBox .RbarMain .agree { width: 250px; text-align: center; position: relative; top: 23px; }
.PopupBox p.ico-phoneLogin, .PopupBox p.ico-wechatLogin { position: relative; top: 30px; cursor: pointer; width: 44px; margin: auto; }
.PopupBox .cell-right { margin-bottom: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #333; text-align: right; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; float: left; line-height: 18px; }
.PopupBox .cell-right .yred { color: #CC5050; }
.PopupBox .cell-right input[type="radio"], .PopupBox .cell-right input[type="checkbox"]:not(.m-switch) { -webkit-appearance: none; -moz-appearance: none; position: absolute; width: 19px; left: 101px; height: 19px; top: 1px; display: none; }
.PopupBox .cell-checkbox-icon, .PopupBox .cell-checkmore-icon { width: 20px; height: 20px; background: white; border: 1px solid #c0c6cc; border-radius: 2px; margin-right: 10px; }
.PopupBox .cell-right i.active { background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -317px -141px; content: ' '; display: inline-block; border-radius: 3px; position: relative; width: 20px; height: 20px; }
.PopupBox .cell-right input[type="radio"] + .cell-radio-icon:after, .PopupBox .cell-right input[type="checkbox"]:not(.m-switch) + .cell-radio-icon:after, .PopupBox .cell-right input[type="radio"] + .cell-checkbox-icon:after, .PopupBox .cell-right input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after { font-family: 'YDUI-INLAY'; font-size: 14px; position: absolute; left: 0; }
.PopupBox .cell-right input[type="radio"] + .cell-checkbox-icon:after, .PopupBox .cell-right input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after { content: ' '; color: #4CD864; display: none; position: absolute; left: 0; width: 16px; height: 18px; background-size: 16px; }
.PopupBox .cell-right input[type="radio"]:checked + .cell-checkbox-icon:after, .PopupBox .cell-right input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after { background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -318px -144px; content: ' '; display: inline-block; border-radius: 3px; position: relative; width: 17px; height: 12px; }

.readnum_qq { opacity: 0; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: red; margin-left: 5px; margin-bottom: 1px; }

.noDataBox { width: 1200px; text-align: center; color: #CCCCCC; font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; margin-bottom: 60px; display: none; }
.noDataBox em { color: #666; }
.noDataBox img { margin-top: 180px; margin-bottom: 472px; }

.feedback_pop { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; }
.feedback_pop .com_cont { padding: 0 30px; padding-top: 32px; }
.feedback_pop .com_cont .confirmTxt { width: 600px; margin: auto; margin-bottom: 30px; text-align: center; }
.feedback_pop .com_cont p { text-align: center; }
.feedback_pop .com_cont textarea { width: 640px; height: 100px; background: white; border: 1px solid #cccccc; border-radius: 2px; padding-left: 12px; padding-top: 11px; }
.feedback_pop .com_cont .upload_tip { margin-top: 49px; text-align: center; line-height: 40px; margin-bottom: 49px; }
.feedback_pop .com_cont .upload_tip span { color: #999; }
.feedback_pop .com_cont .upload_box { margin: auto; margin-top: 3px; text-align: center; }
.feedback_pop .com_cont .upload_box .sc_img_btn { width: 200px; height: 200px; background: white; border: 1px solid #ebebeb; border-radius: 2px; background: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/uploadpic.png) no-repeat center center; position: relative; cursor: pointer; margin: auto; }
.feedback_pop .com_cont .upload_box .sc_img_btn .upImg_box { display: none; }
.feedback_pop .com_cont .upload_box .sc_img_btn .upImg_box i { position: absolute; width: 32px; height: 32px; background: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png) no-repeat -408px -338px; top: -1px; right: -3px; cursor: pointer; display: none; }
.feedback_pop .com_cont .upload_box .sc_img_btn .upImg_box img { width: 200px; height: 200px; }
.feedback_pop .com_cont .QQ_input p { margin-bottom: 10px; }
.feedback_pop .com_cont .QQ_input input { width: 640px; height: 35px; padding-left: 15px; border: 1px solid #ccc; }

.Cooperation { font-family: Microsoft YaHei; font-weight: 400; }
.Cooperation p { text-align: left; font-size: 16px; color: #333333; margin-bottom: 9px; }
.Cooperation .com_cont .inp { text-align: left; }
.Cooperation .com_cont .inp input { width: 408px; height: 38px; border: 1px solid #cccccc; border-radius: 2px; font-size: 14px; padding-left: 12px; margin-bottom: 19px; }
.Cooperation .com_cont .txt { text-align: left; margin-top: 19px; }
.Cooperation .com_cont .txt textarea { width: 420px; height: 150px; background: white; border: 1px solid #cccccc; border-radius: 2px; margin-bottom: 20px; font-size: 14px; padding-left: 12px; padding-top: 11px; }

.R-bar { position: fixed; bottom: 60px; right: 20px; float: right; width: 73px; height: 335px; z-index: 99; }
.R-bar ul { width: 43px; margin: auto; text-align: center; padding: 10px; }
.R-bar ul li { margin-top: 15px; cursor: pointer; width: 50px; height: 50px; background: white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 50%; }
.R-bar ul li.preferential_activity { visibility: hidden; }
.R-bar ul li.preferential_activity.show { visibility: visible; }
.R-bar ul li.preferential_activity a { display: block; background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/meun_side_icon.png); width: 100%; height: 100%; }
.R-bar ul li.icoMores { margin-top: 15px; cursor: pointer; width: 50px; height: 50px; background: white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 50%; }
.R-bar ul li.icoMores:hover { width: 152px; height: 50px; background: white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 25px; position: relative; right: 103px; }
.R-bar ul li.icoMores:hover a.icoMore { left: 116px; }
.R-bar ul li.icoMores:hover .barMenu { display: block; }
.R-bar ul li.Kefus { background: #cc5050; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.R-bar ul li.Kefus:hover .icoKefuBox { display: block; }
.R-bar ul li.Codes:hover .icoCodeBox { display: block; }
.R-bar ul li a.reTop { margin-top: 20px; display: block; background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -77px -140px; width: 20px; height: 22px; position: relative; top: 16px; left: 15px; }
.R-bar ul li a.icoCode { margin-top: 20px; display: block; background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -262px -83px; width: 20px; height: 20px; position: relative; top: 16px; left: 15px; }
.R-bar ul li a.icoKefu { margin-top: 20px; display: block; background: url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png) no-repeat -714px -399px; width: 68px; height: 32px; position: relative; top: 10px; right: 28px; }
.R-bar ul li a.icoMore { margin-top: 20px; display: block; background: url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -205px -27px; width: 24px; height: 24px; position: relative; top: 14px; left: 13px; }
.R-bar ul li a.icoMore:hover .barMenu { display: block; }
.R-bar .barMore { margin-left: 4px; margin-top: -9px; font-size: 16px; }
.R-bar .barMore .barMenu { display: none; float: left; color: #333; margin-left: 11px; }
.R-bar .barMore .barMenu em.ml10 { margin-left: 10px; }
.R-bar .icoKefuBox { position: relative; right: 230px; top: -80px; display: none; background: white; width: 220px; padding: 0 20px; border-radius: 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); }
.R-bar .icoKefuBox hr { display: block; margin: 0; padding: 0; border: 0; border-bottom: 1px dashed #eee; }
.R-bar .icoKefuBox .service_title { height: 50px; line-height: 58px; font-weight: bold; font-size: 14px; color: #333; }
.R-bar .icoKefuBox .service_qq, .R-bar .icoKefuBox .service_wx { display: block; line-height: 50px; text-align: left; font-size: 14px; color: #888; }
.R-bar .icoKefuBox .service_qq:hover .layer, .R-bar .icoKefuBox .service_wx:hover .layer { display: table; }
.R-bar .icoKefuBox .service_qq .icon, .R-bar .icoKefuBox .service_wx .icon { float: right; }
.R-bar .icoKefuBox .service_qq .icon.qq, .R-bar .icoKefuBox .service_wx .icon.qq { height: 16px; margin: 17px 1px; }
.R-bar .icoKefuBox .service_qq .icon.wx, .R-bar .icoKefuBox .service_wx .icon.wx { height: 18px; margin: 16px 0; }
.R-bar .icoKefuBox .service_qq .layer, .R-bar .icoKefuBox .service_wx .layer { position: absolute; bottom: 46px; right: 10px; display: none; background: #fff; width: 130px; height: 130px; padding: 8px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); border: 1px solid #eee; border-radius: 6px; z-index: 99; }
.R-bar .icoKefuBox .service_qq .layer::before, .R-bar .icoKefuBox .service_wx .layer::before { position: absolute; bottom: -12px; right: 13px; border: 6px solid transparent; border-top-color: #fff; width: 0; height: 0; content: ""; z-index: 2; }
.R-bar .icoKefuBox .service_qq .layer::after, .R-bar .icoKefuBox .service_wx .layer::after { position: absolute; bottom: -14px; right: 12px; border: 7px solid transparent; border-top-color: #eee; width: 0; height: 0; content: ""; }
.R-bar .icoKefuBox .service_qq .layer img, .R-bar .icoKefuBox .service_wx .layer img { width: 112px; height: 112px; margin: 0; }
.R-bar .icoCodeBox { display: none; width: 200px; height: 140px; background: white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position: relative; right: 208px; top: -66px; }
.R-bar .icoCodeBox img { padding-top: 18px; }
.R-bar .icoCodeBox p { font-size: 16px; color: #333; line-height: 35px; }
.R-bar .icoKefuBox { right: 230px; }
.R-bar .icoKefuBox .kefuQQ { display: block; width: 123px; height: 36px; line-height: 36px; text-align: center; background: #fafafa url("/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/sprite.png") no-repeat -232px -467px; border: 1px solid #e6e6e6; border-radius: 5px; font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #333333; margin: 6px auto; padding-left: 25px; }

.activity_banners { position: relative; display: none; background-image: linear-gradient(to right, #eb1111, #ff7200); height: 70px; z-index: 10; }
.activity_banners.show { display: block; }
.activity_banners.business .banners_box { background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/activity_banners_bg1.png); height: 100px; }
.activity_banners.business .button { position: absolute; top: 17px; right: 40px; width: 130px; height: 36px; cursor: pointer; }
.activity_banners.preheat .banners_box { background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/activity_banners_bg2.png); height: 100px; }
.activity_banners.preheat .button { position: absolute; top: 17px; right: 40px; width: 160px; height: 36px; cursor: pointer; }
.activity_banners.last .banners_box { background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/activity_banners_bg3.png); height: 100px; }
.activity_banners.last .button { position: absolute; top: 17px; right: 40px; width: 130px; height: 36px; cursor: pointer; }
.activity_banners.start .banners_box { background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/activity_banners_bg4.png); height: 100px; }
.activity_banners.start .button { position: absolute; top: 17px; right: 40px; width: 130px; height: 36px; cursor: pointer; }
.activity_banners .banners_box { position: absolute; top: 0; right: 0; left: 0; width: 1200px; margin: 0 auto; }
.activity_banners .close { position: absolute; top: 6px; right: 6px; background: no-repeat url(/web/20220501195734im_/https://www.font.cn/myfont/pc2/assets/images/activity/activity_close_icon.png); width: 24px; height: 24px; cursor: pointer; opacity: 1 !important; }
.activity_banners .countdown { position: absolute; top: 15px; left: 564px; font-size: 0; }
.activity_banners .countdown * { display: inline-block; height: 40px; text-align: center; vertical-align: top; }
.activity_banners .countdown span { background: #f85c1f; width: 30px; line-height: 36px; margin: 0 4px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); border: 2px solid #fff; border-radius: 6px; font-size: 24px; font-weight: bold; color: #fff; }
.activity_banners .countdown label { width: 26px; line-height: 40px; font-size: 20px; color: #fff; }
.activity_banners .countdown label.auto { width: auto; margin-right: -4px; }

.com-loading { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); }
.com-loading img { position: absolute; width: 138px; height: 108px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.big-img-box { z-index: 1000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.6); transition: all .2s; width: 0; height: 0; }
.big-img-box img { max-width: 90%; max-height: 90%; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); }

.uc-login-iframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }

@keyframes vip-head-portrait { 0% { background: #b9bdc6; transform: scale(1); }
  30% { background: #b9bdc6; transform: scale(1.3); }
  40% { background: #b9bdc6; transform: scale(0); }
  50% { background: linear-gradient(to bottom, #ffed73, #ef8811); }
  60% { background: linear-gradient(to bottom, #ffed73, #ef8811); transform: scale(0); }
  70% { background: linear-gradient(to bottom, #ffed73, #ef8811); transform: scale(1.3); }
  100% { background: linear-gradient(to bottom, #ffed73, #ef8811); transform: scale(1); } }
@keyframes vip-head-portrait-icon { 0% { opacity: 1; transform: translate(-50%, 60%); }
  80% { opacity: 1; transform: translate(36%, -40%); }
  100% { opacity: 1; transform: translate(0, 0); } }

/*
     FILE ARCHIVED ON 19:57:34 May 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:58:12 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.603
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.035
  esindex: 0.01
  cdx.remote: 134.816
  LoadShardBlock: 729.684 (3)
  PetaboxLoader3.resolve: 546.951 (3)
  PetaboxLoader3.datanode: 335.28 (5)
  load_resource: 563.261
  loaddict: 98.245
*/