/*details*/
.top_gg{display:block;width:100%;height:180px;max-height:340px;padding:80px 0;text-align:center;margin-bottom:10px;color:#fff;line-height:20px;vertical-align:top;background-color:#213ed5;background-position:50% 50%;overflow:hidden;position:relative;text-shadow:0px 1px 0px rgba(0,0,0,0.1),1px 0px 0px rgba(0,0,0,0.1);}
.top_gw{border-radius:8px;margin:20px 0 0 0;color:#000c2d;}
.top_bh1{font-size:38px;font-family:'bestvibe';padding:15px 0 20px 0;font-weight:700;line-height:1;}
.top_pds{font-size:16px;opacity:0.6;max-width:640px;margin:15px auto;padding:0 15px;line-height:1.4;}
.top_gga{display:block;min-height:180px;margin-bottom:10px;overflow:hidden;}
.blog_cat{display:flex;flex-wrap:wrap;justify-content: center;}
.blg_ca{line-height:50px;padding:0 20px;font-size:16px;border-radius:40px;margin:5px;cursor:pointer;border:2px solid #fff;display:inline-block;}
.bj0{background-color:#fffd92;}
.bj1{background-color:#cfffca;}
.bj2{background-color:#dafff6;}
.bj3{background-color:#d7edff;}
.bj4{background-color:#dad4ff;}
.bj5{background-color:#ffe2eb;}
.bj6{background-color:#ffe4c1;}
.blg_ba{background-color:#f2e6ff;display:inline-block;line-height:34px;border-radius:30px;margin:5px;padding:0 20px;font-size:15px;}
.blg_ba:hover{background-color:#344aa7;color:#fff;}
.blg_ca:hover,.blg_con{background-color:#344aa7;color:#fff!important;}
.hmb_tt{height:30px;line-height:30px;margin:20px 0;position:relative;overflow:hidden;}
.rad50{border-radius:50%;}
.mgb_o{margin:0;}
.mgb_o .hm_h3{font-size:28px;}

#content{padding:30px 12px;}
.pt50{padding:50px 12px!important;}
.blog_mx{float:left;width:70%;}
.blog_l{max-width:790px;margin:0 auto;}
.blog_r{max-width:380px;width:25%;float:right;}
.page_wz{padding:30px 15px;max-width:900px;margin:0 auto;}
.wz_tg{font-size:0px;margin:-10px 0 10px 0;}
.wz_tt{font-size:38px;color:#000;font-weight:700;line-height:1.2;;word-break:break-all;margin-bottom:30px;}
.wz_tag{background-color:#f4f4f4;color:#333;line-height:28px;display:inline-block;border-radius:30px;padding:0 12px;margin:5px 10px 0 0;font-size:12px;}
.wz_tag:hover{background-color:#263c97;color:#fff;}
.wz_tag:before{content:'#';font-weight: bold;color:#ed7043;margin-right:5px;}
.tg_yel{font-weight: bold;color:#ed7043;margin-right:5px;}

.wz_tf{color:#bbb;margin-bottom:15px;line-height:30px;overflow:hidden;}
.wz_tf .f10{padding:0 10px 0 0;}
.wz_tf .fti_co{font-size:22px;color:#aaa;margin:-5px 0 0 0;}
.wz_tf .fti_co:hover{color:#002f86;}
.blg_tla{display:inline-block;vertical-align:middle;margin-right:15px;color:#bbb;}
.blg_tla:hover{text-decoration:underline;}
.blg_ava{border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px;}


.vgc_ed{padding:20px 0 60px 0;min-height:500px;}
.videos,.aduios{width:100%;border-radius:12px;margin-bottom:2rem;outline:none;}
.wft_btn{display:inline-block;line-height:40px;border:1px solid #f1f1f1;padding:0 20px;border-radius:20px;cursor:pointer;margin:15px 5px 20px 0;}
.wft_ico,.w_fav{font-family:'vgan';font-size:26px;float:left;margin-right:10px;}
.wft_ico:before{content:'\e6cb';}
.w_fav:before{content:'\e6bd';}
.wft_on .w_fav:before{content:'\e6bf';}
.wft_on,.wft_btn:hover{color:#ff2235;border-color:#ff2235;}

.blog_nav{border:1px solid #d4e9ff;padding:20px;margin:30px 0 0 0;white-space:nowrap;line-height:1.5;font-size:16px;color:#3175e4;background-color:#e2f0ff;}
.blog_mu{display:block;color:#000c2d;font-size:20px;margin-bottom:10px;}
.cln_c1,.cln_c2{color:#3175e4;border-bottom:1px dotted transparent;display:inline-block;margin-left:5px;overflow:hidden;max-width:90%;text-overflow:ellipsis;}
.cln_c2{margin-left:20px;}
.blog_nav a:hover{border-bottom:1px dotted!important;}

.heng{font-size:0;}
.henga{width:100%;display:block;overflow:hidden;margin-bottom:10px;}
.henga:hover .he_tts{color:#000;text-decoration:underline;}
.inl_mid{display:inline-block;vertical-align: middle;}
.he_m{width:140px;height:140px;float:left;margin-right:15px;border-radius:6px;}
.he_tts{margin:10px 0 10px 0;font-size:15px;word-break: break-all;color: #333;line-height:1.2;}


/*blog*/
.nav{border-bottom:none;}
.blog_left{width:75%;float:left;margin:30px 0 0 0;}
.blog_right{float:right;width:280px;margin:100px 0 0 0;}
.blg_nav{line-height:28px;margin:10px 0;justify-content:flex-start;}
.blg_na{display:inline-block;margin:5px;border:1px solid #ddd;padding:0 10px;border-radius:30px;min-width:50px;text-align:center;color:#333;font-size:14px;}
.blg_on,.blg_na:hover{color:#013088;border-color:#013088;}
.blg_rd{display:block;border-radius:8px;overflow:hidden;margin:30px 0;}
.blg_list{padding:35px 0;overflow:hidden;min-height:400px;display:flex;flex-wrap:wrap;}

.blg_a{display:inline-block;position:relative;overflow:hidden;margin-bottom:15px;min-height:240px;width:33.33%;box-sizing:border-box;padding:20px 20px 10px 20px;color:#000c2d;border-radius:8px;}
/*.blg_a:hover{background-color:#fafafa;}*/
.blg_l{padding:62% 0 0 0;height:0;overflow:hidden;display:block;position:relative;background-color:#eee;border-radius:8px;}
.blg_m{position:absolute;left:0;top:0;right:0;width:100%;transition:all 0.2s ease-in-out;}
.blg_m:hover{transform: scale(1.05);}
.blg_tt{font-size:24px;color:#000c2d;font-weight:700;line-height:1.1;margin:18px 0;display:block;font-family:'Montserrat';}
.blg_tt:hover{text-decoration:underline;color:#263c97;}
.blg_d{font-size:16px;margin-bottom:10px;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height: 1.4;}
.bld_mr{color:#000c2d;display:inline-block;border:1px solid #000c2d;margin-top:15px;position:relative;border-radius:30px;padding:0 15px; line-height:30px;}
.bld_mr:after{content: "\e6c8";font-family:'vgan';font-size:12px;}
.bld_mr:hover{color:#fff;background-color:#2a67c3;border-color:#2a67c3;}
.blog_wrap{margin:0 -20px;}
.blg_tg{margin-bottom:10px;max-height:20px;overflow:hidden;}
.blg_iv,.blg_tm{font-size:12px;color:#aaa;padding-right:5px;}
.blg_tm:before{content:'\e6bb';font-family:'vgan';display:inline-block;vertical-align:top;margin-right:3px;font-size:16px;color:#ccc;}
.blg_tag{background-color:#ecf6ff;color:#6ba3d5;font-size:13px;border-radius:4px;display:inline-block;line-height:20px;margin:0 5px 5px 0;padding:0 10px;}
.blg_tag:hover{background-color:#3462cb;color:#fff;}
.blog_h3{font-size:22px;font-weight:700;line-height:40px;color:#333;text-transform:uppercase;}

.top_blg{margin:10px 0 20px 0;}
.blog_ra{display:block;overflow:hidden;line-height:1.2;font-size:16px;color:#333;margin:0 0 15px 0;position:relative;background-color:#f8f9fa;padding:15px;border-radius:8px;}
.blog_ra img{display:block;border-radius:4px;margin-bottom:10px;}
.blog_ra:hover{background-color:#edf6ff;}
.pages{border-top:1px solid #e5e5e5;}

.blg_listw{padding:35px 0 10px 0;}
.blg_listw .blg_a{width:100%;position:relative;display:flex;align-items:center;justify-content:center;background-color:#fafafa;padding:0;}
.blg_listw .blg_al{display:inline-block;flex:1;}
.blg_listw .blg_v{display:inline-block;width:50%;padding:20px 30px;box-sizing:border-box;}
.blg_listw .blg_tm,.blg_listw .blg_tm:before{color:#000c2d;}
.blg_wv{max-width:450px;margin:0 auto;}
.blga_w,.blga_w .blg_tm,.blga_w .blg_tm:before,.blga_w .blg_tt{color:#fff!important;}
.blga_w .bld_mr{color:#fff;border-color:#fff;}

/*body*/
.vgc_ed{font-size:18px;line-height:1.5;color:#212121;position:relative;z-index:1;}
.ftd_unl{text-decoration:underline;}
.ftd_lst{text-decoration:line-through;}
.ftd_wave{text-decoration:underline wavy;}
.vgc_ed p{margin:1.2em 0;}
.vgc_ed img{max-width:100%;vertical-align:top;height:auto;}
.wz_alink{color:#334BF7;text-decoration:underline;}
.vgc_ed ul,.vgc_ed ol{margin:18px 0 8px 25px;}
.vgc_ed h1{font-size:38px;margin:26px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_ed h2{font-size:32px;margin:26px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_ed h3{font-size:28px;margin:22px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_ed h4{font-size:24px;margin:20px 0 8px 0;font-weight:700;line-height:1.2;}
.vgc_ed h5{font-size:20px;margin:18px 0 8px 0;font-weight:700;line-height:1.2;}
img.alC{margin:0 auto;display:block;}
img.alR{margin:0 0 0 auto;display:block;}
.vgc_tag{display:inline-block;padding:5px 15px;font-size:14px;border-radius:20px;margin:5px 5px 5px 0;background-color:#f1f1f1;color:#222;}
.wht_tag .vgc_tag{background-color:#fff;}
.bdv_tag .vgc_tag{background-color:#fff;border:1px solid #f1f1f1;}
.vgc_tag:hover{background-color:#0059de;color:#fff;}
.vgc_ed hr{border:0;border-bottom:1px solid #e7e9e8;display:block;height:0px;overflow:hidden;pointer-events:none;margin:24px 0;}
.vgc_ed blockquote{margin:25px 0 25px 0!important;background-color:#f5f9fd;border-left:5px solid #0450d5;padding:12px;color:#666;}
.vgc_block{display:block;}
.mk_7{background:linear-gradient(180deg,transparent 50%, #f7468f 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_8{background:linear-gradient(180deg,transparent 50%, #bbbfc4 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_9{background:linear-gradient(180deg,transparent 50%, #f76964 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_10{background:linear-gradient(180deg,transparent 50%, #ffa53d 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_11{background:linear-gradient(180deg,transparent 50%, #ffe928 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_12{background:linear-gradient(180deg,transparent 50%, #62d256 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_13{background:linear-gradient(180deg,transparent 50%, #9ebbfe 50%) 0 50% no-repeat;background-size:100% 1.2em;}
.mk_14{background:linear-gradient(180deg,transparent 50%, #c4a4fa 50%) 0 50% no-repeat;background-size:100% 1.2em;}

.table_vg td,.table_vg th{border:1px solid #ddd;padding:10px;text-align:left;}
.table_vg2 td,.table_vg2 th{border:none;padding:10px;text-align:left;}
.table_vg3 td,.table_vg3 th{border-bottom:1px solid #ddd;padding:10px;text-align:left;}
.table_vg4 td,.table_vg4 th{border:none;padding:10px;text-align:left;}
.table_vg4 tr:nth-of-type(even) td,.table_vg4 th{background-color:#f1f1f1;}
.table_vg5 td,.table_vg5 th{border:1px solid #ddd;padding:10px;text-align:left;}
.table_vg5 td:first-child,.table_vg5 th:first-child {background:#f1f1f1;}

.alL td,.alL th{text-align:left!important;}
.alR td,.alR th{text-align:right!important;}
.alC td,.alC th{text-align:center!important;}

.vgc_ed table{margin:20px 0;word-break:break-all;}
.vgc_ed td:focus{border:1px double #2e76ff;background-color:#e5f0f9;}
.vgc_ed table p{margin:0;}
img.vgc_emoj{vertical-align:middle;margin:0 2px;}

.hi_block{position:relative;padding:16px;border:1px solid #f98e8b;background-color:#fde2e2;display:flex;}
.hi_lemoji{width:28px;height:28px;cursor:pointer;user-select:none;font-size:22px;display:inline-block;margin-right:12px;line-height:28px;}
.hik_1{border-color:#dcdee1;background-color:#ebecee;}
.hik_3{border-color:#ffba6b;background-color:#feead2;}
.hik_4{border-color:#fff67a;background-color:#ffffcc;}
.hik_5{border-color:#8ee085;background-color:#d9f5d6;}
.hik_6{border-color:#82a7fc;background-color:#e1eaff;}
.hik_7{border-color:#ad82f7;background-color:#ece2fe;}
.hik_7{border-color:#ad82f7;background-color:#ece2fe;}

.vg_btn{font-size:18px;color:#fff;background-color:#263c97;padding:8px 30px;border-radius:80px;overflow:hidden;display:inline-block;text-align:center;min-width:40%;box-shadow:0px 3px 6px rgba(0,0,0,0.1);text-decoration:none;}
.vg_btn:hover{color:#fff;background-color:#192e85;}
.vg_btn1{background:none;border:2px solid #263c97;color:#263c97;}
.vg_btn1:hover{background:none;border-color:#192e85;color:#192e85;}
.vg_btn2{border-radius:0;}
.vg_btn3{background:none;border:2px solid #263c97;border-radius:0;color:#263c97;}
.vg_btn3:hover{background:none;border-color:#192e85;color:#192e85;}
.vg_btn4{background-color:#fcd24f;box-shadow:#ea8439 0px 4px 0px 0px;color:#222;}
.vg_btn4:hover{background-color:#e5ba34;box-shadow:#d1712a 0px 2px 0px 0px;color:#000;}
.vg_btn5{background-color:#f44f4f;padding:8px 30px 12px;box-shadow:inset 0 -4px 0 0 rgb(0,0,0,0.2);color:#fff;transition:box-shadow .3s,transform .3s;}
.vg_btn5:hover{background-color:#f44f4f;box-shadow:inset 0 0 0 0 rgb(0,0,0,0.2);transform: translateY(2px);}

.vgc_ed iframe{width:100%;max-width:100%;}
.vgc_ed ul li{list-style-type:disc;margin:10px 0;}
.vgc_ed ol li{list-style-type:decimal;margin:10px 0;}
/*goods*/
.vgc_ed .price{display:inline-block;margin-right:8px;font-size:18px;color:#f64156;vertical-align:middle;}
.vgc_ed .red{color:#f92335;}
.goods_one{display:block;overflow:hidden;background-color:#f2f2f2;padding:15px;border-radius:12px;margin:18px 0;position:relative;}
.goods_one p{margin:0!important;}
.gw_img{width:120px;height:120px;border-radius:12px;float:left;margin-right:20px;overflow:hidden;}
.goods_one .gw_name{height:36px;line-height:18px;color:#333;overflow:hidden;font-size:16px;margin-top:10px!important;}
.gw_b,.gw_bw{margin-top:10px;font-size:14px;}
.g_rbtn{line-height:28px;border-radius:20px;position:absolute;right:15px;bottom:15px;border:1px solid #999;width:60px;text-align: center;font-size:12px;color:#999;}
.goods_one:hover{background-color:#e3e3e3;}
.vg_code{display:block;overflow:hidden;margin:18px 0;}

@media only screen and (max-width:1280px){
.blog_left,.blog_right{width:auto;float:none;}
	
	.blog_wrap{margin:0 -10px;}
	.blg_a{padding:10px;}
	.blg_tt{font-size:18px;}
}
@media only screen and (max-width:1080px){
	.blog_l,.blog_r,.blog_mx{width:100%;max-width:100%;margin:0 auto;float:none;}

	.henga{display:inline-block;width:50%;vertical-align:top;}
	.he_m{width:160px;height:160px;}
	.he_tts{font-size:16px;margin:15px 30px 15px 0;}
	.gb_at{font-size:11px;}
	
	.blg_a{width:50%;}
	.top_blg{display:flex;flex-wrap:wrap;justify-content: space-between;}
	.blog_ra{width:49%;display:inline-block;box-sizing:border-box;font-size:14px;}
}
@media only screen and (max-width:768px) {

	.tag_gaa{width:50%;margin:0 0 10px 0;}
	.tg_tts{padding:0 5px;font-size:14px;height:32px;}
	.tag_gaa .red{padding:0 5px;}
	
	
	.he_m{width:100%;height:auto;margin-bottom:10px;}
	.he_tts{font-size:14px;}
	
	.top_gg{padding:30px 10px;height:auto;}
	
	.blog_wrap{margin:0;}
	.blg_a{width:100%;padding:10px 0;}
	.blg_listw .blg_a{display:block;}
	.blg_listw .blg_al{flex:auto;width:100%;display:block;}
	.blg_listw .blg_v{width:100%;display:block;}
	.blg_wv{max-width:100%;}
}

@media only screen and (max-width:576px){
.wz_tt{font-size:28px;color:#000;margin-bottom:24px;}
.vg_btn{width:100%;padding:8px 0;}
.vgc_ed{font-size:16px;}
.vgc_ed p{margin:15px 0;}
.vgc_ed h1{font-size:30px;margin:20px 0 8px 0;}
.vgc_ed h2{font-size:28px;margin:20px 0 8px 0;}
.vgc_ed h3{font-size:24px;margin:20px 0 8px 0;}
.vgc_ed h4{font-size:20px;margin:18px 0 8px 0;}
.vgc_ed h5{font-size:16px;margin:15px 0 8px 0;}
}