@CHARSET "UTF-8";



@media screen and (max-width:768px){

	html,body{

		width:100%;

		height:100%;

		}



		

	.footer{

		padding-top: 20px;

		

		}

	.btContent{

		width:auto;

		height:auto;

		position:static;

		

		}

		

	.btPrompt{

		width:100%;

		margin-left:-4px;

		height:auto;

		padding-top:100px;	

			}

	.main-nav{

		padding-top:20px;

		

		}

	.btBottom{

		position:static;

		padding-bottom:20px;

		padding-top:60px;

		

		

		}

		

	.top-container .main-nav li{

		padding-top: 10px !important;

		padding-bottom:10px;

		}

		

	.top-container .main-nav li a{

		  padding-bottom:10px;

		   padding-top:10px;

		  padding-right: 10px !important;



		

		}

	.btLeftFrBorder{

		width:100%;

		height:2px;

		margin-top:0px;

		text-align:center;

		margin-top:40px;

		display:none;

		

		}

	.btLeftFrBorder>img{

		

	    transform-origin:center;

		 -webkit-transform-origin:center;

		 -o-transform-origin:center;

		 -moz-transform-origin:center;

		transform:rotate(90deg) translateX(-220px);

		-webkit-transform:rotate(90deg) translateX(-220px);

		-o-transform:rotate(90deg) translateX(-220px);

		-moz-transform:rotate(90deg) translateX(-220px);

		 

		}

		

	.top-container .main-nav{

		

		float:none !important;

		display:inline-block;

	    *display:inline;

		*zoom:1;

		

		}

		

	.top-container .logo{

		display:none;

		

		}

	.top-container{

		display:none;

		

		}

	.top-containerMobile{

		display:block;

		height:60px;

		line-height:60px;

		font-size:18px;

		width:auto;

		vertical-align:middle;

		text-align:left;

		}

	.top-containerMobile img{

		 width:25px;

		 height:25px;

		 vertical-align:middle;

		

		}

		

	 .top-containerMobile a{

		vertical-align:middle;

		 }

		 

		 

    .top{

		 

		 height:60px;

		 background-color:rgb(153,153,153);

		 

		 }

	 .downLoadPageTop{

		 display:none;

		 height:60px;

		 background-color:rgb(153,153,153);

		 

		 }	 

	.contentImg{

		width:100%;

		left:0px;

		right:0px;

		margin:auto;

		

		}

	.lanshaImg{

		text-align:center;

		

		}

	.contentMobileImg{

		text-align:center;

		float:none;

		}

		

	.mobileImg{

		float:none;

		

		}

		

	.mobileCode{

		

		float:none;

		left:0px;

		right:0px;

		margin:auto;

		padding:0px;

		padding-bottom:40px;

		}

	.noticeContent{

		width:100%;

		height:40%;

		padding-left:5%;

		

		}



	#login{ 

	

		z-index:1001;

		left:20px;

		top:20px;

		color:white;

	}

   .loginCon{ 

		position:relative; 

		font-size:18px;

	    height:40px;

		line-height:40px;

		width:180px;

		margin-left:20px;

	

	}

  #close{

	 display:inline-block; 

	  height:100%;

	  }

  .loginCon span{

	  display:inline-block;

	  vertical-align:top;

	  

	  }

   .arrowTopImg{

		padding-top:10px;

		height:100px;

		padding-left:260px;

		

		

		}

	.arrowTopImg img{

		 height:100% !important;

		 width:60% !important;

		 

		 }

	.mathSpot{

		display:inline-block;

		width:30px;

		height:30px;

		line-height:30px;

		text-align:center;

		background-color:#FEC601;

		-webkit-border-radius:50%;

		        border-radius:50%;

		

		

		}

    .noticeFont{

		font-size:20px;

		height:60px;

		line-height:60px;

		padding-left:10px;

		vertical-align:middle;

		}

	.noticeFontImg{

		width:50px;

		height:30px;

		padding:10px;

		vertical-align:middle;

	

		}



	.selectImg{

		width:190px;

		height:40px;

		vertical-align:middle;

		padding:10px;

		}

	

}

/* 2017.7.5 new add */
@media screen and (max-width:376px){
	.bottomImg{
		margin-top: 3%;
	}
}