@charset "UTF-8";

/*========================================================================

  fixmenu

========================================================================*/

@media print,
screen and (min-width: 768px) {
	#MegaMenu_Overlay {
		display: none !important;
	}

	.footer-fixmenu {
		overflow: hidden;
		position: fixed;
		top: 220px;
		right: 0;
		z-index: 1000;
		padding: 7px 7px 34px;
		background: #777;
		transition: all .3s;
		box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2);
	}

	.footer-fixmenu.blue {
		background: rgba(76, 183, 291, 0.7);
	}

	.footer-fixmenu.close {
		right: 70px;
		transform: translateX(100%);
	}

	.footer-fixmenu li {
		overflow: hidden;
		display: flex;
		align-items: center;
		padding: 2px;
		background: #ededed;
	}

	.footer-fixmenu.close li {
		background: #fff;
	}

	.footer-fixmenu li:not(:first-child) {
		margin-top: 5px;
	}

	.footer-fixmenu li a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0 25px 0 80px;
		height: 60px;
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		transition: all .3s;
		white-space: nowrap;
	}

	.footer-fixmenu li a:before {
		font-family: FontAwesome;
		content: '\f0e0';
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
		background: #003568;
		color: #fff;
		border-right: 2px solid #ededed;
		font-size: 34px;
		line-height: 60px;
		text-align: center;
		transition: all .3s;
		font-weight: normal;
	}

	.footer-fixmenu li.menu-search a {
		color: #000000;
	}

	.footer-fixmenu li.menu-search a:before {
		content: '\f002';
		background: #799b3e;
	}

	.footer-fixmenu li a:hover {
		background: #0094dd;
		color: #fff;
		text-decoration: none;
	}

	.footer-fixmenu li.menu-search a:hover {
		background: #799b3e;
	}

	.footer-fixmenu.close li a:hover:before {
		background: #fff;
		color: #0094dd;
	}

	.footer-fixmenu.close li.menu-search a:hover:before {
		color: #000000;
	}

	/* 阿里 开始 */
	.footer-fixmenu li.menu-ali a {
		color: #000000;
	}

	.footer-fixmenu li.menu-ali a:before {
		content: "";
		background: #FF7020;
		background-image: url(../banner/btn_cart.png);
		background-repeat: no-repeat;

	}

	.footer-fixmenu li a:hover {
		background: #0094dd;
		color: #fff;
		text-decoration: none;
	}

	.footer-fixmenu li.menu-ali a:hover {
		background: #FF7020;
	}

	.footer-fixmenu.close li a:hover:before {
		background: #fff;
		color: #0094dd;
	}

	.footer-fixmenu.close li.menu-ali a:hover:before {
		content: "";
		background: #fff;
		background-image: url(/static/index/banner/btn_cart_active.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	/* 询问 开始 */
	.footer-fixmenu li.menu-ask a {
		color: #000000;
	}

	.footer-fixmenu li.menu-ask a:before {
		content: "";
		background: #FF7020;
		background-image: url(../banner/btn_ask.png);
		background-repeat: no-repeat;

	}



	.footer-fixmenu.close li.menu-ask a:hover:before {
		content: "";
		background: #fff;
		background-image: url(../banner/btn_ask_active.png);
		background-repeat: no-repeat;
		background-repeat: no-repeat;
	}

	.footer-fixmenu li a:hover {
		background: #0094dd;
		color: #fff;
		text-decoration: none;
	}

	.footer-fixmenu li.menu-ask a:hover {
		background: #0094DD;
	}

	.footer-fixmenu.close li a:hover:before {
		background: #fff;
		color: #0094dd;
	}

	.footer-fixmenu.close li.menu-ask a:hover:before {
		color: #000000;
	}

	.footer-fixmenu .button {
		position: absolute;
		bottom: 7px;
		left: 0;
		width: 100%;
		height: 20px;
		cursor: pointer;
	}

	.footer-fixmenu .button:after {
		font-family: FontAwesome;
		content: '\f101';
		position: absolute;
		left: 50%;
		transform: translateX(-50%) rotate(0deg);
		width: 20px;
		height: 20px;
		padding-left: 2px;
		background: #fff;
		color: #333;
		font-size: 18px;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		box-sizing: border-box;
		transition: all .3s;
	}

	.footer-fixmenu.blue .button:after {
		color: #0094dd;
	}

	.footer-fixmenu.close .button:after {
		left: 0;
		transform: translateX(25px) rotate(180deg);
	}

	.footer-fixmenu .button:hover:after {
		background: #333;
		color: #fff;
	}

	.footer-fixmenu.blue .button:hover:after {
		background: #0094dd;
	}
}

@media screen and (max-width: 767px) {
	.footer-fixmenu {
		height: 35px;
		font-size: 105%;
	}

	.footer-fixmenu ul {
		display: flex;
		width: 100%;
		position: fixed;
		bottom: 0;
		z-index: 1;
		border-top: 1px solid #fff;
	}

	.footer-fixmenu li {
		width: 33.33%;
		text-align: center;
	}

	.footer-fixmenu li a {
		display: block;
		padding: 8px 0px 8px !important;
		background: #0094dd;
		color: #fff;
		text-decoration: none;
	}

	.footer-fixmenu li.menu-search a {
		background: #799b3e;
	}

	.footer-fixmenu li.menu-contact a {
		background: #003568;
	}


	.footer-fixmenu li.menu-ali a {
		background: #FF7020;
	}

	.footer-fixmenu li a:before {
		font-family: FontAwesome;
		content: '\f0e0';
		margin-right: 10px;
		font-size: 135%;
		font-weight: normal;
	}

	.footer-fixmenu li.menu-search a:before {
		content: '\f002';
	}
}