[v-cloak] {
      display: none;
    }
.selection>>>.el-select .el-input .el-input__inner{
	border-radius: 20px 0px 0px 20px;
	border: none;
}
@media (min-width:1400px) {
	.phonebox{
		display: none;
	}
	.headerBox{
		margin: 0 auto;
		width: 1400px;
		height: 180px;
	}
	.headerTop{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 120px;
		line-height: 120px;
	}
	.headerMenu{
		width: 100%;
		height: 60px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
	}
	.headerTop >img{
		float: left;
		width: 200px;
		height: 52px;
		margin-top: 34px;
	}
	.headerSearchBox{
		float: left;
		margin-left: 80px;
		width: 660px;
		height: 42px;
		margin-top: 39px;
		border: 2px solid #3062A9;
		border-radius: 20px;
	}
	.headerSearchBox >div{
		float: left;
		height: 100%;
		line-height: 42px;
	}
	.selection{
		width: 98px;
		border-right: 2px solid #cccccc;
		text-align: center;
	}

	.selection >div{
		width: 65px;
		float: left;
		text-align: right;
	}
	.selection img{
		float: left;
		margin-left: 5px;
		margin-top: 13px;
		width: 15px;
		height: 15px;
		cursor: pointer;
	}
	.searchInput{
		width: 420px;
		margin-left: 10px;
	}
	.searchInput input{
		width: 100%;
		height: 100%;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #000;
	}
	.seaarchBtn{
		width: 120px;
		margin-left: 10px;
		background: #3062A9;
		border-radius: 0px 16px 16px 0px;
		text-align: center;
		cursor: pointer;
		color: #ffffff;
	}
	.seaarchBtn img{
		margin-top: -2px;
		width: 20px;
		height: 20px;
	}
	.headerLogin{
		width: 180px;
		height: 30px;
		line-height: 30px;
		float: right;
		margin-top: 50px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #222222;
	}
	.headerLogin >div{
		float: left;
		width: 70%;
		text-align: right;
		cursor: pointer;
	}
	.xian_img{
		width: 20px;
		height: 20px;
		margin-bottom: 20px;
	}
	.xiandeng_img{
		width: 20px;
		height: 20px;
		margin-bottom: 0px;
	}
	.xian_userName{
		width: 80px;
		text-align: left;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.headerMenu >div{
		padding: 0 10px;
		line-height: 60px;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		cursor: pointer;
	}
	.headerMenu >div:hover{
		color: rgba(48, 98, 169, 1) !important;
	}
	.moreSelection{
		position: relative;
		top: 5px;
		left: -25px;
		background: #FFFFFF;
		box-shadow: 0px 1px 5px 1px #E4E7ED inset;
		width: 150px;
		height: 0px;
		border-radius: 10px;
		overflow: hidden;
	}
	.moreSelection div{
		text-align: center;
		border-radius: 5px;
		margin: 0 auto;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #FFFFFF;
		cursor: pointer;
	}
	.moreSelection div:hover{
		background-color: rgba(86,152,195,.4);
		color: #0B78E9;
	}
	.companyTitle{
		float: left;
		width: 182px;
		height: 44px;
		line-height: 20px;
		padding-top: 4px;
		text-align: center;
		margin-top: 37px;
		margin-left: 10px;
		background-color: #fc6c36;
		color: #FFFFFF;
		font-size: 14px;
		font-family: "microsoft yahei";
	}
}
@media ( min-width:1000px) and (max-width:1399px) {
	.phonebox{
		display: none;
	}
	.headerBox{
		margin: 0 auto;
		width: 1000px;
		height: 180px;
	}
	.headerTop{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 120px;
	}
	.headerMenu{
		width: 100%;
		height: 60px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
	}
	.headerTop >img{
		float: left;
		width: 135px;
		height: 36px;
		margin-top: 40px;
	}
	.companyTitle{
		float: left;
		width: 173px;
		height: 40px;
		line-height: 18px;
		padding-top: 4px;
		text-align: center;
		margin-top: 37px;
		margin-left: 10px;
		background-color: #fc6c36;
		color: #FFFFFF;
		font-size: 14px;
		font-family: "microsoft yahei";
	}
	.headerSearchBox{
		float: left;
		margin-left: 40px;
		width: 480px;
		height: 42px;
		margin-top: 39px;
		border: 2px solid #3062A9;
		border-radius: 20px;
	}
	.headerSearchBox >div{
		float: left;
		height: 100%;
		line-height: 42px;
	}
	.selection{
		width: 98px;
		border-right: 2px solid #cccccc;
		text-align: center;
	}
	/deep/ .el-input .el-input--suffix .el-input__inner{
		border-radius: 20px 0px 0px 20px;
		border: none;
	}
	.selection >div{
		width: 65px;
		float: left;
		text-align: right;
	}
	.selection img{
		float: left;
		margin-left: 5px;
		margin-top: 13px;
		width: 15px;
		height: 15px;
		cursor: pointer;
	}
	.searchInput{
		width:240px;
		margin-left: 10px;
	}
	.searchInput input{
		width: 100%;
		height: 100%;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #000;
	}
	.seaarchBtn{
		width: 120px;
		margin-left: 10px;
		background: #3062A9;
		border-radius: 0px 16px 16px 0px;
		text-align: center;
		cursor: pointer;
		color: #ffffff;
	}
	.seaarchBtn img{
		margin-top: -2px;
		width: 20px;
		height: 20px;
	}
	.headerLogin{
		width: 120px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		float: right;
		margin-top: 50px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #222222;
	}

	.headerLogin >div{
		float: right;
		width: 100%;
		text-align: right;
		cursor: pointer;
	}
	.xian_img{
		width: 20px;
		height: 20px;
		margin-bottom: 20px;
	}
	.xiandeng_img{
		width: 20px;
		height: 20px;
		margin-bottom: 0px;
	}
	.xian_userName{
		width: 70px;
		text-align: left;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.headerMenu >div{
		padding: 0 10px;
		line-height: 60px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		cursor: pointer;
	}
	.headerMenu >div:hover{
		color: 		rgba(48, 98, 169, 1) !important;
	}
	.moreSelection{
		position: relative;
		top: 5px;
		left: -25px;
		background: #FFFFFF;
		box-shadow: 0px 1px 5px 1px #E4E7ED inset;
		width: 150px;
		height: 0px;
		border-radius: 10px;
		overflow: hidden;
	}
	.moreSelection div{
		text-align: center;
		border-radius: 5px;
		margin: 0 auto;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #FFFFFF;
		cursor: pointer;
	}
	.moreSelection div:hover{
		background-color: rgba(86,152,195,.4);
		color: #0B78E9;
	}

}
@media (max-width:999px) {
	.phonebox{
		display: none;
	}
	.headerBox{
		margin: 0 auto;
		width: 1400px;
		height: 180px;
	}
	.headerTop{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 120px;
		line-height: 120px;
	}
	.headerMenu{
		width: 100%;
		height: 60px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
	}
	.headerTop >img{
		float: left;
		width: 200px;
		height: 52px;
		margin-top: 34px;
	}
	.headerSearchBox{
		float: left;
		margin-left: 130px;
		width: 660px;
		height: 42px;
		margin-top: 39px;
		border: 2px solid #3062A9;
		border-radius: 20px;
	}
	.headerSearchBox >div{
		float: left;
		height: 100%;
		line-height: 42px;
	}
	.selection{
		width: 98px;
		border-right: 2px solid #cccccc;
		text-align: center;
	}
	/deep/ .el-input .el-input--suffix .el-input__inner{
		border-radius: 20px 0px 0px 20px;
		border: none;
	}
	.selection >div{
		width: 65px;
		float: left;
		text-align: right;
	}
	.selection img{
		float: left;
		margin-left: 5px;
		margin-top: 13px;
		width: 15px;
		height: 15px;
		cursor: pointer;
	}
	.searchInput{
		width: 420px;
		margin-left: 10px;
	}
	.searchInput input{
		width: 100%;
		height: 100%;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #000;
	}
	.seaarchBtn{
		width: 120px;
		margin-left: 10px;
		background: #3062A9;
		border-radius: 0px 16px 16px 0px;
		text-align: center;
		cursor: pointer;
		color: #ffffff;
	}
	.seaarchBtn img{
		margin-top: -2px;
		width: 20px;
		height: 20px;
	}
	.headerLogin{
		width: 180px;
		height: 30px;
		line-height: 30px;
		float: right;
		margin-top: 50px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #222222;
	}
	.headerLogin >div{
		float: right;
		width: 100%;
		text-align: right;
		cursor: pointer;
	}
	.xian_img{
		width: 20px;
		height: 20px;
		margin-bottom: 20px;
	}
	.xiandeng_img{
		width: 20px;
		height: 20px;
		margin-bottom: 0px;
	}
	.xian_userName{
		width: 80px;
		text-align: left;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}
	.headerMenu >div{
		padding: 0 10px;
		line-height: 60px;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		cursor: pointer;
	}
	.headerMenu >div:hover{
		color: 		rgba(48, 98, 169, 1) !important;
	}
	.moreSelection{
		position: relative;
		top: 5px;
		left: -25px;
		background: #FFFFFF;
		box-shadow: 0px 1px 5px 1px #E4E7ED inset;
		width: 150px;
		height: 0px;
		border-radius: 10px;
		overflow: hidden;
	}
	.moreSelection div{
		text-align: center;
		border-radius: 5px;
		margin: 0 auto;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #FFFFFF;
		cursor: pointer;
	}
	.moreSelection div:hover{
		background-color: rgba(86,152,195,.4);
		color: #0B78E9;
	}
	.companyTitle{
		float: left;
		width: 182px;
		height: 44px;
		line-height: 20px;
		padding-top: 4px;
		text-align: center;
		margin-top: 37px;
		margin-left: 10px;
		background-color: #fc6c36;
		color: #FFFFFF;
		font-size: 14px;
		font-family: "microsoft yahei";
	}

}