.phone{display: inline-block;max-width:300px;padding-right: 20px;position:relative;font-size: 14px;line-height: 1.5em;cursor:pointer;}
.phone::before {
	content: '';
	display: inline-block;
	border: 4px solid transparent;
	border-top: 4px solid #333;
	position: absolute;
	top: 10px;
	right: 0;
}
.phone .city_phone {color:#333;}
.phone .city_phone span:first-child {
	display: inline-block;
	min-width: 145px;
	padding-right: 15px;
}
.phone .city_phone a:hover {
	color: #EC3137;
}
.phone .more_phone a {
	display: inline-block;
	min-width: 135px;
	padding-right: 15px;
	color: #333;
}
.phone .more_phone a:hover {
	color: #EC3137;
}
.phone .dropdown {
	min-width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.phone .more_phone {
	padding:10px;
	cursor: pointer;
	line-height:1em;
	border-top:1px solid #f2f2f2;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.phone .more_phone:first-child {
	border-top:none;
}
.phone .more_phone:hover {
	background-color: #58666E;
	color: #fff;
}
.phone .more_phone:hover a {
	color: #fff;
}
.phone .more_phone:hover a:hover {
	color: #EC3137;
}

.phone:hover .dropdown {
	opacity: 1;
	visibility: visible;
}

.phone .dropdown>.wrap {
	margin-top: 35px;
	background-color: #F8F7F7;
	border-top: 1px solid #f2f2f2;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}