html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,span,a,b,img,em,del,label,form,fieldset,input,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
th,em,i{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
fieldset,img,a img{border:0;}
input,img{vertical-align:middle;}
input::-webkit-input-placeholder{color:#ccc;}
button,input,select,textarea{font-size:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;outline:none;}
.alR{text-align:right;}
.alL{text-align:left;}
.alC{text-align:center;}
del{text-decoration:line-through;color:#999;vertical-align:bottom;}
body{font:12px/150% "Helvetica Neue",Helvetica,Arial,sans-serif;color:#666;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
.red,a.red{color:#f92335;}
.gray,.c9,a.gray{color:#999;}
.c5,a.c5{color:#555;}
.c3,a.c3{color:#333;}
.c8{color:#888;}
.tre{color:#AF874D;}
.cb,a.cb{color:#3388bb;}
.tre{color:#9e8e82;}
.org{color:#ff7700;}
.blue{color:#4782c3;}
.green{color:#38b512;}
.xj{color:#e4393c;font-size:20px;font-family:'arial';}
.fB{font-weight:bold;}
/*.fI{font-style:italic;}*/
.fN{font-weight:normal;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.hid{display:none !important;}
input[type=submit]{-webkit-appearance:none;}
.OverH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ov{overflow:hidden;position:relative;}
.over{overflow:hidden;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.ml10{margin-left:10px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mr10{margin-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
@font-face{font-family:"vgan";src:url('f/best5.woff2') format('woff2'),url('f/best5.woff') format('woff'),url('f/best5.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'bestvibe';font-style:normal;font-weight:700;font-display:swap;src: url(f/pop.woff2) format('woff2');}
.fi{font-family:"bestvibe" !important;}
.f{font-family:"vgan" !important;}
.U,.U a{text-decoration:underline;}
.nua:hover{text-decoration:none;color:#c40000;}
.hand{cursor:pointer;}
.wn{white-space:nowrap;}
.wb{word-wrap:break-word;word-break:break-all;white-space:normal;}
.vline{padding:0 8px;color:#ccc;}
.xline{text-decoration:line-through;}
.rel{position:relative;}
.w{max-width:1440px;margin:0 auto;padding:0 20px;}
.w9{max-width:990px;margin:0 auto;padding:0 10px;}
.w10{width:110%;}
.dinl{display:inline;}
.block{display:block;}
input[type="password"],input[type="submit"],input[type="button"]{-webkit-appearance:none;}
.bv_top{height:34px;line-height:34px;width:100%;color:#c3cbe7;position:relative;z-index:13;background-image:linear-gradient(111deg, #001b95, #092ab7, #772eb8,#011d9a);background-color:#1F2D89;}
.tc9{color:#c3cbe7;}
.tc9:hover{color:#a1b3fd;}
.bv_top .vline{color:#7381b9;}
/*
.bvtp_acw{border-bottom:1px solid #f1f1f1;color: #8f93a5;background-color:#fff;}
.bvtp_acw .tc9{color:#8f93a5;}
.bvtp_acw .tc9:hover{color:#1F2D89;}
.bvtp_acw .vline{color:#e1e2e3;}
*/
#header{background-color:#fff;position:relative;z-index:12;border-bottom:1px solid #f1f1f1;box-shadow:0px 1px 6px rgba(0,0,0,0.06);}
.tflag{vertical-align:middle;margin:-3px 5px 0 0;opacity:0.8;}
.load img,.gdes img{background:#fff url(f/load.gif) 50% 50% no-repeat;}
.nbt{padding:0 20px 0 0;float:left;position:relative;z-index:11;}
.rdop{color:#c3cbe7;font-size:10px;position:absolute;transition:transform .2s ease-in;width:20px;height:20px;line-height:20px;top:6px;right:0;text-align:center;}
.rdop:before{font-family:'vgan';content:'\e6c5';}
.tuln{display:none;position:absolute;padding:5px 0 10px 5px;background-color:#fff;top:32px;left:0;box-shadow:0px 2px 6px rgba(0,0,0,0.05);border-radius:4px;}
.tuln:before{content:'';left:10px;top:-14px;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;font-size:0;line-height:0;position:absolute;}
.tun_a{width:110px;display:block;padding:0 8px;color:#555;line-height:30px;}
.tul_on .rdop{transform:rotate(180deg);transform-origin:50% 50% 0;}
.tul_on .tuln{display:block;}
.tic_chat{font-family:'vgan';font-size:15px;margin-right:5px;display:inline-block;vertical-align:middle;}
.tic_chat:before{content:'\e6be';}
.headerwp{height:54px;padding:10px 20px;position:relative;z-index:12;}
.logo{float:left;margin:14px 0 0 0;}

.tc_search{position:relative;z-index:10;}
.search{background-color:#fff;height:36px;width:400px;position:absolute;right:-1px;top:-2px;display:none;padding:0 0 0 20px;border: 1px solid #eee;box-shadow:0px 2px 6px rgba(0,0,0,0.1);border-radius:8px;}
.top_search{background-color:#fff;overflow:hidden;height:36px;width:400px;position:relative;z-index:5;border-radius:8px;}
.shl{width:100%;height:36px;line-height:36px;background:none;border:none;font-size:14px;}
.shr{width:32px;height:32px;border-radius:50%;text-align:center;font-family:'vgan';color:#333;line-height:32px;position:absolute;right:2px;top:2px;cursor:pointer;transition:all 0.3s;}
.shr:before{content:'\e6ba';font-size:20px;}
.shr:hover{color:#152b86;}
.search_focus{display:block;}

.top_r{position:absolute;right:20px;top:21px;background-color:#fff;z-index:9;}
#s_box{position:absolute;left:0;top:0;right:0;background-color:#fff;box-shadow:0px 2px 6px rgba(0,0,0,0.15);border-radius:8px;line-height:26px;display:none;padding:60px 0 10px 0;}
.sel_a{padding:0 20px;display:block;height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;}
.sel_a:hover,.sel_on{text-decoration:none;background-color:#f5f5f5;color:#000;}
.tr_c{position:relative;height:30px;}
.t_c{font-size:14px;color:#000c2d;height:30px;line-height:30px;display:block;margin-left:15px;position:relative;}

.t_c:hover{color:#102494;}
.i_cart,.i_fav,.i_user,.i_ser{font-family:'vgan';font-size:26px;display:inline-block;vertical-align:middle;}
.i_cart:before{content:'\e6ad';}
.i_fav:before{content:'\e6bd';}
.i_user:before{content:'\e6b7';}
.i_ser:before{content:'\e6ba';}

.nav_tr{display:none;}
#qcar{border:2px solid #fff;background-color:#e52b2b;color:#fff;width:14px;height:14px;border-radius:50%;text-align:center;line-height:14px;position:absolute;left:14px;top:0px;font-size:10px;}
.ac_t{text-align:center;font-size:14px;padding:30px 0;}
.akar{display:none;width:330px;padding:15px 20px 15px 15px;position:absolute;right:-40px;top:40px;background-color:#fff;box-shadow:0px 2px 10px rgba(0,0,0,0.2);border-radius:4px;}
.akar:before{content:'';right:45px;top:-15px;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;font-size:0;line-height:0;position:absolute;}
.ac_li{padding:8px 60px 8px 0;height:60px;position:relative;overflow:hidden;text-align:left;}
.ac_aa .left{float:left;margin-right:20px;border-radius:8px;}
.ac_aa{display:block;line-height:14px;overflow:hidden;color:#333;}
.tc_na{max-height:28px;overflow:hidden;}
.tc_del{position:absolute;width:30px;height:30px;right:10px;top:8px;text-align:right;color:#999;font-family:'vgan';}
.tc_del:before{content:'\e6aa';}
.tc_del:hover{color:#F40E12;}
.ac_lb{border:1px solid #f1f1f1;border-width:1px 0;margin:15px 0;padding:10px 0; line-height:24px;color:#333;font-size:14px;}
.ac_btn{display:block;height:40px;line-height:40px;border-radius:4px;text-align:center;color:#fff;font-size:16px;background-color:#1F2D89;width:100%;}
.ac_btn:hover{background-color:#283AAE;}
.hv_car .akar{display:block;}
.akau{width:140px;line-height:30px;right:-76px;}
.aka_a{display:block;color:#333;font-size:14px;position:relative;padding:0 0 0 20px;}
.aka_a:before{content:'';width:4px;height:4px;border-radius:50%;background-color:#ccc;position:absolute;left:0;top:13px;transition:all 0.3s;}
.akau:before{right:45%;}
.aka_p{font-size:11px;line-height:1.2;position:absolute;right:0;top:8px;background-color:#13B400;border-radius:8px;color:#fff;display:inline-block;padding:0 3px;}
.aka_li{display:block;}
.aka_li:hover{border-color:#102494;}
.aka_li:hover .aka_a{color:#102494;}
.aka_li:hover .aka_a:before{background-color:#102494;width:8px;height:8px;top:10px;}

.navs{float:left;margin:5px 0 0 60px;line-height:44px;z-index:9;}
.navs li{height:44px;line-height:44px;float:left;position:relative;}
.navs li.nav_aw{display:none;}
.navs_a{color:#000c2d;font-family:'bestvibe';display:block;margin:0 25px 0 0;position:relative;font-weight:700;overflow:hidden;font-size:15px;text-transform:uppercase;}
.navs_a:hover{color:#132AAC;text-decoration:none;}
.navs_a:before{position:absolute;left:0;right:0;width:auto;z-index:0;bottom:0;height:0px;background-color:#fff;transition:all 0.3s;content:'';}
.navs_a:hover:before{background-color:#132AAC;height:3px;}
.nav_dv .navs_a{background:url(f/tdot.png) 50% bottom no-repeat;z-index:9;}
.nav_sub{position:absolute;left:0;top:43px;right:0;background-color:#fff;border:1px solid #f1f1f1;border-width:1px 0;border-radius:4px;font-size:0;z-index:8;display:none;width:640px;padding:20px 20px 20px 10px;white-space:nowrap;box-shadow:0 2px 6px 0 rgba(32,33,37,0.1);max-width:fit-content;}
.nav_suba{line-height:16px;color:#333;font-size:13px;display:inline-block;padding:10px 0;text-align:center;width:10%;overflow:hidden;vertical-align:top;}
.nav_subaw{display:inline-block;border:1px solid #f1f1f1;color:#666;border-radius:20px;padding:0 20px;margin:20px 15px 0 0;font-size:12px;line-height:2.4;}
.nav_dv .nav_sub{display:block;}
.m_sc{transition:transform 0.3s;margin-bottom:5px;}
.nav_suba:hover{color:#2536a2;}
.nav_suba:hover .m_sc{transform:scale(1.1);}
.nav_subaw:hover{color:#2536a2;border-color:#2536a2;}
#nav_null{height:37px;}
.mask_bg{background-color:rgba(0,0,0,0.6);position:fixed;left:0;top:0;right:0;bottom:0;z-index:8;}
.nof_pic{width:250px;display:inline-block;position: relative;text-align: center;font-size: 20px;font-weight:700;overflow: hidden;margin-left:35px;vertical-align:top;height:370px;background-color:#f1f1f1;}
.nof_foot{position: absolute;bottom: 25px;left: 15px;right: 15px;white-space:normal;line-height:1;}
.nof_btn{border:1px solid #fff;display: inline-block;padding: 0 15px;line-height:34px;border-radius:30px;margin-top: 12px;transition:all 0.3s;font-size:14px;font-weight:300;}
.nof_pic:hover .nof_btn{color:#000;mix-blend-mode: screen;background-color: #fff;}
.nof_ul{display:inline-block;padding:10px 25px 10px 0;line-height:1.5;vertical-align:top;}
.nof_ul dt{display:block;font-size:16px;font-weight:700;color:#212121;margin-bottom:10px;padding:0 10px;}
.nof_a{display:block;padding:6px 10px;font-size:14px;color:#212121;max-width:210px;overflow:hidden;text-overflow:ellipsis;}
.nof_a:hover{background-color:#f6f8ff;border-radius:8px;color:#132AAC;}
.nof_am{display:inline-block;vertical-align:top;margin-right:5px;background-color:#f1f1f1;border-radius:50%;opacity:0}
.w860{width:870px;left:-70px;}
.w200{width:240px;left:-15px;line-height:30px;}
.w240{width:240px;left:-75px;}
.w480{width:480px;left:-75px;}
.mlj30{margin-left:-75px;}
.wr80{left:auto;right:-100px;width:560px;}
.lef0{left:0;}

.navs li.nav_home{display:none;background-color:#f9f9f9;position:relative;}
.na_close{position:absolute;right:10px;top:0;font-family:'vgan';font-size:20px;background-color:#f9f9f9;width:30px;}
.na_close:before{content:'\e6aa';}
.nav_show .navs{display:block !important;}
/*.nav_show .mask_bg{display:block !important;}
.nav_show .header{position:static;}*/

.navs_fixed .bv_header{position:fixed!important;left:0;right:0;top:0;z-index:12;}
.navs_fixed .bv_top{margin-bottom:75px;}

/*footer*/
#footer{border-top:1px solid #f1f1f1;margin-top:60px;}
.ft_bx{white-space:nowrap;max-width:1440px;margin:0 auto;font-size:0;overflow:hidden;padding:15px 20px;display:flex;justify-content: space-between;}
.ft_dl{color:#999;line-height:20px;overflow:hidden;display:inline-block;font-size:12px;width:270px;}
.ft_dt{float:left;margin-right:20px;}
.ft_dl .f16{font-size:18px;font-weight:bold;color:#000;padding-top:15px;}
.n_ft_bx{display: flex;max-width:1440px;margin:0 auto;padding:15px 20px;justify-content: space-between;}
.n_ft_bx .fi,.n_ft_bx img{vertical-align: middle;}
.n_ft_bx .fi{color:#000;font-size:18px;padding-left:10px;display: inline-block;font-weight: 700;}
.n_ft_bx img{width:40px;height:40px;}

.dline{border-top:1px solid #f1f1f1;height:0px;width:100%;display:block;overflow:hidden;}
.fti_co{display:inline-block;margin:0 10px 0 0;font-family:'vgan';font-size:24px;color:#000;line-height:40px;width:30px;}
.fti_facebook:before{content:'\e66a';}
.fti_twiter:before{content:'\e65e';}
.fti_instagram:before{content:'\e87f';}
.fti_pinterest:before{content:'\e640';}
.fti_youtube:before{content:'\e660';}
.fti_whatsapp:before{content:'\eb92';}
.fti_tiktok:before{content:'\e9e5';}
.fti_reddit:before{content:'\e63b';}
.fti_co:hover{color:#0124b5;}
.ft_t{width:100%;border-bottom:1px solid #e5e5e5;padding:10px 0  20px 0;}
.f_dl{width:20%;overflow:hidden;white-space:nowrap;float:left;margin:30px 0; line-height:24px;}
.f_dl dt{font-size:16px;font-weight:700;color:#333;line-height:30px;}
.f_dla{display:block;overflow:hidden;text-overflow:ellipsis;color:#999;width:130px;}
.f_dla:hover{color:#1b38af;text-decoration:underline;}
.ft_chat{border:1px solid #333;display:inline-block;padding:0 20px;line-height:32px;color:#333;border-radius:30px;margin-top:20px;}
.ft_chat_mt{margin-top:5px;}
.ft_chat:before{content:'\e6be';font-family:'vgan';font-size:18px;margin-right:5px;}
.ft_chat:hover{border-color:#2536a2;background-color:#2536a2;color:#fff;}
.sp_form{background-color:#f1f1f1;border-radius:60px;overflow:hidden;position:relative;padding:0 15px;height:42px;margin:10px 0;}
.sp_ipt{width:330px;border:none;background:none;font-size:14px;color:#000;height:42px;}
.sp_sub{width:42px;height:42px;background-color:#1F2D89;font-size:16px;font-weight:700;line-height:42px;text-align:center;position:absolute;right:0;top:0;border-radius:60px;color:#fff;cursor:pointer;}
.sp_sub:hover{background-color:#283AAE;}
.cg9{color:#ccc;font-size:10px;white-space:normal;line-height:14px;}
.f_dot{line-height:20px;color:#aaa;font-size:11px;padding: 15px 0;}
.ic_cut:before{content:'\e6c4';color:#999;font-size:14px;margin-right:5px;display:inline-block;vertical-align:middle;}
.breadcrumbs{line-height:32px;overflow:hidden;height:32px;color:#b2b2b2;margin:15px 0;}
.bread_a{color:#b2b2b2;font-size:12px;}
.brd_x{color:#ccc;padding:0 3px;}
.bread_home:before{content:'\e6c0';margin-right:2px;font-family:'vgan';color:#d8d8d8;}
.gotop,.fb_chat{position:fixed;right:10px;bottom:20px;width:46px;height:46px;display:block;border-radius:50%;background-color:#fff;border:1px solid #ddd;text-align:center;line-height:46px;font-family:'vgan';z-index:8;}
.fb_chat{bottom:74px;}
.gotop:before{content:'\e6ac';font-size:20px;}
.fb_chat:before{content:'\e6be';font-size:20px;}
.gotop:hover,.fb_chat:hover{color:#fff;background-color:#2536a2;}
.hm_tt{height:30px;line-height:30px;margin:20px 0;position:relative;overflow:hidden;padding-right:76px;}
.hm_h3{font-size:24px;color:#333;text-transform:uppercase;font-family:"bestvibe";}
.hm_more{border:1px solid #f1f1f1;border-radius:20px;height:24px;line-height:24px;padding:0 5px 0 10px;color:#999;display:inline-block;position:absolute;right:0;top:2px;font-size:12px;}
.hm_more:after{content:'\e6c8';font-family:'vgan';font-size:10px;color:#ccc;margin-left:3px;}
.hm_more:hover{border-color:#2536a2;color:#fff;background-color:#2536a2;}
.hm_more:hover:after{color:#fff;}
.hom_tt{line-height:30px;margin:40px 0;position:relative;overflow:hidden;text-align:center;border-bottom:1px solid #f1f1f1;padding-bottom:15px;}
.hom_h3{font-size:28px;color:#333;font-family:"bestvibe";}
.hxd_more{position:absolute;right:0;top:0;height:30px;line-height:30px;display:block;}
.hxd_dot{width:5px;height:5px;background-color:#bbb;border-radius:50%;display:inline-block;}
.hxd_more:before,.hxd_more:after{content: '';width:5px;height:5px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 4px;}
.hxd_more:hover .hxd_dot{background-color:#2536a2;}
.hxd_more:hover:before,.hxd_more:hover:after{background-color:#2536a2;}
/*.h_cp{text-align:right;float:right;display:block;max-width:80%;overflow:hidden;}*/
.h_cp{float:left;display:block;max-width:60%;overflow:hidden;}
.hx_cp{display:block;overflow:hidden;margin:10px 0;height:30px;}
.h_a{border:1px solid #e0e0e0;color:#888;display:inline-block;border-radius:20px;margin-left:6px;line-height:28px;padding:0 18px;}
.hx_cp .h_a{margin:0 5px;}
.h_a:hover{border-color:#2536a2;color:#fff;background-color:#2536a2;}
.fn_ul{padding:0 0 10px 0;}
.fn_li{/*border:1px solid #e0e0e0;*/background-color:#eef0f9;height:28px;line-height:28px;display:inline-block;color:#3d5ea7;font-size:13px;margin:0 10px 5px 0;border-radius:20px;min-width:40px;text-align:center;padding:0 12px;}
.fn_li:hover,.fn_on{color:#fff;background-color:#283AAE;border-color:#283AAE;}
.fn_ul_ico .fn_li{padding:3px 10px 3px 3px;line-height:24px;height:auto;transition:all 0.3s;}
.fn_ico{border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px;transition:all 0.3s;}
.fn_li:hover .fn_ico{transform:rotate(30deg);}

.ftl_txt{line-height:1.2;padding-top:5px;}
.trust_web{background-color:#ededed;text-align:center;line-height:1.5;padding:30px;margin:15px 0;font-family:'Montserrat';font-size:15px;color:#080041;}
.trust_h2{font-size:40px;font-family:'bestvibe';color:#000c2d;}
.trust_a{color:#080041;display:inline-block;vertical-align:middle;}
.tpr20{padding-right:20px;display:inline-block;vertical-align:middle;}
.s_tst{line-height:1.2;display:block;font-size:15px;color:#080041;font-weight:700;margin:1px 0 0 15px;}

/*list*/
.gbp{font-size:12px;color:#f92335;}
.bgn_d{color:#f92335;font-size:14px;font-weight:700;}
.g_sc{font-size:12px;color:#bbb;vertical-align:middle;}
.lstar{display:inline-block;width:60px;background:url(f/sta_off.png) 0 50% repeat-x;height:12px;background-size:12px;vertical-align:middle;overflow:hidden;margin-right:3px;}
.lstw{display:inline-block;background:url(f/sta_on.png) 0 50% repeat-x;height:12px;background-size:12px;float:left;}
.g_ft{height:14px;}
/*goodsb*/
.gkbox{white-space:nowrap;width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;font-size:0;margin-bottom:40px;}
.gka{display:inline-block;white-space:normal;width:20%;color:#333;overflow:hidden;line-height:18px;font-size:12px;flex-grow:1;border-radius:4px;padding:10px 15px;transition:all 0.3s;position:relative;box-sizing:border-box;}
.g_cw{position:relative;height:0;overflow:hidden;padding-top:100%; background-color:#f1f1f1;border-radius:6px;}
.g_cw .g_c{width:100%;height:auto;position:absolute;left:0;top:0;border-radius:6px;}
.he_tt{height:36px;overflow:hidden;text-overflow:ellipsis;margin:5px 0 5px 0;font-size:14px;/*word-break:break-all;*/color:#333;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.gkw_box{width:100%;font-size:0;margin-bottom:40px;}
.gkab{display:block;color:#333;overflow:hidden;line-height:18px;font-size:12px;padding:15px;border-radius:4px;transition:all 0.3s;position:relative;}

.gk_item{width:20%;display:inline-block;vertical-align:top;}
.gka:hover,.gkab:hover{box-shadow:0px 2px 10px #e5e5e5;color:#2642b2;}
/*goodlist*/
.g_lst{display:block;overflow:hidden;position:relative;border-bottom:1px solid #fafafa;}
.g_ine{padding:10px 0 0 0;overflow:hidden;}
.g_c{width:200px;height:200px;float:left;border-radius:4px;margin-right:15px;}
/*.g_na{height:4.8rem;line-height:2.4rem;font-size:1.5rem;color:#000;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px;font-weight:bold;word-break: break-all;}*/
.g_tag{white-space:nowrap;color:#aaa;line-height:16px;height:32px;margin-bottom:4px;overflow:hidden;}
.g_f{margin:0;overflow:hidden;line-height:3.5rem;}
.price{display:inline-block;margin-right:8px;font-size:18px;color:#f64156;vertical-align:middle;}
.g_hg{margin-bottom:10px;overflow:hidden;line-height:20px;list-style:disc outside none;}
.gh_g{font-size:14px;color:#555;margin-left:15px;list-style:disc outside none;}
/*.gh_g:before{content:'●';font-size:12px;color:#bbb;display:block;position:absolute;left:0;top:0;}*/
.gd{padding:10px 0;}
.ga{display:block;position:relative;padding:6px 0;z-index:1;}
.g_vd{overflow:hidden;}
.pm{width:300px;height:300px;float:left;margin-right:25px;background-color:#f1f1f1;border-radius:4px;}
.gm{width:300px;height:300px;border-radius:4px;}
.gt{line-height:24px;font-size:24px;color:#000;overflow:hidden;text-overflow:ellipsis;margin:15px 0 15px 0;/*word-break:break-all;*/font-weight:700;}
.g_tg{white-space:nowrap;color:#aaa;line-height:16px;height:16px;margin-bottom:15px;overflow:hidden;}
.g_g{float:left;padding:0 8px;font-size:12px;height:16px;line-height:16px;margin:0 3px 0 0;color:#999;background-color:#f2f2f7;border-radius:4px;}
.gb{margin:5px 0 0 0;overflow:hidden;line-height:16px;height:16px;font-size:0;white-space:nowrap;}
.xj{color:#e93b3d;font-size:18px;font-family:arial;font-weight:700;margin-left:2px;}
.lp{overflow:hidden;}
.ga .g_sc{padding-left:2px;}
.gstar{margin:0 0 5px 0;}
.grdot{font-family:'vgan';color:#ddd;font-size:22px;position:absolute;right:14px;bottom:24px;display:none;width:20px;height:20px;z-index:3;}
.grdot:before{content:'\e6bd';}
.grdot:hover{color:#f30240;}
.lfv_on:before{content:'\e6bf';color:#f92335;}
.bigm{padding:15px 0 20px 10px;width:auto;margin-left:-10px;font-size:0;}
.bigm .ga{width:25%;padding:36% 0 0 0;display:inline-block;border-radius:4px;height:0px;}
.bigm .g_vd{border-radius:4px;padding-bottom:8px;transition:box-shadow 0.3s;position:absolute;left:0;top:0;right:0;padding:10px;}
.bigm .pm{margin:0;position:relative;width:100%;height:0px;padding:100% 0 0 0;overflow:hidden;float:none;}
.bigm .gm{width:100%;height:auto;position:absolute;left:0;top:0;border-radius:0;}
.bigm .gt{font-size:14px;line-height:16px;height:35px;margin:8px 5px 0 5px;font-weight:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.bigm .g_hg{display:none;}
.bigm .lp{margin:4px 5px 5px 5px;}
.bigm .gb{margin:2px 5px 0 5px;}
.bigm .gstar{margin:3px 0 5px 5px;}
.bigm .xj{font-size:14px;}
.bigm .ga:hover{z-index:2;}
.bigm .ga:hover .g_vd{box-shadow:0 0 10px 0 #d1d1d1;background-color:#fff;margin:0;}
.bigm .ga:hover .g_hg{display:block;overflow:hidden;word-break:break-all;}
.bigm .ga:hover .gh_g{white-space:normal;margin-bottom:5px;color:#777;font-size:12px;}
.bigm .ga:hover .grdot{display:block;}
.bigm .g_hg{line-height:14px;margin:5px;}
.fwid .bigm .ga{width:20%;padding:28% 0 0 0;}
.f10{font-size:11px;}
.sx_null{background-color:#f2f4ff;border-radius:8px;padding:15px;line-height:20px;color:#3046D0;overflow:hidden;font-size:16px;margin:15px 0;}
.sx_null:before{content:'\e6b6';font-family:'vgan';font-size:18px;margin-right:10px;float:left;}
/*page*/
.pages{text-align:center; line-height:20px;padding:20px 0;font-size:0;}
.pg_a,.pg_as,.pg_ss{display:inline-block;border-radius:6px;border:1px solid #e5e5e5;padding:12px 16px;font:400 16px simsun;background-color:#fff;margin:0 0 5px 5px;}
.pg_a:hover,.pg_as:hover,.pages .on{background-color:#c40000;color:#fff;border-color:#c40000;text-decoration:none;}
.pg_ss{border:0;padding:10px;margin:0 0 5px 0;}
/*tag*/
.i_new,.i_best,.i_hot,.i_pro,.i_video,.i_man,.i_qq,.i_by,.i_bon{display:inline-block;line-height:12px;border:1px solid #42bb3a;color:#30b903;padding:0 4px;font-size:10px;margin-right:2px;border-radius:3px;vertical-align:middle;}
.i_hds{color:#dd2727;font-weight:700;font-style:italic;margin-right:5px;}
.i_best{border-color:#7902e6;color:#7902e6;}
.i_hot{border-color:#e68889;color:#e93b3d;}
.i_pro{border-color:#fc8800;color:#fc8800;}
.i_video{border-color:#818ef3;color:#7281ec;}
.i_man{border-color:#e68889;color:#e93b3d;}
.i_qq{border-color:#e68889;color:#e93b3d;}
.i_by{border-color:#ddd;color:#ccc;}
.i_bon{border-color:#e68889;color:#e93b3d;}
.i_bon:before{content:'\e6c9';font-family:'vgan';margin-right:2px;}
.i_proi{position:absolute;left:10px;top:10px;background-color:#f30240;color:#fff;font-size:14px;display:inline-block;line-height:24px;padding:0 6px;border-radius:2px;}
/*btn*/
.bbt{display:inline-block;background-color:#2536a2;color:#fff;font-size:16px;line-height: 40px;border-radius:20px;margin:15px 10px;padding:0 80px;}
.nav_close{width:30px;height:30px;position: absolute;right:10px;top:10px; display: block;z-index:11;background-color:#333;font-family:'vgan';font-size:16px;text-align:center;line-height: 30px;border-radius:50%;color:#fff;cursor:pointer;}
.nav_close:before{content:"\e6aa";}
.nav_close:hover{background-color:#ed1427;}
.empty{background:url(f/ic_empty.png) 50% 0 no-repeat;background-size:120px;padding:110px 20px 80px 20px;text-align:center;line-height:80px;color:#999;font-size:18px;margin:60px 15px;}
/*loading*/
.page_ajax{text-align:center;line-height:30px;margin:20px 0 30px 0;font-size:15px;}
.load_moreb{display:inline-block;width:400px;background-color:#c9d0ea;height:10px;border-radius:8px;overflow:hidden;position:relative;margin:10px 0;}
.load_morea{position:absolute;left:0;top:0;bottom:0;width:0%;background-color:#0f31ba;height:10px;}
.rbtn_a{width:190px;height:46px;line-height:46px;border-radius:30px;text-align:center;color:#333;border:1px solid #333;display:block;margin:0 auto;font-size:16px;}
.rbtn_a:hover{background-color:#2536a2;color:#fff;border-color:#2536a2;}
.tloading{position:fixed;left:0;top:0;right:0;height:2px;overflow:hidden;z-index:15;}
.tloading:before{height:2px;content:'';background-color:#2042d0;animation:wdmove 1s infinite;display:inline-block;vertical-align:top;}
.gl_loading{width:80px;height:80px;background-color:rgba(0,0,0,0.6);border-radius:8px;font-size:14px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;text-align:center;line-height:20px;color:#fff;}
.gl_loading:before{content:'\e6c7';font-family:'vgan';font-size:30px;margin:15px 0 10px 0;display:block;animation:rotation 3s linear infinite;}
@keyframes wdmove {0%{width:0px;}100% {width:100%;}}
@keyframes rotation{from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
/*toast*/
.toast{background-color:#000;background-color:rgba(0,0,0,0.9);width:220px;height:110px;position:fixed;left:50%;top:50%;z-index:20;text-align:center;color:#fff;padding:10px;line-height:20px;font-size:14px;border-radius:18px;margin:-80px 0 0 -120px;}
.tost_i,.tost_e{width:60px;height:50px;line-height:50px;display:inline-block;font-family:'vgan';font-size:38px;margin:5px 0 0 0;}
.tost_i:before{content:'\e6b2';}
.tost_e:before{content:'\e6b6';}
.top_bars{background-color:#00174f;color:#fff;text-align:center;line-height:36px;height:36px;overflow:hidden;}
.top_barsx{float:right;font-size:16px;font-family:'vgan';color:#fff;}
.top_barsx:before{content:'\e6aa';}
.footer_bar{background-color:rgba(0,23,79,0.9);position:fixed;z-index:15;left:0;right:0;bottom:0;text-align:center;color:#fff;line-height:30px;padding:15px 0;font-size:14px;}
.foot_act{line-height:30px;display:inline-block;background-color:#14be82;color:#fff;padding:0 20px;border-radius:20px;margin:0 10px;}
.white{color:#fff;}
.top_banr{background-size:cover;width:100%;height:60px;position:relative;z-index:9;background-position:50% 0;background-repeat:no-repeat;background-color:#0e1f7c;color:#fff;}

/*rightbar*/
.page_quick{position:fixed;bottom:220px;right:-500px;transition:right .2s;z-index:10;width:536px;height:320px;background-color:#212B36;overflow:hidden;}
.quickg{position:relative;display:inline-block;width:36px;height:320px;color:#fff;background-color:#000;cursor:pointer;}
.quick_dot{position:absolute;left:5px;top:15px;color:#fff;width:30px;height:30px;text-align:center;}
.quick_dot:before{content:'\e6c8';font-family:'vgan';font-size:20px;}
.qucik_txt{position:absolute;top:50%;left:50%;width:270px;height:36px;line-height:36px;letter-spacing:5px;font-size:22px;color:#faeff3;font-weight: 700;text-transform: uppercase;transform: translate(-50%,-50%) rotate(-90deg);overflow: hidden;}
.qucik_tt{font-size:20px;font-weight:700;line-height:1.2;margin:15px;}
.quick_form{position:absolute;left:60px;top:50px;right:30px;z-index:3;color:#fff;text-align:center;}
.quick_ipt{width:100%;border-radius:8px;border:none;margin:15px 0 10px 0;background-color:#fff;font-size:16px;color:#000;height:45px;padding:0 15px;box-sizing:border-box;}
.quick_sub{width:100%;height:45px;background-color:#f42c48;font-size:16px;font-weight:700;line-height:45px;text-align:center;color:#fff;cursor:pointer;border-radius:8px;}
.quick_sub:hover{background-color:#0124b5;}
.page_quick_on{right:0!important;}
.rg_code{background-color:#fff;border-radius:8px;margin:15px 0;text-align:center;font-size:18px;font-weight:700;line-height:60px;color:#E70003;position:relative;}
.rg_code:before{content:'';width:20px;height:20px;position:absolute;left:-10px;top:50%;margin-top:-10px;background-color:#212B36;border-radius:50%;}
.rg_code:after{content:'';width:20px;height:20px;position:absolute;right:-10px;top:50%;margin-top:-10px;background-color:#212B36;border-radius:50%;}

/*cart*/
#carPop{width:100%;height:100%;line-height:1.5;left:0;bottom:0;z-index:15;background-color:#000;background-color:rgba(0,0,0,0.2);position:fixed;}
.carp_wrap{background-color:#fff;padding:15px;position:fixed;top:50%;left:50%;border-radius:5px;width:420px;margin:-100px 0 0 -225px;z-index:15;box-shadow:0 12px 25px rgba(0,0,0,0.15);}
#carpGpic{width:90px;height:90px;border:1px solid #f0f0f0;border-radius:12px;float: left;margin:0 15px 10px 0;}
.carp_xx{margin:0 40px 0 0;line-height:1.3;}
.carp_prc{padding:10px 0 0 0;color:#e93b39;display:block;font-family:arial;font-size:22px;font-weight:bold;vertical-align:middle;}
.carp_sx{margin:10px 0 25px 0;-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;flex-wrap:wrap;}
.csx_l{margin:5px 5px 0 0;height:35px;min-width:30px;display:inline-block;line-height:35px;color:#222;background-color:#fcfcfc;border-radius:6px;border:1px solid #eaeaea;padding:1px 8px 1px 1px;position:relative;white-space:nowrap;max-width:95%;overflow:visible;cursor:pointer;user-select:none;}
.csx_l:hover{border-color:#ddd;}
.csx_l .pl5{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;min-width:38px;}
.csx_l .f10{color:#e93b39;margin-left:3px;}
.csx_l_on{border-color:#fb3541!important;border-width:2px;padding:0 7px 0 0;background:#fffcfc url(f/g_sxr.png) right bottom no-repeat;background-size:12px;color:#000;box-shadow:0px 2px 3px #efa5a5;}
.csx_im{width:35px;height:35px;vertical-align:top;border-radius:3px;}
.cokbuy{background-color:#da1b1b;width:100%;margin:10px 0 10px 0;border:none;line-height:42px;text-align:center;font-size:15px;color: #fff;border-radius:5px;display:block;cursor:pointer;}
.cokbuy:hover{background-color:#ed2c2c;box-shadow:1px 2px 4px #b2b2b2;}
.fst_ct{line-height:35px;width:35px;height:35px;color:#0f42a1;border-radius:20px;text-align:center;font-size:22px;position:absolute;right:10px;bottom:15px;display:none;background-color:#dce8ff;}
.fst_ct:before{content:'\e6ad';font-family:'vgan';}
.fst_ct:hover{background-color:#f83b41;border-color:#f83b41;color:#fff;}
.tp_ga:hover .fst_ct{display:inline-block;}

.cat_langt{font-size:15px;color:#666;line-height:1.5;margin:20px 0;}
.cat_zddl{position:relative;overflow:hidden;display:block;margin-bottom:-1px;}
.cat_langt .wz_alink,.cat_dllb .wz_alink{color:#193CE0;text-decoration:underline;}
.cat_zddl dt{border:1px solid #e5e5e5;border-width:1px 0;padding:15px 15px 15px 0;font-size:16px;color:#222;line-height:1.2;font-weight:700;cursor:pointer;overflow:hidden;}
.cat_zddl dt:hover{color:#1C48D5;}
.cat_zddl dd{line-height:1.5;font-size:15px;margin:15px 15px 15px 0;display:none;}
.cat_zddl_on dd{display:block;}
.cat_zddl:after{content:'\e6c8';font-family:'vgan';position:absolute;right:0;top:15px;color:#222;font-size:14px;}
.cat_zddl_on:after{transform:rotate(90deg);}
.cat_zddl_on dt{border-bottom:none;}

.tp_gm2{position:absolute;left:0;top:0;right:0;visibility:hidden;opacity:0;transition-duration:0.3s;transition-property:opacity;}
.bigm .ga:hover .tp_gm2,.gk_item:hover .tp_gm2{display:block;z-index:2;visibility:visible;opacity:1;}
.yads{position:fixed;right:10px;bottom:10px;width:420px;height:240px;border-radius:12px;overflow:hidden;z-index:9;animation: slide-in 1s ease-in-out forwards;}

#quick_login_pop{position: fixed;left:50%;top:50%;background:#fff;z-index: 20;color:#000;width:460px;transform: translate(-50%, -50%);border:0px solid #102494;border-radius: 10px;box-shadow: 0px 10px 40px 10px rgba(0,0,0,0.2);padding-bottom:30px;}
#quick_login_pop .q_header{padding:30px 0 15px 0;text-align:center;}
#quick_login_pop .q_header h2{font-size:26px;line-height:1.5;}
#quick_login_pop .q_header h3{font-size:16px;font-weight: normal;color:#666;}
#quick_login_pop .hightlight{color:#FD7A06;}
#quick_login_pop .q_box{padding:0 30px;}
#quick_login_pop #qlogin_pop_close{position: absolute;right:10px;top:10px;width:44px;height:44px;background:url(f/qlogin_pclose.png) no-repeat center;background-size:50%;}
#quick_login_pop #qlogin_pop_close,#quick_login_pop .q_submit,#quick_login_pop #q_f_pw,#quick_login_pop .q_r_btn,#quick_login_pop .goback_btn{cursor: pointer;}
#quick_login_pop .q_flex{border:1px solid #d9d9d9;border-radius: 5px;display: flex;margin-bottom:10px;}
#quick_login_pop .q_input,#quick_login_pop .q_r_btn,#quick_login_pop .goback_btn{height:44px;line-height: 44px;}
#quick_login_pop .q_input{padding-left:10px;font-size:16px;border:none;border-radius: 5px;flex:1;}
#quick_login_pop .q_r_btn{width:44px;text-align:center;}
#quick_login_pop .clear_input{background:url(f/qlogin_iclear.png) no-repeat center;background-size:50%;}
#quick_login_pop .hide_pw{background:url(f/qlogin_pwhide.png) no-repeat center;background-size:50%;}
#quick_login_pop .hide_pw.show{background-image: url(f/qlogin_pwshow.png);}
#quick_login_pop .q_submit{background:#001BB6;height:50px;line-height:50px;text-align:center;border-radius: 5px;font-size:18px;margin-top:10px;color:#fff;font-weight: 500;}
#quick_login_pop .q_submit.disabled{background:#F5F5F5;color:#999;}
#quick_login_pop .goback_btn{color:#001BB6;font-size:18px;text-align:center;margin-top:10px;}
#quick_login_pop .qreset_ok_icon{padding-top:30px;text-align:center;}
#quick_login_pop #qreset_ok_tips{font-size:16px;font-weight: 500;text-align:center;padding:10px;}
#quick_login_pop .line_hr{display: flex;align-items: center;color:#999;justify-content: center;margin-top:20px;margin-bottom:20px;}
#quick_login_pop .line_hr span{padding:0 12px;font-size:14px;}
#quick_login_pop .line_hr::before,#quick_login_pop .line_hr::after{content:'';height:1px;width:90px;background:#e5e5e5;}
#quick_login_pop #qlogin_google{height:44px;overflow:hidden;}
#quick_mask{background:rgba(0,0,0,0.6);width:100%;height:100%;z-index:19;position: fixed;top:0;left:0;}

@keyframes slide-in{
  0%{transform: translate(100%, 0);opacity: 0;}100%{transform:translate(0, 0);opacity:1;}
}
@media only screen and (max-width:1366px){
.bigm .ga{width:33.33%;padding:47% 0 0 0;}
.full .bigm .ga{width:25%;padding:36% 0 0 0;}
.ft_dl{text-align:center;}
.ft_bx{background-color:#fafafa;}
.ft_dt{float:none;margin:0 0 -15px 0;}
.top_banr{height:55px;}
.navs li.nav_axr{display:none;}
.navs_a{margin-right:20px;}
.n_ft_bx .fi{width:100%;padding:5px 0 0 0;}
.n_ft_bx li{width:25%;text-align: center;}  
}
@media only screen and (max-width:1280px) {

.nav_suba{font-size:12px;}
.nof_ul{padding:10px 15px 10px 0;}
.nof_a{max-width:150px;}

.bigm .ga{width:33.33%;padding:47% 0 0 0;}
.fwid .bigm .ga{width:25%;padding:36% 0 0 0;}
.ft_dl{text-align:center;font-size:11px;}
.ft_dl .f16{font-size:14px;}
.ft_dt{float:none;margin:0 0 -15px 0;}
.top_banr{height:50px;}
.page_quick{right:-536px;}

.navs_a{text-transform:inherit;}
.nav_hd{display:none;}
}
@media only screen and (max-width:1024px) {
	.t_c{font-size:0;margin-left:15px;}
	.search{right:23%;left:23%;}
	.navs_a{margin:0 20px 0 0;}
	.full .bigm .ga,.fwid .bigm .ga{width:33.33%;padding:47% 0 0 0;}
	
	
	
}

@media only screen and (max-width:990px) {
.f_dl{width:25%;}
.f_dlr{width:100% !important;}
#top .right{display:none;}
.navs li.nav_aw{display:inline-block;}
.navs li.nav_ax{display:none;}
.nav_suba{width:12%;}
.top_banr{height:40px;}

.logo{position:absolute;left:20px;top:10px;}
.headerwp{height:auto;}
.navs{float:none;margin:45px 0 0 0;}
	
	
.nof_ul{padding:10px 15px 10px 0;}
.nof_a{max-width:150px;}
.nav_sub{width:570px;}
.w860{width:780px;}
.w480{width:420px;}
.wr80{width:500px;}
.nof_pic{width:200px;margin-left:30px;height:296px;}
}



@media only screen and (max-width:768px) {
	.ft_bx{flex-wrap:wrap;padding:10px 0;}
	.ft_dl{width:50%;}
	.f_dl{width:50%;margin:15px 0;}
	.nav_tr{display:inline-block;}
	.tr_c{margin-left:0;}
	.t_c{margin:0 0 0 10px;}
	.nav_sub{padding:15px;width:auto!important;margin:0!important;min-width:100%;}
	.nof_ul dt{margin:10px 0 0 0;}
	.nof_ul{display:block;padding:0;}
	.nof_pic{display:none;}
	
	
	
	.tc_hfx{display:none;}
	.headerwp{height:60px;padding:0;}
	.logo{left:10px;top:3px;}
	.top_r{right:10px;top:14px;}
	.logo img{width:120px;height:24px;}
	.search{position:fixed;left:0;top:0;right:0;height:80px;padding:0;width:100%;z-index:10;border-radius:0;}
	.search:after{content:'\e6aa';position:absolute;right:10px;top:10px;height:80px;font-family: 'vgan';font-size:20px;line-height:60px;}
	.top_search{margin:20px 80px 0 10px;}
	.shr{right:auto;left:0;}
	.shl{box-sizing: border-box;padding:0 0 0 30px;}
	
	
	
	
#top{height:60px;position:relative;z-index:1;}
	#header{position:fixed;left:0;top:0;right:0;}
	.navs{position:fixed;right:0;top:0;bottom:0;width:280px;margin:0;padding:0;height:100%;line-height:40px;box-shadow:0px 0px 200px rgba(0.0.0.4);z-index:15;overflow-y:scroll;display:none;background-color:#fff;}
	.navs li.nav_aw,.navs_a:before{display:none;}
	.nav_tr,.navs li.nav_ax,.navs li.nav_home{display:block;}
	
	.navs li{display:block;line-height:45px;text-align:left;padding:0 15px;float:none;height:auto;}
	.navs_a{margin:0;line-height:45px;}
	.navs_a:after{content:'\e6c8';font-family:'vgan';position:absolute;right:0;top:0;color:#ccc;font-weight:300;font-size:14px;}
	.nav_subaw{margin:10px 0;display:block;padding:0;text-align:center;line-height:40px;}
	.nav_sub{position:static;border:none;padding:10px 0;border-bottom:1px solid #f1f1f1;}
	.nav_sub .w{padding:0;}
	.nav_suba{display:block;text-align:left;width:100%;line-height:30px;font-size:14px;}
	.nav_dv .navs_a{background:none;}
	.nav_sub .m_sc{width:30px;height:30px;margin:0 10px 0 0;float:left;}
	
	.bigm{padding:15px 0;margin:0;}
	.bigm .ga,.full .bigm .ga,.fwid .bigm .ga{width:33.33%;padding:0;height:auto;}
	.bigm .g_vd{position:relative;}
	.g_hg{display:none!important;}
	.price{font-size:16px;}
	.w{padding:0 10px;}
	.bigm .g_vd{padding:5px;}
	.breadcrumbs{background:none;}
	.ato_w{width:100%;max-width:100%;height:auto;}
	.top_banr{height:30px;}
}

@media only screen and (max-width:640px) {
	
	.hom_h3{font-size:24px;}
	.bigm .ga,.fwid .bigm .ga{width:50%;padding:0;height:auto;}
	.load_moreb{width:80%;}
	.f_dl{text-align:center;}
	.f_dla{margin:0 auto;}
	.f_dot{text-align:center;}
	.f_dot .left,.ic_cut:before{float:none;}
	.f_dot .right{float:none;}
	.tpr20{display:block;padding:5px 0 0 0;}
	.quick_form{left:15px;right:15px;}
	.quickg{display:none;}
	.page_quick{left:0;right:0;width:auto;bottom:0;}
}