.nav_box{max-width: 750px;width: 100%;background-color: #FFF;min-height: 55px;}
.nav_box a:active{color:#000;}
.nav_box input:focus-visible{border: none !important;outline: none;}
.nav_head{padding: 0 10px;}
._flex_sc{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* logo在搜索框 */
.home-search-content-top .header{
	font-size: .4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .24rem;
	/* height: 1.3rem; */
	height: 1.1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* border:1px solid #eb0f61; */
	align-items: center;
}
.home-search-content-top .search a {
	width: 100%;
}
.home-search-content-top .search {
	/* width: 80%; */
	width: 85%;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 1000px;
	height: .5rem;
	height: .6rem;
	margin: .15rem .3rem;
	align-items: center;
	border: 1px solid;
}
.home-search-content-top .search img.logo {
	position: absolute;
	right: 10px;
	margin:0 auto;
	left: 10px;
	width: auto;
	height:.6rem; 
	color: rgba(255,28,92,1);
}

.nova_box .nav_head_top{height: 40px;padding:5px 0;display: flex;justify-content: space-between;align-items: center;}
.nova_box .nav_head_top .nav_head_title{ margin: 0;font-size: 0.4rem;color: #FFF;}
.nova_box .nav_head_top .nav_head_icon{display: flex;}
.nova_box .nav_head_top .nav_head_icon i{font-weight: 600;font-size: 24px;}
.nova_box .nav_head_top .nav_head_icon a{color: #FFF;position: relative;}
.nova_box .nav_head_top .nav_head_icon a img{max-width: 24px;}
.nova_box .nav_head_top .nav_head_icon a:first-child{ margin-right: 10px; }
.nova_box .nav_search_box{ height: 40px;width: 100%;position: relative;display: flex;padding-bottom: 10px;}
.nova_box .nav_search_input{
	width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.nova_box .nav_search_input i{
	position: absolute;
    left: 10px;
    z-index: 2;
    color: #757575;
    line-height: 40px;
}
.nova_box .nav_search_input input{height: 100%;width: 75%;border-radius: 4px; background-color: #f5f5f5; color: #757575;border: none;padding-left: 38px;box-sizing: border-box;}
.nova_box .search_btn{ width: 25%;background-color: #333;border: none;color: #FFF; }

.nav_category_list{
	display: flex;
    width: 100%;
    padding: 10px 10px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.nav_category_list .nav_category_item{
	list-style: none;
    padding: 10px;
    background-color: #FFF;
    margin-right: 10px;
    border-radius: 4px;
    color: #333;
}

/* logo在左眉 */
.home_navBar .header{padding: 10px;}
.home_navBar .header_logo{ width: 30%;height: 100%;margin-right: 10px;display: flex;align-items: center;}
.home_navBar .header_logo .logo{width: auto;max-height: 100%;max-width: 100%;}
.home_navBar .home-search-content-top .header{justify-content: space-between;}
.logo_in_left .search{width: 42%;margin:0;margin-right:10px;height: 28px;}
.home_navBar .search .search_icon{left: 2%;right:auto !important;width: 24px;height: 24px;min-height: 26px;top: 4px;}
.home_navBar .home_icon_box{display: flex;justify-content: space-between;width: 28%;}
.home_navBar .home_icon_box a{position: relative;}
.home_icon_box a .text-icon-num{
	/*border: 1px solid #fff;*/
    position: absolute;
    width: auto;
    min-width: 16px;
    top: 8px;
    box-sizing: border-box;
    padding: 0 2px;
    line-height: 14px;
    border-radius: 8px;
    text-align: center;
    left: 52%;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    /*color: #fff!important;
    background-color: #FD006F!important;*/
}
.revise_country_main{
	display: flex;
    align-items: flex-end;
}
.revise_country_box{
	width: 100%;
    background-color: #FFF;
    min-height: 300px;
}

.page_navTop{
	position: relative;
    height: 40px;
    line-height: 40px;
    display: flex;
    color: #7B7B7B;
    align-items: center;
    padding: 0 8px;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgb(237 237 237);
    width: 100%;
    box-sizing: border-box;
}
.page_navTop .top-left-options{
	display: flex;
    height: 100%;
    z-index: 1;
    position: relative;
    width: 30%;
}
.page_navTop .left a{width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;position: relative;}
.page_navTop .left a span{font-size: 15px}
.page_navTop .vux-header-right{width: 30%;display: flex;justify-content: flex-end;}
.vux-header-right ul {width: 2.2rem;}
.vux-header-right ul li a {font-size: 15px;}
.page_navTop .icon_box{display: flex;flex-direction: column;justify-content: center;}
.page_navTop .icon_box i{line-height: 18px;/*color: #FFF;*/}
.page_navTop .icon_box span{color: #FFF;}
@media (min-width: 750px){
	.home_navBar .header {padding: 10px 20px;}
	.home-search-content-top .header{justify-content: space-between;}
	.home_navBar .header_logo{width: 20%;}
	.home_navBar .home_icon_box{width: 20%;}
	.home_navBar .home_icon_box i{font-size: 24px;}
}
@media (max-width: 320px){
	a.text-icon-options{width: 28px;}
}

/* 有金刚位 */
.boots_box .nav_head_top{ width: 100%;padding-top: 10px; }
.boots_box .nav_head_top .nav_head_title { margin: 0;text-align: center;font-size: 16px;font-weight: 600; }
.boots_box .nav_icon_list{	display: flex;justify-content: space-between;padding: 5px 0; }
.boots_box .nav_icon_list a{color: #FFF;position: relative;}
.boots_box .nav_icon_list a img {max-width: 24px;}
.boots_box .nav_icon_list .nav_head_icon{display: flex;align-items: center;}
.boots_box .nav_icon_list .nav_head_icon a{margin-right: 10px;color: #FFF;}
.boots_box .nav_icon_list .nav_head_icon a:last-child{margin-right:0px;}
.boots_box .nav_icon_list .nav_head_icon a img{ max-width: 24px;}
.boots_box .nav_icon_list i{ font-size: 24px;font-weight: bold;}

/* Hero  有背景图的 */
.hero_box{background:var(--Mcolour);}
.hero_box .nav_head_top{ padding: 12px 0; }
.hero_box .nav_head_title{ margin: 0;font-size: 0.4rem; }
.hero_box .nav_head_title .nav_head_icon{display: flex;align-items: center;}
.hero_box .nav_head_title .nav_head_icon a img{ max-width: 24px;}
.hero_box .nav_head_icon a{color: #FFF;font-weight: bold;position: relative;display: inline-block;}
.hero_box .nav_head_icon a:first-child{ margin-right: 10px; }
.hero_box .nav_head_icon a img{max-width: 24px;}
.hero_box .nav_head_title .nav_head_icon a i{font-weight: bold;}
.hero_box .nav_search_box{ height: 40px;width: 100%;position: relative;display: flex;padding-bottom: 10px;}
.hero_box .nav_search_box .nav_search_input{ width: 100%;height: 100%;display: block;position: relative; }
.hero_box .nav_search_input i{position: absolute;right: 10px;z-index: 2;color: #000;line-height: 40px;}
.hero_box .nav_search_box input{padding-left: 15px;height: 100%;width: 100%;border-radius: 4px; background-color: #FFF; color: #F5F5F5;border: none;box-sizing: border-box;}

/* Urans */
.urans_box .nav_head_top{
	display: flex;
    align-items: center;
    height: 40px;
    padding: 10px 0;
}
.urans_box .nav_head_left,.urans_box .nav_head_right{width: 20%;display: flex;align-items: center;}
.urans_box .nav_head_left a,.urans_box .nav_head_right a{color: #FFF;position: relative;}
.urans_box .nav_head_left a img,.urans_box .nav_head_right a img {max-width: 24px;}
.urans_box .nav_head_left a:first-child{margin-right: 10px;}
.urans_box .nav_head_left i,.urans_box .nav_head_right i{font-size: 24px;}
.urans_box .nav_head_content{height: 100%;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.urans_box .nav_head_content a{display: block;height: 100%;position: relative;}
.urans_box .nav_head_content .logo{ height: 100%; }
.urans_box .nav_head_right{ display: flex;justify-content: flex-end; }

/* moons */
.moons_box .nav_head_top{height: 30px;padding: 10px 0;}
.moons_box .nav_head_left h2{ margin: 0;font-size: 20px; }
.moons_box .nav_head_right{display: flex;align-items: center;}
.moons_box .nav_head_right a{margin-right: 10px;display: inline-block;position: relative;}
.moons_box .nav_head_right a:last-child{margin-right:0px;}
.moons_box .nav_head_right a img{max-width: 24px;}
.moons_box .nav_head_right i{font-size: 24px;color: #fff;}

/* Eva */
.eva_box{background:#000;}
.eva_box .nav_head_top{
	display: flex;
    align-items: center;
    height: 30px;
    padding: 10px 0;
    color: #FFF;
}
.eva_box .nav_head_left,.eva_box .nav_head_right{width: 20%;display: flex;align-items: center;}
.eva_box .nav_head_left a,.eva_box .nav_head_right a{position: relative;}
.eva_box .nav_head_left a img,.eva_box .nav_head_right a img{max-width: 24px;}
.eva_box .nav_head_right i:first-child{margin-right: 10px;}
.eva_box .nav_head_left i,.eva_box .nav_head_right i{font-size: 24px;color: #FFF;}
.eva_box .nav_head_content{height: 100%;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eva_box .nav_head_content .logo{ height: 100%; }
.eva_box .nav_head_right{ display: flex;justify-content: flex-end;}

/* elegant */
.elegant_box .nav_head_top{
	display: flex;
    align-items: center;
    height: 30px;
    padding: 10px 0;
}
.elegant_box .nav_head_left,.elegant_box .nav_head_right{width: 20%;}
.elegant_box .nav_head_left a,.elegant_box .nav_head_right a{color: #FFF;position: relative;}
.elegant_box .nav_head_left a img,.elegant_box .nav_head_right a img{max-width: 24px;}
.elegant_box .nav_head_right .icon-sousuo{margin-right: 10px;}
.elegant_box .nav_head_left i,.elegant_box .nav_head_right i{font-size: 24px;}
.elegant_box .nav_head_content{height: 100%;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elegant_box .nav_head_content .logo{ height: 100%; }
.elegant_box .nav_head_right{ display: flex;justify-content: flex-end;align-items: center;}
a .text-icon-num {
    position: absolute;
    width: auto;
    min-width: 16px;
    top: 8px;
    box-sizing: border-box;
    padding: 0 2px;
    line-height: 14px;
    border-radius: 8px;
    text-align: center;
    left: 52%;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.home_navBar .change_country{
	display: flex;
    justify-content: center;
    width: 20%;
    align-items: center;
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    justify-content: space-between;
}
.change_country .home_icon_case{display: flex;justify-content: space-between;}
.change_country .home_icon_case a{position: relative;}

.c-dropdown {
   position: relative;
   display: inline-block;
   text-align: left;
   border: 1px solid #FFF;
    border-radius: 3px;
    min-width: 80px;
}

.c-dropdown__list {
  margin: 5px 0 0 0;
  padding: 6px 0;
  list-style: none;
  position: absolute;
  top: 125%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  -webkit-transition: opacity .25s linear, top .25s linear;
  transition: opacity .25s linear, top .25s linear;
  border: 1px solid #f5f5f5;
}
.c-dropdown.is-open .c-dropdown__list {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.c-dropdown__item {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #434A54;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
  border-bottom: 1px solid #434a54;
}
.c-dropdown__item:last-child{border-bottom:none;}
.c-dropdown__item:hover {
  background-color: #E6E9ED;
}

/**
 * Component: Button
 * --------------------------------------------------
 */
.c-button {
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  overflow: visible;
  font: inherit;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.c-button:hover, .c-button:focus {
  outline: none;
  text-decoration: none;
}
.c-button:not(:disabled) {
  cursor: pointer;
}

/**
 * Component: Button
 * Modifier: Dropdown
 * --------------------------------------------------
 */

.c-button--dropdown {
  padding: 6px 34px 6px 12px;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  min-height: 18px;
  border-radius: 3px;
  -webkit-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
.c-button--dropdown:hover {
  background-color:#ee3845;
  color:#FFF;
}
.c-button--dropdown:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 11px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #FFF;
}
.c-dropdown-yun{border: 1px solid #000;}
.c-dropdown-yun .c-button--dropdown{
    color: #000;
}
.c-dropdown-yun .c-button--dropdown:after {
    border-top-color: #000;
}
.c-dropdown-yun .c-button--dropdown:hover {
    background-color:#fff;
    color:#000;
}
@media (max-width: 414px){
    .home_navBar .change_country{width: 24%}
    .change_country .home_icon_case{display: none;}
    .c-button--dropdown{padding: 6px 19px 6px 10px;font-size: 12px;}
}
.switch_lang_box{ position: relative;}
.switchLang {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f4f4f4;
    appearance: none;
    position: relative;
    padding-right: 30px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}
.switch_lang_box i{
    position: absolute;
    right: 10px;
    top: 18px;
    bottom: 0;
    margin: auto;
    height: auto;
}