.header{background:#333;padding:10px 0px;}
.header .container{
	    display: flex;
	    align-items: center;
}
body{background:#eee;}
.mainfio{background:white;}
.user span{cursor: pointer;}
.header .container .user{margin-left:auto;color:white}
.header .container .user span{display: inline-block;margin:0px 8px}
.header .container .user span i{display:inline-block;margin-right:5px;}
.main {margin-top:0px;}
.main .container{display:flex;width:1200px;padding:0px}
.main .left{background: #333333c2;padding:0px;min-height:800px;}
.main .left a{display:block;width:100%;margin:10px 0px;color:white;padding:10px 0px 10px 20px;}
.main .left a:nth-child(1){margin-top:0px;}
.main .left a:hover{background:red;}
.main .left a i{display: inline-block;margin-right:10px;}
.mendian{border: 1px solid #ccc;
padding: 10px;margin-top:30px;
border-radius: 5px;
}
.mendian .title{color:red;border-bottom:1px solid #ccc;padding-bottom:5px;font-size: 18px;margin-bottom:10px;}
.mendian .aad{
	display:flex;
	align-items: center;
	flex-wrap:wrap;
}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.mendian .aad .form_group{width:50%;margin:15px 0px;display: flex;align-items:center;}
.mendian .aad .form_group label{display: inline-block;width:28%;}
.mendian .aad .form_group input{display: block;width:65%;}
.chezhu{    background: white;
    padding: 10px;
}
.chezhu h2{text-align:center;margin:10px 0px;font-size: 20px;}
.chezhu .czl{display: flex;align-items:center;}
.chezhu .czl>div{flex:1;text-align:center;}
.chezhu .czla>div{background: #E0E0E0;padding:10px 0px;}
.chezhu .czlb {border-bottom: 1px dotted #333;padding-bottom: 5px;margin-bottom: 5px;}
.chezhu .czlb .czla{padding:10px 0px;}
.chezhu .czlb .czla a{background:royalblue;padding:5px 10px;color:white;border-radius: 5px;}
.product .sald {display: flex;align-items: center;}
.product .sald>div{flex:1;text-align: center;}
.product .sald .el-input__inner{height: 30px;line-height: 30px;}
.product .sald .el-input__icon{line-height: 30px;}
.product .saldb{margin-top:10px;}
.newzb,.baocun{margin:20px 0px}
.hjje{margin:20px 0px;}
.detsm{
	color:#666;
	margin-top: 80px;
}
.detsm h1{font-size: 20px;color:black;margin:20px 0px;font-weight:bold;}
.detsm .dea{line-height: 30px;}
.detsm .deb{display:flex;flex-wrap:wrap;width:60%;}
.zhibao  .detab{text-align: center;margin: 40px auto;}
.zhibao  .detab img{max-width:30%;}
.deb p{width:48%;margin:1%}
.zhibao{background: white;padding:20px 10px;}
.zhibao .mendian .aad .form_group {margin:10px 0px;}
.zhibao .mendian .aad .form_group label{color:#999;width:80px;margin-bottom:0px;font-weight: normal;}
.zhibao .mendian .aad .form_group .text{color:#999}
.zhibao .foologo{text-align: right;margin:80px 0px 0px auto;}
.zhibao .foologo img{max-width:200px;}
.kahao .kah{display:flex;align-items:center;}
.modpass input{display: block;width:100%;padding:5px 0px;margin:10px 0px;padding-left:10px;}
.bjbody{
	background:white;
}
.baojia,.baojia2,.baojia3{max-width: 750px;margin:0px auto;}
.baojia .bjhead {display: flex;align-items: center;}
.baojia .bjhead p{display:block;width:50%;text-align:center;}
.baojia .bjhead p a{display:inline-block;padding:8px 10px}
.baojia .bjhead .active{border-bottom:3px solid #ba8f51;}
.baojia .zimu{
	background: #eee;
	padding: 5px 10px;

}
.baojia .pplist{
	display: flex;
    align-items: center;
	padding: 5px 10px;
	border-bottom: 1px solid #eee;
}
.baojia .pplist .logo img{
	max-width: 50px;
}
.baojia .pplist .logo {margin-right:20px;}
.zma{
	    position: fixed;
	    right: 20px;
	    width: 15px;
	    margin: 3px 0px;
	    top: 15%;
	    font-size: 12px;
	    text-align: center;
	    color: #999;
}
.zma p{margin:0px;line-height: 15px;font-weight: 450;display: inline-block;width: 100%;text-align: center;/* margin: 0px; */}
a{text-decoration: none;}
.zma p a{color:#999;}
.baojia2{background: rgb(255
 255 255 / 50%);}
.baojia2 .bj2h{display: flex;
    align-items: center;
    padding: 5px 0px;
    text-align: center;}
.baojia2 .bj2h a{flex: 1;
    padding: 6px 0px;
    border-radius: 20px;}
.baojia2 .bj2h .active{background: #ba8f51;color:white;}
.xilie{padding:0px 10px;}
.xilie .xilieli a{display: flex;align-items: center;padding: 30px 10px;margin: 10px 0px;background: white;box-shadow: 2px 2px 5px #dcdfe6;border-radius: 10px;}
.xilieli .xlbj{margin-left:auto;color: #999;}
.xilieli .xla{font-weight: 400;font-size: 18px;}
.xilieli .xlbj i{margin-left:20px;}
.baojia3{background: white;margin:10px auto;padding: 0px 10px;}
.baojia3 .ba{display: flex;align-items:center;font-weight:bold;margin-bottom:10px;}

.baojia3 .ba>div:nth-child(1){width:20%;}
.baojia3 .ba>div:nth-child(2){width:60%;}
.baojia3 .ba>div:nth-child(3){width:20%;text-align: right;color:#ba8f51;}
.baojia3  .ben{color:#999;}
.baojia3 .bjhad{
	    border-bottom: 1px solid #ccc;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
}
.baojia3 .ba .ba1:nth-child(2){margin-left:auto;color:#ba8f51;}
.baojia3 .bjbl{
	       border-radius: 10px;
	       border: 1px solid #ccc;
	       padding: 10px;
		   margin:20px 0px;
}
.baojia3 .bjbl:last-child{margin-bottom:50px;}
.baojia3 .bgcolor{background-color: #eee;}
.baojia3 .botm{background:#333;color:white;position: fixed;bottom:0px;width:100%;padding:10px 0px;text-align: center;max-width: 750px;font-size:20px;box-sizing: border-box;}
.header_common{display:flex;align-items:center;font-size:18px;border-bottom: 2px solid #eee;}
.header_common>*{flex:1;padding: 10px;}
.header_common .el-icon-s-home{text-align: right;}
.header_common .page_title{text-align:center;}
.baojia3 .ba .el-input--suffix .el-input__inner{border:1px solid #ba8f51;color:#ba8f51;}
.zbsearch{display: flex;align-items:center;}
.zbsearch .newzr{margin-left:auto;width:40%;display:flex;align-items:center;}
.zbsearch .newzr .el-input{width:80%;}
.zbsearch .newzr button{width:18%;margin-left:2%}
@media screen and (max-width: 650px) {
   .baojia,.baojia2,.baojia3{width:100%;/*! padding: 0px 10px; */}
}