/*头尾*/
header,footer{display: flex;padding: 0 0.185rem;}

/*n+ 头部*/
.phonehead {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
header { position: fixed; left: 0; right: 0; top:0; z-index: 10; height: 0.4rem; line-height: 0.4rem; color: #fff; background: rgba(255, 255, 255, 0.8); background-repeat: no-repeat; background-size: 100%; justify-content: space-between; }
footer {
	height: 3.435rem;
	background-color: #ebebeb;
	padding: 0.475rem 0.185rem;
	background-image:url(../img/footbg.png) ;
	background-repeat:no-repeat ;
	background-position:bottom right;
	background-size:1.875rem 0.53rem;
}
.header-left,.header-right{display: flex; align-items: center;width: auto;position: relative;z-index: 999;}
.header-left img { width: 0.745rem !important;}

/*菜单导航 */
.btn-nav {
	display: block;
  background: transparent;
  border: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
}
.btn-nav:focus { outline: 0; }
.icon-bar { height: 2px; width:0.195rem; display: block; background: #000; margin: 3px 0; }
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.animated { display: block; margin: 0 auto; }
 .animated:focus { cursor: pointer; }
 .middle { margin: 0 auto; }

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
.animated .top {
  -webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateY(5px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-5px) rotateZ(-45deg);
  -moz-transform: translateY(-5px) rotateZ(-45deg);
  -ms-transform: translateY(-5px) rotateZ(-45deg);
  -o-transform: translateY(-5px) rotateZ(-45deg);
  transform: translateY(-5px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}
/*头部菜单*/
.header_nav{ position: fixed; top:0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.95); display: block; height:100%; z-index: 9; padding: 0.4rem 0.185rem 0; }
/*@keyframes showNav {
  from { top: -100%; }
  to { top: 0; }
}

@-webkit-keyframes showNav {
  from { top: -100%; }
  to { top: 0; }
}

@-moz-keyframes showNav {
  from { top: -100%; }
  to { top: 0; }
}

@-o-keyframes showNav {
  from { top: -100%; }
  to { top: 0; }
}
 .showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards; }
@keyframes hideNav {
  from { top: 0; }
  to { top: -100%; }
}

@-webkit-keyframes hideNav {
  from { top: 0; }
  to { top: -100%; }
}

@-moz-keyframes hideNav {
  from { top: 0; }
  to { top: -100%; }
}

@-o-keyframes hideNav {
  from { top: 0; }
  to { top: -100%; }
}
 .hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards; }*/
 .hde { display: none; }
 .ohidden{overflow: hidden;}
 .header_nav ul{
	padding: 0.07rem 0 0 0;
}
.header_nav ul li ul{ padding-left: 0.335rem; }
.header_nav ul li a{ display: block; line-height: 0.45rem; padding: 0 0.05rem; font-size: 0.13rem; border-bottom: 1px solid #898989; }
.outbtn{line-height: 0.265rem; margin-top: 0.27rem; }
.rbtn{ display: block; font-family: 'SourceHanSansCN'; font-size: 0.11rem; background-color: #cb2332; color: #FFFFFF !important; text-align: center;}
/*登录弹窗*/
.login{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.9);
	z-index: 999;
}
.zm_login{
	width: 3.085rem;
	height: 3.22rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.61rem;
	margin-left: -1.54rem;
	background-color: #fffefe;
	background-image: url(../img/login_bj_t.png), url(../img/login_bj_b.png);;
	background-position: right top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size:1.6rem 1.5rem, 2.72rem 1.13rem;
}
.close{
	display: flex;
    justify-content: flex-end;
    padding:0;
}
.close img{
	width: 0.145rem;
	height: 0.145rem;
}
.zm_login h2{
	font-family: 'SourceHanSansCN';
	font-size: 0.17rem;
	color: #CB2332;
	font-weight: bold;
	text-align: center;
}
.account{
	margin-top: 0.32rem;
}
.account span{
	color: #000000;
	font-size: 0.11rem;
	line-height: 0.305rem;
	margin-right: 0.09rem;
}
.account input{
	width: 1.85rem;
	border: 1px solid #727171;
	font-size: 0.11rem;
	line-height: 0.305rem;
	padding: 0 0.13rem;
	background: none;
}
.logintj{
	width: 2.39rem;
	margin: 0.465rem auto 0;
	line-height: 0.215rem;
}




.footer_logo{width:1.115rem;height: 0.165rem;margin-bottom: 0.195rem;}
.footer_logo img{width: 100%;height: 100%;}
.f_at{
	width: 0.805rem;
	height: 0.25rem;
	border:0.02rem solid #000;
	text-align: center;
	margin-bottom: 0.265rem;
}
.f_at a{font-size: 0.12rem;text-align: center;line-height: 0.23rem;display: block;}
.f_bq{
	margin-bottom: 0.335rem;
}
.f_bq p{font-size: 0.08rem;}
.f_dz{
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 0.1rem;
}
.dz{
	margin-left: 0.49rem;
}
.dz:before{
	content: '';
	width: 0.235rem;
	height: 0.025rem;
	background: #000;
	position: absolute;
    margin-top: -7px;
}
.dz:nth-child(1){
	margin: 0;
	width: 1.015rem;
}
.dz span{font-size: 0.168rem;margin: 0.12rem 0;display: block;}
.dz p{font-size: 0.08rem;}
.f_share{
	justify-content: flex-start;
    position:relative;
}
.f_share a{
    position:relative;
}
.wechatcode {
    width: 0.8rem !important;
    height: 0.8rem !important;
    position: absolute;
    top: -1rem;
}
    .f_share img{
	width: 0.235rem;
	height: 0.235rem;
	margin-right: 0.11rem;
}
footer a img{margin-bottom: 0.06rem;}
footer .index_page img{width: 0.26rem;height: 0.24rem;}
footer .team_page img{width: 0.245rem;height: 0.25rem;}
footer .my_page img{width: 0.25rem;height: 0.245rem;}

.cs_tips {
	width: 80%;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat, no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.cs-pc {
	display: none;
}

.cs-mobile {
	display: block;
}

.cs_tips .close {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-box-pack: end;
	padding: 14px;
	position: absolute;
	top: 0;
	right: 0;
}

.cs_tips .close img {
	width: 0.2rem;
	height: 0.2rem;
}