@charset "UTF-8";
blockquote,body,button,code,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
blockquote,q{quotes:none}
:focus{outline:0}
:link,:visited{text-decoration:none}
@font-face{font-family:Poppins;src:url(../font/Poppins-Black.ttf);font-weight:900}
@font-face{font-family:Poppins;src:url(../font/Poppins-ExtraBold.ttf);font-weight:800}
@font-face{font-family:Poppins;src:url(../font/Poppins-Bold.ttf);font-weight:700}
@font-face{font-family:Poppins;src:url(../font/Poppins-SemiBold.ttf);font-weight:600}
@font-face{font-family:Poppins;src:url(../font/Poppins-Medium.ttf);font-weight:400}
@font-face{font-family:Poppins;src:url(../font/Poppins-Regular.ttf);font-weight:300}
:root{font-family:Poppins;font-size:14px;font-weight:400;line-height:1;--main:#6A49FF;--minor:#fffbe4;--c8:#000000;--show-star:#ffb133;--completed:#ffb133;--addlibrary:#EAE5FF;--addlibrary-hover:#C0B3FF;--another:#fffbe4;--bwg1:#0c0c0d;--bwg2:#242528;--bwg3:#55575d;--bwg4:#878a92;--bwg5:#bcbec2;--bwg6:#d7d8db;--bwg7:#f2f2f3;--bwg8:#f8f8f9;--bwg9:#ffffff;--r_main:#ff3f25;--r_minor:#ffa10a;--r_another:#5A36FB;--theme1_f:#ffffff;--theme1_b:#f8f8f9;--theme2_f:#fff2e6;--theme2_b:#f5e7d7;--theme3_f:#242528;--theme3_b:#0c0c0d;--trs:all ease-in 0.2s;--mask:rgba(0, 0, 0, 0.4);--shadow:0 0 8px rgba(0, 0, 0, 0.15);--radius_s:8px;--radius_m:12px;--radius_l:16px;--radius_r:50%;--radius_lr:100px}
button,input,optgroup,option,select,textarea{font-family:Poppins}
.com_imgbox{display:inline-flex;overflow:hidden;justify-content:center;align-items:center}
.com_img{width:100%;height:100%;transition:all linear .2s}
.com_icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}
.svg-icon{width:1em;height:1em;display:inline-block;fill:currentColor}
.mod_pagination{width:100%;display:flex;justify-content:center;margin:64px auto}
.mod_pagination_list{width:auto;display:inline-flex;align-items:center;gap:24px}
.mod_pagination_item{line-height:20px;padding:12px 24px;color:var(--bwg4);background-color:var(--bwg8);border-radius:var(--radius_s);font-size:14px;transition:var(--trs)}
.mod_pagination_item.is_active{background-color:var(--main);color: var(--bwg9)}
.mod_pagination_item.is_disabled{background-color:var(--bwg8);color:var(--bwg3);cursor:no-drop;pointer-events:none}
@media screen and (min-width:768px){
    .mod_pagination_item:hover{background-color:var(--another)}
    .mod_pagination_item:hover.is_active{color:var(--bwg9);background-color:var(--main)}
}
@media screen and (max-width:768px){
    .mod_pagination{margin:34px auto}
    .mod_pagination_list{display:flex;width:100%;justify-content:center;gap:8px}
    .mod_pagination_item{padding:10px 12px;flex:0 1 auto;box-sizing:border-box;text-align:center}
}
.mod_pagination_item.is_first{color:var(--bwg3);}
.mod_pagination_item.is_last{color:var(--bwg3)}
.mod_section{width:100%}
.mod_section_layout{width:1220px;box-sizing:border-box;display:flex;align-items:flex-start;margin:0 auto;gap:20px}
.mod_section_main{flex:1 1 auto;width:1px;flex-direction:column;display:flex;gap:12px}
.mod_section_head{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:16px 0}
.mod_section_head_title{font-size:28px;line-height:42px;color:var(--bwg2);font-weight:800;position:relative;flex:0 0 auto}
.mod_section_head_con{flex:0 0 auto}
.mod_section_head_more{display:inline-flex;font-size:14px;line-height:16px;gap:10px;flex:1 1 auto;width:1px;justify-content:flex-end}
.mod_section_more_link{color:var(--main);display:inline-flex;align-items:center;transition:var(--trs);gap:6px}
.mod_section_more_link .com_icon{font-size:16px;transform:rotate(-90deg)}
.mod_section_aside{flex:0 0 auto;width:300px;display:flex;flex-direction:column;gap:12px}
.mod_section_aside_head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}
.mod_section_aside_title{font-size:20px;color:var(--c8)}
@media screen and (min-width:768px){
    .mod_section{margin-bottom:24px}
    .mod_section_layout{padding:16px 10px;background-color:var(--bwg9)}
    .mod_section_more_link:hover{color:var(--main)}
}
@media screen and (max-width:768px){
    .mod_section{width:100%;margin-bottom:12px}
    .mod_section_layout{width:100%;box-sizing:border-box;padding:12px 16px;background-color:var(--c2);display:flex;flex-direction:column;margin:0 auto;gap:12px}
    .mod_section_main{flex:0 0 auto;width:100%;gap:12px}
    .mod_section_head{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0;gap:16px}
    .mod_section_head_title{font-size:18px;color:var(--c8);font-weight:700;position:relative;flex:0 0 auto}
    .mod_section_head_con{flex:0 0 auto}
    .mod_section_head_more{display:inline-flex;font-size:12px;line-height:18px;gap:10px;flex:1 1 auto;width:1px;justify-content:flex-end}
    .mod_section_more_link{color:var(--bwg4);display:inline-flex;align-items:center;transition:var(--trs);gap:6px}
    .mod_section_aside{flex:0 0 auto;gap:12px;box-sizing:border-box;padding:12px 10px 0;width:calc(100% + 20px);margin-left:-10px;border-top:solid 12px var(--cg)}
    .mod_section_aside_head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}
    .mod_section_aside_title{font-size:18px;color:var(--c8);font-weight:700}
    .mod_section_aside_body{height:auto}
}
.com_layout{display:flex;flex-direction:column;height:auto;min-height:100vh}
.com_layout main{flex:1 0 auto}
.com_header{background-color:var(--bwg9);border-bottom:solid 1px var(--bwg7)}
.com_header_layout{height:72px;align-items:center;max-width:1220px;width:100%;margin:0 auto;display:flex;justify-content:space-between;box-sizing:border-box;padding:0 10px}
.com_header_layout .header_left{display:flex;align-items:center;gap:48px}
.com_header_layout .header_left .logo_box img{height:50px;width:auto}
.com_header_layout .header_left .header_navbox{display:flex;align-items:center;flex-wrap:nowrap;gap:24px}
.com_header_layout .header_left .header_navbox .nav_item{font-size:16px;line-height:18px;font-weight:400;color:var(--bwg4);transition:var(--trs)}
.com_header_layout .header_left .header_navbox .nav_item.active{font-weight:700;color:var(--main)}
.com_header_layout .header_left .header_navbox .more_btn{display:none}
.com_header_layout .header_right{display:flex;align-items:center;gap:24px;color:var(--bwg2)}
.com_header_layout .header_right .com_icon{font-size:18px}
.com_header_layout .header_right .header_search_mod{display:flex;align-items:center}
.com_header_layout .header_right .header_search_mod .name{display:flex;align-items:center;transition:var(--trs)}
.com_header_layout .header_right .header_search_mod .header_search_mod_input{border:none;padding:0;width:0;overflow:hidden;box-sizing:border-box;line-height:32px;height:32px;border-bottom:2px solid var(--bwg6);transition:var(--trs);color:var(--bwg2);background-color:transparent}
.com_header_layout .header_right .header_search_mod .header_search_mod_input:focus{width:240px;padding:0 10px}
.com_header_layout .header_right .language_mod{position:relative}
.com_header_layout .header_right .language_mod:after{content:"";width:100%;height:32px;position:absolute;top:100%;left:0;display:block}
.com_header_layout .header_right .language_mod .name{display:inline-flex;gap:4px;align-items:center;transition:var(--trs);cursor:pointer}
.com_header_layout .header_right .language_mod .com_icon_direction{transition:var(--trs)}
.com_header_layout .header_right .language_mod .language_list{position:absolute;top:calc(100% + 24px);width:287px;height:0;overflow:hidden;display:none;right:0;z-index:1;background-color:var(--bwg9);padding:16px 0;border-radius:var(--radius_s);flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.com_header_layout .header_right .language_mod .language_item{box-sizing:border-box;padding:8px 16px;display:flex;flex-direction:column;gap:4px;width:100%;position:relative;transition:var(--trs);cursor:pointer}
.com_header_layout .header_right .language_mod .language_item .com_icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:none;font-size:24px;color:var(--bwg2)}
.com_header_layout .header_right .language_mod .language_item.is_active{background-color:var(--bwg8)}
.com_header_layout .header_right .language_mod .language_item.is_active .com_icon{display:inline-flex}
.com_header_layout .header_right .language_mod .language_item .label{font-size:16px;line-height:24px;color:var(--bwg3)}
.com_header_layout .header_right .language_mod .language_item .value{color:var(--bwg5);font-size:12px;font-weight:lighter;line-height:18px}
.com_header_layout .header_right .user_mod .login_btn{color:var(--bwg9);box-sizing:border-box;display:inline-flex;padding:0 24px;line-height:32px;border-radius:var(--radius_lr);background-color:var(--main);cursor:pointer}
.com_header_layout .header_right .user_mod{position:relative}
.com_header_layout .header_right .user_mod .user_img{width:32px;aspect-ratio:1;height:auto;border-radius:var(--radius_r)}
.com_header_layout .header_right .user_mod .user_center{display:none;flex-direction:column;padding:16px;box-sizing:border-box;border-radius:var(--radius_l);position:absolute;right:0;top:calc(100% + 13px);overflow:hidden;z-index:9;background-color:var(--bwg9);width:208px;height:228px}
.com_header_layout .header_right .user_mod .user_center::before{content:"";width:100%;height:40px;position:absolute;left:0;top:0;background-color:var(--bwg8)}
.com_header_layout .header_right .user_mod .user_profile{display:flex;flex-direction:column;gap:8px;align-items:center;position:relative}
.com_header_layout .header_right .user_mod .user_avatar{width:48px;aspect-ratio:1;height:auto;border-radius:var(--radius_r)}
.com_header_layout .header_right .user_mod .user_details{display:inline-flex;flex-direction:column;align-items:center;gap:4px}
.com_header_layout .header_right .user_mod .user_name{font-size:14px;color:var(--bwg2);line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.com_header_layout .header_right .user_mod .user_id{font-weight:300;color:var(--bwg4);line-height:18px;font-size:12px}
.com_header_layout .header_right .user_mod .menu{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-top:16px;border-top:1px solid var(--bwg7)}
.com_header_layout .header_right .user_mod .menu_item{display:inline-flex;align-items:center;font-size:14px;line-height:24px;width:100%;color:var(--bwg3);gap:6px;transition:var(--trs)}
.com_header_layout .header_right .user_mod .menu_item .com_icon{font-size:24px}
.com_header_layout .header_right .user_mod:hover .user_center{display:flex}
.com_header_layout .header_right .user_mod:hover::before{content:"";width:208px;height:36px;position:absolute;right:0;top:80%}
@media screen and (min-width:767px){
    .com_header_layout .header_right .user_mod .menu_item:hover{color:var(--bwg2)}
}
@media screen and (max-width:768px){
    .com_header_layout .header_right .user_mod .user_center{box-shadow:var(--shadow);top: calc(100% + 12px)}
}
.com_header_layout .header_optionbox{display:none}
@media screen and (min-width:767px){
    .com_header_layout .header_left .header_navbox .nav_item:hover,.com_header_layout .header_right .header_search_mod:hover .name{color:var(--r_another)}
    .com_header_layout .header_right .header_search_mod:hover .header_search_mod_input{width:240px;padding:0 10px}
    .com_header_layout .header_right .language_mod:hover .com_icon_direction{transform:rotate(180deg)}
    .com_header_layout .header_right .language_mod:hover .language_list{height:auto;display:flex}
    .com_header_layout .header_right .language_mod .name:hover{color:var(--r_minor)}
    .com_header_layout .header_right .language_mod .language_item:hover{background-color:var(--bwg8)}
}
@media screen and (max-width:768px){
    .com_header_layout .header_right .language_mod .language_item,.com_header_layout .header_right .language_mod .name,.com_header_layout .header_right .user_mod .login_btn{cursor:default}
}
.com_footer{background-color:var(--bwg8);padding:32px 0;font-size:16px;line-height:24px}
.com_footer .footer_layout{display:flex;flex-direction:column;height:auto;box-sizing:border-box;padding:0 10px;max-width:1220px;width:100%;margin:0 auto}
.com_footer .footer_top{display:flex;flex-direction:row-reverse;position:relative;gap:72px}
.com_footer .download_box .column_list{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.com_footer .download_box .link_item{display:flex;align-items:center;width:112px;height:34px;justify-content:center;gap:4px;background-color:var(--bwg2);border-radius:var(--radius_lr)}
.com_footer .download_box .link_text{font-size:12px;color:var(--bwg9);transition:var(--trs)}
.com_footer .download_box img{aspect-ratio:1;width:18px;height:auto}
.com_footer .follow_box .column_list{display:flex;gap:16px;margin-top:24px}
.com_footer .follow_box .link_icon{width:36px;aspect-ratio:1;height:auto;border-radius:var(--radius_r)}
.com_footer .nav_box{flex:1 1 auto}
.com_footer .nav_box .column_list{display:flex;gap:32px}
.com_footer .nav_box .link_item{color:var(--bwg2);transition:var(--trs)}
.com_footer .logo_link{position:absolute;left:10px;bottom:0}
.com_footer .logo_link img{height:50px;width:auto}
.footer_bottom{border-top:1px solid var(--bwg6);padding-top:24px;margin-top:32px}
.footer_bottom .copyright{text-align:center;color:var(--bwg3);font-size:12px;line-height:16px}
.layout_mb_mune,.layout_share_popup{display:none}
@media screen and (min-width:767px){
    .com_footer .nav_box .link_item:hover{color:var(--main)}
    .com_footer .download_box .link_item:hover .link_text{color:var(--minor)}
}
@media screen and (max-width:768px){
    .com_header .header_optionbox{display:flex;gap:16px;align-items:center;height:40px;box-sizing:border-box;position:absolute;bottom:0;left:8px;right:8px}
    .com_header .header_optionbox .back_btn,.com_header .header_optionbox .share_btn{font-size:24px;color:var(--bwg2);line-height:1;flex:0 0 auto}
    .com_header .header_optionbox .back_btn{transform:rotate(90deg)}
    .com_header .header_optionbox .page_title{flex:1 1 auto;text-align:center;font-size:14px;color:var(--bwg2)}
    .com_header_layout{height:auto;padding:12px 16px 52px;position:relative}
    .com_header_layout .header_left{gap:24px}
    .com_header_layout .header_left .logo_box img{height:40px}
    .com_header_layout .header_left .header_navbox{position:absolute;left:16px;right:16px;bottom:0}
    .com_header_layout .header_left .header_navbox .nav_item{font-size:16px;line-height:40px}
    .com_header_layout .header_left .header_navbox .nav_item.active{color:var(--bwg2)}
    .com_header_layout .header_left .header_navbox .more_btn{display:inline-flex;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--bwg3)}
    .com_header_layout .header_right{gap:16px;color:var(--bwg2)}
    .com_header_layout .header_right .com_icon{font-size:24px}
    .com_header_layout .header_right .header_search_mod{position:relative}
    .com_header_layout .header_right .header_search_mod .name{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none}
    .com_header_layout .header_right .header_search_mod .header_search_mod_input{width:32px;border-bottom:2px solid transparent;transition:var(--trs);background-color:transparent;color:transparent}
    .com_header_layout .header_right .header_search_mod .header_search_mod_input::placeholder{color:transparent}
    .com_header_layout .header_right .header_search_mod .header_search_mod_input:focus{width:calc(100vw - 248px);max-width:200px;padding:0 10px;border-color:var(--bwg6);color:var(--bwg2)}
    .com_header_layout .header_right .header_search_mod .header_search_mod_input:focus+.name{pointer-events:all}
    .com_header_layout .header_right .header_search_mod .header_search_mod_input:focus::placeholder{color:var(--bwg6)}
    .com_header_layout .header_right .language_mod{display:none}
    .com_header_layout .header_right .user_mod .login_btn{color:var(--bwg9);box-sizing:border-box;display:inline-flex;padding:0 24px;line-height:32px;border-radius:var(--radius_lr);background-color:var(--main);cursor:default}
    .com_footer{padding:24px 0;font-size:14px;line-height:20px}
    .com_footer .footer_layout{padding:0 16px}
    .com_footer .footer_top{flex-direction:column;gap:24px}
    .com_footer .footer_top .column_name{display:none}
    .com_footer .download_box .column_list{flex-direction:row;justify-content:center;margin-top:0}
    .com_footer .download_box .link_text{font-size:11px}
    .com_footer .follow_box{order:2}
    .com_footer .follow_box .column_list{display:flex;gap:16px;margin-top:-8px;justify-content:center}
    .com_footer .nav_box{order:1}
    .com_footer .nav_box .column_list{display:flex;justify-content:center;gap:16px}
    .com_footer .nav_box .link_item{color:var(--bwg2);transition:var(--trs)}
    .com_footer .logo_link{order:4;position:relative;margin-top:-4px;display:flex;justify-content:center;left:0}
    .com_footer .logo_link img{height:40px}
    .footer_bottom{padding-top:16px;margin-top:20px}
    .footer_bottom .copyright{font-size:10px}
    .layout_share_popup{display:none;position:fixed;left:0;bottom:0;height:100vh;width:100%;z-index:5;align-items:flex-end}
    .layout_share_popup.is_active{display:flex}
    .layout_share_popup .mask{position:absolute;width:100%;left:0;top:0;height:100%;background-color:var(--bwg2);opacity:.5}
    .layout_share_popup .content{position:relative;display:flex;flex-direction:column;width:100%}
    .layout_share_popup .share_title{border-top-left-radius:var(--radius_m);border-top-right-radius:var(--radius_m);background-color:var(--bwg8);line-height:60px;color:var(--bwg2);font-size:18px;font-weight:700;width:100%;padding:0 16px;box-sizing:border-box}
    .layout_share_popup .share_list{height:144px;align-items:center;display:flex;width:100%;gap:36px;padding:0 16px;box-sizing:border-box;background-color:var(--bwg9)}
    .layout_share_popup .icon{width:48px;height:48px;border-radius:var(--radius_r)}
    .layout_mb_mune{height:100vh;width:100vw;position:fixed;z-index:5;display:none;justify-content:flex-end}
    .layout_mb_mune.is_active{display:flex}
    .layout_mb_mune .mask{width:100%;height:100%;background-color:var(--bwg2);opacity:.5;position:absolute;left:0;top:0}
    .layout_mb_mune .content{height:100%;background-color:var(--bwg9);width:75vw;display:flex;flex-direction:column;position:relative}
    .layout_mb_mune .choose_language,.layout_mb_mune .nav_box{width:100%;padding:24px 0 0}
    .layout_mb_mune .choose_language .title,.layout_mb_mune .nav_box .title{font-size:18px;line-height:27px;color:var(--bwg2);padding:0 16px 8px;position:relative;flex:0 0 auto}
    .layout_mb_mune .choose_language .title:after,.layout_mb_mune .nav_box .title:after{content:"";width:calc(100% - 32px);height:1px;background:var(--bwg7);position:absolute;bottom:0;left:16px}
    .layout_mb_mune .nav_list{margin-top:24px;display:flex;flex-direction:column;gap:16px}
    .layout_mb_mune .nav_item{font-size:16px;color:var(--bwg3);line-height:56px;position:relative;text-align:center;transition:var(--trs)}
    .layout_mb_mune .nav_item.is_active{color:var(--r_another);background-color:var(--bwg8)}
    .layout_mb_mune .nav_item.is_active:after{content:"";width:8px;height:100%;display:block;position:absolute;background:var(--main);left:0;top:0}
    .layout_mb_mune .choose_language{overflow:hidden;height:1px;flex:1 1 auto;width:100%;display:flex;flex-direction:column;gap:16px}
    .layout_mb_mune .choose_box{flex:1 1 auto;display:flex;flex-wrap:nowrap;transition:var(--trs);align-items:flex-start}
    .layout_mb_mune .choose_box.is_active{transform:translate(-100%)}
    .layout_mb_mune .list_box,.layout_mb_mune .select_box{flex:0 0 auto;width:100%;box-sizing:border-box}
    .layout_mb_mune .select_box{padding:16px;display:flex;align-items:center;border-bottom:solid 1px var(--bwg9);gap:1em;font-size:14px;line-height:21px}
    .layout_mb_mune .select_box .name{flex:1 1 auto;color:var(--bwg3)}
    .layout_mb_mune .select_box .com_icon{font-size:24px;transform:rotate(-90deg)}
    .layout_mb_mune .text_icon{display:flex;align-items:center;flex:0 0 auto;color:var(--bwg2)}
    .layout_mb_mune .list_box{display:flex;flex-direction:column;height:100%;overflow:auto;gap:8px}
    .layout_mb_mune .language_item{display:flex;box-sizing:border-box;padding:8px 16px;transition:var(--trs);gap:8px}
    .layout_mb_mune .language_item.is_active{background-color:var(--bwg8)}
    .layout_mb_mune .language_item.is_active .com_icon{opacity:1}
    .layout_mb_mune .language_item .label_box{flex:1 1 auto;color:var(--bwg2);display:flex;flex-direction:column;gap:8px}
    .layout_mb_mune .language_item .name,.layout_mb_mune .language_item .value{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .layout_mb_mune .language_item .name{font-size:14px;line-height:21px}
    .layout_mb_mune .language_item .value{font-size:12px;line-height:18px}
    .layout_mb_mune .language_item .com_icon{flex:0 0 auto;opacity:0}
}
.mod_tabs{display:flex;flex-direction:column;gap:24px;width:100%;overflow:hidden}
.mod_tabs_list{width:100%}
.mod_tabs_list_layout{display:flex;flex-wrap:nowrap;width:100%;overflow:visible;align-items:center;gap:48px;border-bottom:1px solid var(--bwg7)}
.mod_tabs_item{display:inline-flex;line-height:74px;border-bottom:solid 3px transparent;align-items:center;justify-content:center;font-size:28px;font-weight:bolder;cursor:pointer;transition:var(--trs);flex:0 0 auto;margin-bottom:-1px;color:var(--bwg3)}
.mod_tabs_item.is_active{border-color:var(--main);color:var(--bwg2)}
.mod_tabs_content{width:100%;overflow:hidden}
.mod_tabs_content_layout{display:flex;align-items:stretch;flex-wrap:nowrap;width:100%;overflow:visible;transition:var(--trs)}
.mod_tabs_panel{flex:0 0 auto;width:100%;display:flex;flex-direction:column;height:0;overflow:hidden}
.mod_tabs_panel.is_active{height:auto;overflow:visible}
@media screen and (min-width:768px){
    .mod_tabs_item:hover{border-color:var(--main)}
}
@media screen and (max-width:768px){
    .mod_tabs{gap:16px}
    .mod_tabs_list_layout{gap:24px}
    .mod_tabs_item{height:28px;line-height:28px;font-size:14px;padding:0;cursor:default}
    .mod_tabs_item.is_active{border-color:var(--bwg2)}
}
.mod_crumbs{display:flex;width:100%;height:auto;justify-content:center}
.mod_crumbs_layout{height:70px;display:flex;width:1220px;padding:0 10px;align-items:center;box-sizing:border-box}
.mod_crumbs_layout .text{color:var(--bwg3);font-size:14px;white-space:nowrap;flex:0 0 auto}
.mod_crumbs_layout .text:last-child{color:var(--c2);flex:1 1 auto;width:1px;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:768px){
    .mod_crumbs_layout{height:36px}
    .mod_crumbs_layout .text{font-size:12px}
}
.mod_dialog{display:none}
.disable{display:none!important;}
.ldialog_container{overflow:visible;z-index:99;width:0;height:0;overflow:hidden}
.ldialog_container .mod_dialog{position:fixed;display:flex;width:100vw;height:100vh;overflow:hidden;top:0;left:0}
.ldialog_container .mod_dialog_mask{width:100%;height:100%;background-color:var(--mask);left:0;right:0;position:absolute}
.ldialog_container .mod_dialog_layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:var(--bwg9);box-shadow:var(--shadow);padding:8px 12px;box-sizing:border-box;width:750px;max-width:80vw;max-height:80vh}
.ldialog_container .mod_dialog_head{width:100%;flex:0 0 auto;position:relative}
.ldialog_container .mod_dialog_title{display:block;height:38px;line-height:38px;font-size:18px;font-weight:700;color:var(--bwg1);position:relative;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px;width:100%}
.ldialog_container .mod_dialog_close{font-size:24px;color:var(--bwg2);position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(45deg);flex:0 0 auto;transition:var(--trs);cursor:pointer}
.ldialog_container .mod_dialog_body{width:100%;overflow:auto}
@media screen and (min-width:767px){
    .ldialog_container .mod_dialog_close:hover{color:var(--r_main)}
}
@media screen and (max-width:767px){
    .ldialog_container .mod_dialog_close{cursor:default}
}
.com_start_box{display:inline-flex;width:auto;height:1em;position:relative;color:var(--bwg5)}
.com_start_box .base_start,.com_start_box .show_start{display:flex;flex-wrap:nowrap;position:relative;height:100%;overflow:hidden}
.com_start_box .show_start{position:absolute;left:0;top:0;color:var(--show-star)}
.com_start_box .com_icon{flex:0 0 auto}

.dialog_layout_box{display:none}
.com_dialog_close{background:url(../img/public/down_close.png) no-repeat center;background-size:contain}
.com_dialog_close::after,.com_dialog_close::before{display:none}
.login_dialog .com_dialog_main{width:480px;border-radius:var(--radius_l);padding:16px 24px;background:url(../img/public/down_bg.png) no-repeat center;background-size:cover;background-color:var(--bwg9)}
.login_dialog .com_dialog_title{color:var(--bwg2);font-size:20px;line-height:30px;font-weight:600}
.login_dialog .login_types{padding:24px 80px 0;height:248px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:24px}
.login_dialog .login_type_item{display:flex;align-items:center;width:100%;height:48px;justify-content:center;gap:4px;background-color:#0866ff;border-radius:var(--radius_s);box-sizing:border-box;padding:0 16px;color:var(--bwg9);cursor:pointer;font-size:16px}
.login_dialog .icon{aspect-ratio:1;width:24px;height:auto;flex:0 0 auto}
.login_dialog .text{flex:1 1 auto;display:inline-block;text-align:center}
.login_dialog .login_type_pass{text-align:center;font-size:16px;color:var(--bwg2);cursor:pointer}
.login_dialog .privacy_box{display:flex;align-items:flex-start;text-align:left;justify-content:center;gap:8px}
.login_dialog .privacy_box .text{font-size:11px;line-height:17px;color:var(--bwg4);font-weight:300;flex:0 1 auto}
.login_dialog .privacy_box a{color:var(--bwg4);text-decoration:underline;transition:var(--trs)}
.login_dialog .privacy_box a:hover{color:#0866ff}
.login_dialog .radio_input{cursor:pointer;width:17px;height:17px}
@media screen and (max-width:768px){
    .com_dialog.login_dialog .com_dialog_main{width:calc(100% - 48px);padding:18px 24px}
    .login_dialog .com_dialog_title{font-size:18px;line-height:27px}
    .login_dialog .login_types{padding:24px 0 0;height:200px}
}