* {
			padding: 0px;
			margin: 0px;
			box-sizing: border-box;
			font-family: none !important;
		}

		a {
			text-decoration: none;
		}

		.app {
			/* background: #000;; */
			background-image: url("../images/index_back.png");
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100%;
		}


		@media screen and (min-width:769px) {
			.hidden-pc {
				display: none !important;
			}

			.container_head {
				width: 1240px;
				margin: 0px auto;
			}

			.logo_head {
				padding: 60px 0px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
			}

			.index_logo {
				width: 470px;
				height: auto;
			}

			.logo_head_search {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 4px;
				overflow: hidden;
				background: #fff;
				border: 1px solid #DDDDDD;
				box-sizing: border-box;
				margin-top: 5px;
			}

			.logo_head_search img {
				width: 40px;
			}

			.logo_head_search_input {
				background: #FFFFFF;
				font-weight: 400;
				font-size: 14px;
				color: #000;
				line-height: 14px;
				padding: 11px 13px;
				width: 240px;
				border: none;
			}

			.logo_head_search_input:focus {
				outline: none;
				border-color: #195482;
			}

			.index_menu {
				/* width: 100%; */
				border-radius: 8px;
				overflow: hidden;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
			}

			.el-dropdown-menu__item,
			.nav_child_item {
				padding-top: 5px !important;
				padding-bottom: 5px !important;
				border-bottom: 1px solid #eee;
			}

			.nav_child_item:hover .nav_child_a {
				color: #3990D3 !important;
			}

			.index_menu_item {
				width: 138px;
				height: 64px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				font-weight: 500;
				font-size: 16px;
				color: #FFFFFF;
				line-height: 16px;
				text-align: center;
				background: #195482;
				cursor: pointer;
			}

			.index_menu_item img {
				width: 22px;
				height: auto;
				margin-right: 10px;
			}

			.login_box {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				width: 280px;
			}

			.login_box_item {
				width: 136px;
				height: auto;
				cursor: pointer;
			}

			.nav_child_item:hover .nav_child_a {
				color: #3990D3 !important;
			}
		}

		@media screen and (max-width: 768px) {
			.app {
				/* background: #000;; */
				background-image: unset !important;
				background-repeat: no-repeat;
				background-position: top;
				background-size: 100%;
				width: 100%;
				max-width: 425px;
				margin: 0px auto;
			}

			.container {
				width: 100% !important;
				max-width: 425px;
				margin: 0px auto;
			}

			.container_head {
				width: 100%;
				max-width: 425px;
				margin: 0px auto;
			}

			.hidden-m {
				display: none !important;
			}

			.container_head {
				background-color: #195482 !important;
				position: sticky;
				top: 0;
				z-index: 9999;
				left: 0;
				right: 0;
				padding: 0px 10px 6px 10px;
			}

			.head_m {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				background-color: #195482;
				/* padding: 5px 15px !important; */
			}

			.index_logo_m {
				width: 200px;
				height: auto;
			}

			.head_m_menu {
				padding: 15px 0px;
			}

			.head_m_item {
				color: #fff !important;
				text-align: center;
			}

			.head_m_item .show {
				background-color: #164B75 !important;
			}

			.head_m_item_a {
				width: 100% !important;
				color: #fff !important;
				text-align: center !important;
				border: none !important;
				display: flex !important;
				flex-direction: row !important;
				justify-content: space-between !important;
				align-items: center !important;
				padding: 15px !important;
				border-radius: 6px 6px 0px 0px !important;
			}

			.head_m_item_ul {
				background-color: #195482 !important;
				color: #fff !important;
				border: none !important;
				margin: 0px !important;
				border-radius: 0px 0px 6px 6px !important;
			}

			.index_m_i_i_a {

				display: flex !important;
				flex-direction: row !important;
				justify-content: space-between !important;
				align-items: center !important;
			}

			.head_m_item_a::after {
				display: inline-block;
				margin-left: .255em;
				vertical-align: .255em;
				content: "";
				border-top: 0.45em solid !important;
				border-right: 0.45em solid transparent !important;
				border-bottom: 0 !important;
				border-left: .45em solid transparent !important;
			}

			.index_m_i_i_a::after {
				display: inline-block;
				margin-left: .255em;
				vertical-align: .255em;
				content: "";
				border-top: .45em solid;
				border-right: .45em solid transparent;
				border-bottom: 0;
				border-left: .45em solid transparent;
				transform: rotate(-90deg);
			}

			.head_m_item_li {
				color: #fff !important;
				padding: 7px 10px;
				/* border-bottom: 1px solid #999; */
			}

			.head_m_item_li a {
				color: #fff !important;
			}

			.logo_head_search {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 4px;
				overflow: hidden;
				background: #fff;
				border: 1px solid #DDDDDD;
				box-sizing: border-box;
				margin: 0px auto;
				/* width: 97%; */
			}

			.logo_head_search>.search {
				width: 100%;
			}

			.logo_head_search_input {
				background: #FFFFFF;
				font-weight: 400;
				font-size: 14px;
				color: #000;
				line-height: 14px;
				padding: 11px 13px;
				width: 240px;
				border: none;
				width: 100%;
			}

			.login_box {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				margin: 10px 0px;
			}

			.login_box a {
				width: 45%;
			}

			.login_box_item {
				width: 100%;
				height: auto;
				cursor: pointer;
			}

		}