﻿.phone{
  display: block;
  font-weight: normal;}
.phone-foot{
  display: block;
  font-weight: normal;}
.wrap{
  display: none;}
.foot{
  display: none;}
@media(min-width:320px) {
  html{
    font-size: 9.41px;}
}
@media(min-width:375px) {
  html{
    font-size: 11px;}
}
@media(min-width:394px) {
  html{
    font-size: 11.58px;}
}
@media(min-width:414px ) {
  html{
    font-size: 12.17px;}
}
ul,ol {
	list-style: none;}
/* 头部 */
.head-title{
  width:calc(100% - 0.91rem);
  /* height: 3.93rem; */
  line-height: 3.93rem;
  color: #fff;
  font-size: 0.91rem;
  padding-left: 0.91rem;
  background: #590406;}
.head-logo{
  width: 100%;
  height: 14.26rem;
  background-color: #94070A;
  text-align: center;
  padding-top: 2.96rem;}
.head-logo img{
  width: 24.66rem;}
.head-logo-h{
  height: auto;
  padding-bottom: 1.96rem;
  padding-top: 1.96rem;}

.head-search{
  height: 2.9rem;
  padding: 0.54rem 0.91rem;
  background-color: #94070A;
  align-items: center;
  display: flex;}
.search-btn-wrap{
  display: flex;
  flex: 1;}
.head-search input{
  padding-left: 1rem;
  height: 2.9rem;
  outline:0;
  border: 0;
  border-radius: 0;}
.head-search .search-btn{
  height: 2.9rem;
  width: 3.63rem;
  background-color: #FF4D4D;
  position: relative;}
.head-search .search-btn img{
  width: 2.21rem;
  height: 2.21rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);}
.head-search>img{
  width: 2.18rem;
  height: 2.15rem;}



/* 尾部 */
.phone-foot{
  font-size: 1rem;
  color: #fff;}
.phone-foot .foot-t{
  padding:3.02rem 0 3.11rem;
  background: url(../assets/phone/foot-bg.jpg);
  background-size: 100% 100%;
  background-position: center center;
  text-align: center;}
.phone-foot .foot-t img{
  width: 4.35rem;
  height: 4.35rem;}
.phone-foot .foot-t .p1 span,.phone-foot .foot-t .p2 span{
  margin-right: 3rem;} 
.phone-foot .foot-t .p1{
  margin: 1.21rem 0 0.6rem;}
.phone-foot .foot-b{
  height: 3.02rem;
  line-height: 3.02rem;
  text-align: center;
  background-color: #94070A;
  border-top: 1px solid #000;}
/* 隐藏导航栏 */
.phone-nav{
  position: fixed;
  width: 100%;
  background-color: #fff;
  top: 0;
  z-index: 999;
  display: none;}
.phone-nav .item{
  padding: 1rem ;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;}
.phone-nav .item:last-child{
  border-bottom: 0;}
/* 移动端导航 */
.top-nav{
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
  visibility: visible;
  opacity: 1;
  transform: translateX(100%);
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  padding-bottom: 50px;}
.open{
  transform: translateX(0);}
.top-nav-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #94070A;
  padding: 2.6rem 2rem 1.6rem;}
.top-nav-header .header-logo{}
.top-nav-header .header-logo img{
  width: 4.5rem;}
.top-nav-header .header-close{}
.top-nav-header .header-close img{
  width: 3.2rem;}
.top-nav-item{
  margin-bottom: 50px;}
.top-nav-item ul{}
.top-nav-item ul li{
  padding: 0  2rem;
  border-bottom: 1px solid #f5f5f5;}
.top-nav-item li a{
  display: block;
  color: #2c323c;
  font-size: 1.7rem;
  height: 4rem;
  line-height: 4rem;
  width: 100%;}
.top-nav-item li .dropdown{}
.top-nav-item ul li.dropdown img{
  width: 5%;
  float: right;
  margin-top: 1.5rem;}
.upImg{
  transform:rotateY(180deg);}
.top-nav-item ul li .dropdown_menu {
  display: none;}
.top-nav-item ul li .dropdown_menu a{
  display: block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 4rem;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5;}
.top-nav-item ul li .dropdown_menu a:last-child{
  border: none;}
.phone-head {
  position: relative;}
.top-nav-img {
  position: absolute;
  right: 1.1rem;
  top: 1rem;
  z-index: 8;}
.top-nav-img img {
  width: 2.4rem;
  height: 2.4rem;}