/* css */
.header{background-color: #ffffff;color: #26334b ;width: 100%;}
.header_content{padding: 40px 0;}
.header_content .inner{display: flex;justify-content: space-between;align-items: center;position: relative;}
.header_content .left_header{width: 178px;margin: 0 40px 0 0;}
.header_content .right_header{display: flex;align-items: center;justify-content: space-between;}
.header_content .right_.mainNav_box{margin: 0 20px;}

.header_content .search_box{position: relative;}
.header_content .search-form{border: 1px solid #001a49;  border-radius: 25px;}
.header_content .search-form .search-field{height:50px;width:165px;color: #757575;line-height: 1.2;padding: 5px 10px 5px 44px;border-radius:25px;max-width: 100%;border: none;background:#fafafa;-webkit-appearance: none;}
.header_content .search-submit{display: none;}
.header_content .search-form .search-field::-webkit-search-cancel-button {display: none;}    
.header_content .search-form .search-field::-webkit-input-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field:-moz-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field::-moz-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search-field:-ms-input-placeholder{ color:#757575; opacity:1;}
.header_content .search-form .search_button{display: block;width: 28px;height: 24px; cursor: pointer;position: absolute;left: 14px;top: 50%;transform: translateY(-50%);}

.header_content .right_.header_button a{ background: #0051ff;padding: 12px 16px 10px;display: inline-block;font-size: 14px;border: none;text-decoration: none;border-radius: 20px;color: #fff;}
.header_content .right_.header_button a:hover{background: #00f0ff !important;border-color: #00f0ff !important;text-decoration: none;transition: all 0.3s;box-shadow: #bbb 0 2px 8px!important;color: #000;}

.mainNav, .mainNav * {margin: 0;padding:0px;list-style: none;}
.mainNav li {font-weight: 400;}
.mainNav ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.mainNav li:hover > ul,
.mainNav li.sfHover > ul {display: block;}
.mainNav ul ul {top: 0;left: 100%;}
.mainNav {text-align:left; padding:0px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.mainNav ul { width:205px;}
.mainNav > li{padding:0 12px;}
.mainNav > li a:hover{color:var(--v-orange);}
.mainNav > li:last-child > ul{ left:auto; right:0px;}
.mainNav > li > a{font-size:15px;}
.mainNav a {display: block;position: relative;text-decoration: none; zoom: 1; color:var(--v-black); font-size:16px;}
.mainNav ul li a{ font-size:13px; padding:10px 10px 10px 24px;}
.mainNav li li:hover > a,
.mainNav li li.sfHover > a,
.mainNav li li.current-menu-item > a,
.mainNav li li.current-menu-parent > a,
.mainNav li li.current-menu-ancestor > a{color:#0051ff;}
.mainNav .sf-sub-indicator{ display:none;}
.mainNav .sf-mega{position: absolute;display: none;width:auto;min-height:auto;left:auto;top:100%;z-index: 99;padding:11px 0px 0px;}
.mainNav .sf-mega-box{display: flex;display: -webkit-flex; width: 206px; max-width: 206px; margin: 0 auto;justify-content: flex-start; padding:30px 16px 18px;background:#fff;border-radius: 16px; box-shadow: 0px 0px 20px 0px #00000026;
}
.mainNav .sf-mega .sub-menu{padding:0 60px 0 0; margin:0px; position:static; display:block; width:auto;}
.mainNav .sf-mega .sub-menu:last-child{padding: 0;}
.mainNav .sf-mega .sub-menu li{ padding:0px 0px 12px; margin:0px;position: relative;}
.mainNav .sf-mega .sub-menu li.new_icon::after{position: absolute;content: "new";width: 40px;height: 1px;text-transform: uppercase;top: 6px;right: 0px;color: #00f0ff;font-size: 12px;}
.mainNav .sf-mega .sub-menu li a{color:var(--v-black); text-decoration:none; font-size:16px; padding:0px; margin:0px;line-height: 1.5;cursor: pointer;}
.mainNav .sf-mega .sub-menu li a:hover{ color:var(--v-orange); text-decoration:none;}


.right_header .nav-right{width: auto;display: flex;justify-content: flex-end; padding-left:49px;}
.right_header .nav-right li{margin-right: 25px;font-size: var(--fs-14);color:var(--v-black);font-weight: 600;white-space: nowrap;}
.right_header .nav-right li a{ vertical-align: middle; display: block;}
.right_header .nav-right li a svg{vertical-align: sub;}
.right_header .nav-right li.nav-login-link{ margin-right:0;}
.right_header .nav-right li.nav-login-link a svg{ margin-right:10px;}
.right_header .nav-right li.nav-medium-user a,
.right_header .nav-right li.nav-login-link a{text-transform: capitalize;}
.right_header .nav-medium-user{position: relative;}
.right_header .nav-medium-user p.nav-live-link{margin-bottom: 0px;font-weight: 600;cursor: pointer;}
.right_header .nav-medium-user p.nav-live-link svg{margin-right: 10px;vertical-align: sub;}
.right_header .nav-right .nav-live-link{color:var(--v-orange);}
.right_header .nav-right .nav-live-link:hover{color:var(--v-red-dark);}
.right_header .nav-right .nav-boundary{width: 1px;height: 21px;background: #707070;}
.right_header .nav-right .nav-language{text-transform: uppercase;cursor: pointer;position: relative;font-size: var(--fs-16); margin-right:0;}
.right_header .nav-right .nav-language a{position: relative;z-index: 1;}



/* mobile start*/
.mobile_menu_hamburger{width: 20px;text-align: center;cursor: pointer;display: none;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.mobile_menu_hamburger i{display: block;width: 100%;height: 3px;margin: 0 auto 4px;background: var(--v-green-darker);}
.header_top_bar{display: none;position: absolute;left: 0;top: 50px;background: var(--v-green-darker);width: 100%;    z-index: 10;}
.mobile_menu{position: relative;width: 100%;text-align: center;}
.mobile_menu_content{background: var(--v-green-darker);position: relative;}
.mobile_menu_content .header_menu{text-align:left;position:relative;}
.mobile_menu_content .header_menu li{position: relative;border-bottom:1px solid #bcb5b9;}
.mobile_menu_content .header_menu li.new_icon::after{position: absolute;content: "new";width: 40px;height: 1px;text-transform: uppercase;top: 50%;transform: translateY(-50%);right: 20PX;color: #00f0ff;font-size: 12px;}
.mobile_menu_content .header_menu a{ display:block;color:#fff;padding:16px 30px 16px;font-size:20px;text-decoration:none;}
.mobile_menu_content .header_menu a i{margin-right:6px;}
.mobile_menu_content .header_menu li > a{position:relative;}
.mobile_menu_content .header_menu li > a:hover{ color:var(--v-orange); /* text-shadow:0px 0px 1px #FFF; */}
.mobile_menu_content .header_menu > li > a{font-size:20px; color: var(--v-white);}
.mobile_menu_content .header_menu > li > a:hover{color: var(--v-orange);}
.mobile_menu_content .header_menu li li a{text-transform:none; color: var(--v-white);}
.mobile_menu_content .header_menu li li a:hover{color:var(--v-orange);text-decoration:none;background:none;}
.mobile_menu_content .header_menu > li > ul > li > a{text-transform:none;color:var(--v-white); padding-left:50px; font-size:16px;}
.mobile_menu_content .header_menu > li > ul > li > ul > li > a{padding-left:50px; font-size:16px;}
.mobile_menu_content .header_menu li ul{border:0px;padding:0px; display:none;}
.mobile_menu_content .header_menu li ul li:last-child{border:0;}
.mobile_menu_content .header_menu li ul li:first-child{ border-top:1px solid #bcb5b9;}
.mobile_menu_content .header_menu .sub_menu{display:none;}
.mobile_menu_content .header_menu a{display:block;position:relative;}
.mobile_menu_content .header_menu .accordsuffix_box{position:absolute;right:0px; top:0px;padding:25px 30px;}
.mobile_menu_content .header_menu .accordsuffix{display:block;width: 24px;height: 10px;}
.mobile_menu_content .header_menu > li > a .accordsuffix{color:var(--v-white);}
.mobile_menu_content .header_menu .active .accordsuffix{color:var(--v-white); background-position:0px -46px;}
.mobile_menu_content .header_menu a:hover .accordsuffix{color:var(--v-white);}
.mobile_menu_content .header_menu li.menu-item-has-children > a{padding:20px 30px;}
.header_content .header_top_bar .search_box{position: relative;padding: 20px 0;text-align: center;margin: 0 auto;width: 50%;}
.header_content .header_top_bar .search-form .search-field{width: 100%;}
.header_content .header_top_bar .header_button{text-align: center;width: 170px;margin: 20px auto ;}
.header_content .header_top_bar .header_button a{display: block; font-size: 14px;font-family: 'Roboto', Arial, Helvetica, sans-serif;}
@media (max-width:1350px){
     .header_content{padding: 20px 0;}
     .header_content .inner{flex-direction: column;align-items: center;}
     .header_content .left_header{margin: 0 auto;}
     .header_content .right_header{flex-wrap: wrap;padding: 30px 0 0;width: 100%;justify-content: center;}
     .header_content .right_.mainNav_box{margin: 0 20px 0 0;}
     .header_content .search-form .search-field{height: 40px;}
     .right_header .nav-right{ padding-left:0; padding-top:20px;}
}
@media (max-width:1050px){
     .header_content .right_.header_button{margin: 20px 0 0;}
}
@media (max-width:980px){
     .header_content .inner{align-items: flex-start;}
     .header_content .search_box{position: absolute;top: 0;right: 0;}
}
@media (max-width:768px){
     .header_content .left_header{width: 170px;}
     .mobile_menu_hamburger{display: block;}
     .header_content .right_header{display: none;}
}
/* mobile end*/



/* 侧边栏的固定样式 */
.sidebar {width: 420px; max-width: 32%; position: relative;padding-bottom: 60px;}
.sidebar .area_background {padding:58px 50px 50px;background: var(--v-black); border-radius: 16px;overflow: hidden;position: sticky;top: 60px;}
.sidebar aside {margin-bottom: 28px;}
.sidebar aside li.title{margin-bottom: 20px;}
.sidebar aside li.title a{color: #9b9fa7;color: var(--v-white); font-size:14px; line-height:1.2; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit;}
.sidebar aside li.title a:hover{color: var(--v-orange);}
.sidebar aside h5 {color: var(--v-white); font-size:17px; font-weight:500; margin-bottom:27px;}
.sidebar aside p {color: #9b9fa7;margin-bottom: 5px;}
.sidebar aside p strong {color: var(--v-white);font-weight: bold;}
.sidebar aside .focus_us p {color: var(--v-white); font-size: 15px;}
.sidebar aside .focus_us h5 {margin-bottom: 20px; font-weight:400;}
.sidebar aside .focus_us p {margin-bottom: 31px;}
.sidebar aside .focus_us .social_platforms span {display: inline-block;text-align: center;width: 36px; margin-right: 5px;border-radius: 3px;overflow: hidden;}
.sidebar aside .focus_us .social_platforms span:hover {/*background: #46484e;*/box-shadow: #bbb 0 2px 8px!important;}
.sidebar aside .focus_us .social_platforms span a{ display: flex; padding: 0; margin: 0; line-height: 1;justify-content: center; align-content: center;}
.sidebar aside .tags {padding-top: 5px;}
.sidebar aside .tags a {display: inline-block;border-radius: 17px;font-size:14px; margin: 0 5px 5px 0; background:var(--v-white); padding:6px 8px !important;color: var(--v-black);}
.sidebar aside .tips {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10px;}
.sidebar aside .tips .post_thumb {width: 41px;height: 41px;}
.sidebar aside .tips .post_text {color: var(--v-white);}
.sidebar aside .tips:hover .post_text {color: #f00;}