﻿#header .product-box .flex-left{
	display:none;
}
.small-header #header .product-box .product-title,#header .product-box .product-title{
	display:none;
}
#header .product-box .flex-right .list-li{
	width:10.25%
}
#header .product-box .flex-right .list-li .img-box img{
	top:50%;
    transform: translateY(-50%);
	height:unset;
}

#header .product-box .flex-right .title{
	padding-bottom:30px;
}
#header .product-box .wrap{
	padding-bottom:0;
}
@media (max-width: 1200px){
	#header .product-box .flex-left{
	display:block;
}
}
/*
#header .product-box .flex-right .box:hover .img-box{
    background: unset;
    box-shadow: unset;
    border-radius: unset;
}
#header .product-box .flex-right .box:hover .img-box{
    background: unset;
    box-shadow: unset;
    border-radius: unset;
}
#header .product-box .flex-right .box:hover .img-box img{
    animation:xxytiaodong 1s ;
	-webkit-animation:xxytiaodong 1s ;
}
@keyframes xxytiaodong
{
	0% {transform:translateY(-50%)}
	30% {transform:translateY(-80%)}
	60% {transform:translateY(-50%)}
	70% {transform:translateY(-65%)}
	80% {transform:translateY(-50%)}
	90% {transform:translateY(-55%)}
	100% {transform:translateY(-50%)}
}

/*Safari 和 Chrome:*/
/*
@-webkit-keyframes xxytiaodong
{
	0% {transform:translateY(-50%)}
	30% {transform:translateY(-80%)}
	60% {transform:translateY(-50%)}
	70% {transform:translateY(-65%)}
	80% {transform:translateY(-50%)}
	90% {transform:translateY(-55%)}
	100% {transform:translateY(-50%)}
}
*/

/* 登陆页面 */
.loginbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    display: flex;
	display: -webkit-flex;
	align-items: center;
}
.loginbox .wrap{
    display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}
.loginbox .loginbg{
	background-color: #fff;
	border-radius: 5px;
	padding: 40px 36px 60px;
}
.loginbox .loginbg .title{
	font-size: 24px;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}
.loginbox .loginbg .felxbox{
    display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.loginbox .loginbg .felxbox .imgbox{
	width: 44px;
	height: 42px;
	background-color: #fafafa;
    display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #d5d5d5;
	border-right: none;
	flex-shrink: 0;
}
.loginbox .loginbg .felxbox .imgbox>img{
	max-width: 100%;
}
.loginbox .loginbg .felxbox input{
	width: 280px;
	height: 42px;
	border: 1px solid #d5d5d5;
	padding: 0 10px;
	outline: none;
	font-size: 16px;
}
.loginbox .loginbg .felxbox.yzm{
	margin-bottom: 40px;
}
.loginbox .loginbg .felxbox.yzm .imgbox{
	width: calc(40% - 15px);
	border-right: 1px solid #d5d5d5;
}
.loginbox .loginbg .felxbox.yzm input{
	width: calc(60% - 15px);
}
.loginbtn{display: block;}
.loginbtn .xxybutton{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #22735e;
	color: #fff;
	text-align: center;
	outline: none;
	border: none;
	font-size: 16px;
}
@media (max-width: 1200px){
.loginbanner{
	height: 500px;
}
.loginbanner>img{
	max-width: unset;
	height: 500px;
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    width: auto;
}
}
@media (max-width: 430px){
.loginbox .loginbg{
	width: 100%;
}
.jxstcbox .mainbox{max-width: 100%;}
}

/* 密码显示隐藏样式 */
.xxyeyes{
	position: relative;
}
.xxyeyes .eyesbtn{
	position: absolute;
	right: 0;
	top: 0;
	width: 41px;
	height: 41px;
	cursor: pointer;
}

/* 申请成为经销商弹窗 */
.jxstc{
	text-align: right;
	font-size: 18px;
	margin-top: 20px;
	cursor: pointer;
	transition: 0.2s;
	color: rgb(128 , 13 , 13);
}
.jxstc:hover{
	color: #22735e;
}
.jxstcbox{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s;
}
.jxstcbox .mainbox{
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	margin: 20px;
	position: relative;
	max-width: 380px;
}
.jxstcbox .mainbox .closebtn{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	font-size: 40px;
	line-height: 20px;
	overflow: hidden;
	font-weight: bold;
	color: #22735e;
	cursor: pointer;
	z-index: 20;
}