@media screen and (max-width: 1180px){
	#header{
		width:100%;
		padding:20px 3%;
		box-sizing:border-box;
		display:inline-block;
		position:relative;
		z-index:99;
		background:#111;
	}


	#header .logo{
		width:130px;
		display:inline-block;
		vertical-align:middle;
	}



	#header .logo img{
		width:100%;
	}

	#header .menu{
		display:inline-block;
		position:absolute;
		left:50%;
		transform:translate(-50%, -50%);
		top:50%;
		display:none;
	}



	#header .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		color:#c1c1c1;
		margin-left:80px;
	}
	#header .menu li a{
		color:#c1c1c1;
	}
	#header .menu li:first-child{
		margin-left:0px;
	}

	#header .rtMenu{
		display:inline-block;
		vertical-align:middle;
		float:Right;
		margin-top:10px;
	}

	#header .rtMenu .point{
		display:inline-block;
		vertical-align:middle;
	}


	#header .rtMenu .point .ico{
		display:inline-block;
		vertical-align:middle;
		width:30px;
	}

	#header .rtMenu .point .ico img{
		width:100%;
	}


	#header .rtMenu .point .tx{
		display:inline-block;
		vertical-align:middle;
		font-size:15px;
		color:#d9d9d9;
		margin-left:5px;
	}

	#header .rtMenu .setMenu{
		display:inline-block;
		vertical-align:middle;
	}

	#header .rtMenu .setMenu li{
		display:inline-block;
		vertical-align:middle;
		margin-left:25px;
		position:relative;
	}

	#header .rtMenu .setMenu li img{
		height:30px;
	}


	#header .rtMenu .setMenu li .new{
		position:absolute;
		width:8px;
		height:8px;
		border-radius:100%;
		background:#d30000;
		right:2px;
		top:2px;
	}



	#header .moMenu{
		display:flex;
		width:100%;
		margin-top:20px;
		border:1px solid #444;
	}

	#header .moMenu li{
		width:100%;
		padding:20px 0px;
		text-align:center;
		font-size:15px;
		color:#fff;
		border-right:1px solid #444;
	}

	#header .moMenu li a{

		color:#fff;
	}

	#header .moMenu lif:last-child{
		border-right:0px solid #444;
	}



	#footer{
		width:100%;
		background:#191919;
	}

	#footer .arlA{
		width:100%;
		padding:20px 3%;
		text-align:Center;
		border-bottom:1px solid #444;
		box-sizing:border-box;
	}


	#footer .arlA .arlIco{
		width:40px;
		display:block;
		vertical-align:middle;
		margin:0 auto;
	}

	#footer .arlA .arlIco img{
		width:100%;
	}


	#footer .arlA .tx{
		display:block;
		vertical-align:middle;
		font-size:13px;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		line-height:22px;
	}

	#footer .copyA{
		width:100%;
		display:block;
		padding:20px 3%;
		box-sizing:border-box;
	}

	#footer .copyA .info{
		width:100%;
		color:#777;
		font-size:14px;
		line-height:22px;
	}

	#footer .copyA .footMenu{
		width:100%;
		color:#777;
		text-align:left;
		margin-top:30px;
	}


	#footer .copyA .footMenu li{
		font-size:14px;
		color:#777;
		display:inline-block;
		margin-left:20px;
	}


	#footer .copyA .footMenu li a{
		color:#777;
	}





	.popup{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.3);
		left:0;
		top:0;
		display:none;
	}

	.popup .inner{
		width:90%;
		background:#000;
		position:fixed;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		max-height:94%;
		padding:30px;
		box-sizing:Border-box;
		border-radius:30px;

	}



	.popup .inner .subjLine{
		width:100%;
		display:inline-block;
	}


	.popup .inner .subjLine .subj{
		font-size:30px;
		display:inline-block;
		margin-top:10px;
		color:#c1c1c1
	}

	.popup .inner .subjLine .close{
		width:20px;
		display:inline-block;
		float:Right;
		cursor:pointer;
		margin-top:10px;
	}


	.popup .inner .subjLine .close img{
		width:100%;
	}






	.popup .inner .ctTx{
		width:100%;
		border:1px solid #444;
		padding:20px;
		box-sizing:border-box;
		font-size:15px;
		color:#777;
		margin-top:20px;
		min-height:300px;
		color:#999;
	}


	.popup .inner .ctTx::-webkit-scrollbar {
		width: 3px;
	}
	.popup .inner .ctTx::-webkit-scrollbar-track {
		background-color: #fff;
	}

	.popup .inner .ctTx::-webkit-scrollbar-thumb{
		background: #fff;
	}

	.popup .inner .ctTx::-webkit-scrollbar-button{
		display: none;
	}






	.keycolor{
		color:#EC004C !important
	}


}



@media screen and (max-width: 767px){
	#header{
		width:100%;
		padding:5px 0 0;
		box-sizing:border-box;
		display:inline-block;
		position:relative;
		z-index:99;
		background:#111;
	}


	#header .logo{
		width:100px;
		display:inline-block;
		vertical-align:middle;
	}



	#header .logo img{
		width:100%;
	}

	#header .menu{
		display:inline-block;
		position:absolute;
		left:50%;
		transform:translate(-50%, -50%);
		top:50%;
		display:none;
	}



	#header .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		color:#c1c1c1;
		margin-left:80px;
	}
	#header .menu li a{
		color:#c1c1c1;
	}
	#header .menu li:first-child{
		margin-left:0px;
	}

	#header .rtMenu{
		display:inline-block;
		vertical-align:middle;
		float:Right;
		margin-top:10px;
		margin-right:3%;
	}

	#header .rtMenu .point{
		display:inline-block;
		vertical-align:middle;
		/*display:none;*/
	}


	#header .rtMenu .point .ico{
		display:inline-block;
		vertical-align:middle;
		width:25px;
	}

	#header .rtMenu .point .ico img{
		width:100%;
	}


	#header .rtMenu .point .tx{
		display:inline-block;
		vertical-align:middle;
		font-size:15px;
		color:#d9d9d9;
		margin-left:5px;
	}

	#header .rtMenu .setMenu{
		display:inline-block;
		vertical-align:middle;

	}

	#header .rtMenu .setMenu li{
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		position:relative;
	}

	#header .rtMenu .setMenu li img{
		height:20px;
	}


	#header .rtMenu .setMenu li .new{
		position:absolute;
		width:8px;
		height:8px;
		border-radius:100%;
		background:#d30000;
		right:2px;
		top:2px;
	}



	#header .moMenu{
		display:flex;
		width:100%;
		margin-top:5px;
		border:1px solid #444;
	}

	#header .moMenu li{
		width:100%;
		padding:10px 0px;
		text-align:center;
		font-size:12px;
		color:#fff;
		border-right:1px solid #444;
		position:relative;
	}

	#header .moMenu li .new{
		position:absolute;
		width:8px;
		height:8px;
		border-radius:100%;
		background:#d30000;
		right:26px;
		top:6px;
		display:none;
	}

	#header .moMenu li.on{
		width:100%;
		padding:10px 0px;
		text-align:center;
		font-size:14px;
		font-weight: bold;
		color:#fff;
		border-right:1px solid #444;
	}

	#header .moMenu li a{

		color:#fff;
	}

	#header .moMenu lif:last-child{
		border-right:0px solid #444;
	}



	#footer{
		width:100%;
		background:#191919;
	}

	#footer .arlA{
		width:100%;
		padding:20px 3%;
		text-align:Center;
		border-bottom:1px solid #444;
		box-sizing:border-box;
	}


	#footer .arlA .arlIco{
		width:40px;
		display:block;
		vertical-align:middle;
		margin:0 auto;
	}

	#footer .arlA .arlIco img{
		width:100%;
	}


	#footer .arlA .tx{
		display:block;
		vertical-align:middle;
		font-size:12px;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		line-height:20px;
	}

	#footer .copyA{
		width:100%;
		display:block;
		padding:20px 3%;
		box-sizing:border-box;
	}

	#footer .copyA .info{
		width:100%;
		color:#777;
		font-size:12px;
		line-height:22px;
		text-align:Center;
		word-break:keep-all;
	}

	#footer .copyA .footMenu{
		width:100%;
		color:#777;
		text-align:center;
		margin-top:30px;
	}


	#footer .copyA .footMenu li{
		font-size:14px;
		color:#777;
		display:inline-block;
		margin-left:20px;
	}


	#footer .copyA .footMenu li a{
		color:#777;
	}





	.popup{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.3);
		left:0;
		top:0;
		display:none;
	}

	.popup .inner{
		width:95%;
		background:#000;
		position:fixed;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		max-height:94%;
		padding:10px;
		box-sizing:Border-box;
		border-radius:30px;

	}



	.popup .inner .subjLine{
		width:100%;
		display:inline-block;
	}


	.popup .inner .subjLine .subj{
		font-size:20px;
		display:inline-block;
		margin-top:10px;
		color:#c1c1c1
	}

	.popup .inner .subjLine .close{
		width:20px;
		display:inline-block;
		float:Right;
		cursor:pointer;
		margin-top:10px;
	}


	.popup .inner .subjLine .close img{
		width:100%;
	}






	.popup .inner .ctTx{
		width:100%;
		border:1px solid #444;
		padding:10px;
		box-sizing:border-box;
		font-size:15px;
		color:#777;
		margin-top:20px;
		min-height:300px;
		color:#999;
	}


	.popup .inner .ctTx::-webkit-scrollbar {
		width: 3px;
	}
	.popup .inner .ctTx::-webkit-scrollbar-track {
		background-color: #fff;
	}

	.popup .inner .ctTx::-webkit-scrollbar-thumb{
		background: #fff;
	}

	.popup .inner .ctTx::-webkit-scrollbar-button{
		display: none;
	}






	.keycolor{
		color:#EC004C !important
	}


}

































