@charset "utf-8";
@media screen and (max-width: 1200px){
	html,body{
		width: 100%;
		min-width: inherit;
		font-size: 15rem;
	}
	.bux-loading-icon, .bux-loading-erroricon{
		width: 50px;
		height: 50px;
	}
	.bux-loading-title{
		font-size: 18rem;
		line-height: 1;
		padding-top: 3%;
	}
	.bux-topline{
		padding-top: 0px;
		height: 50px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.bux-topline .main{
		height: 100%;
	}
	.bux-logobox{
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		display: flex;
		justify-content: center;
		align-items: center
	}
	.bux-logoicon{
		width: 140px;
		height: 28px;
		background-size: 100% 100%;
		background-position: 0% 0%;
	}
	.bux-logoicon:hover{
		transform: translateY(0%)
	}
	.bux-navicon-menu{
		width: 15%;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
		line-height: 1;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bux-navicon-menu i{
		font-size: 22px;
		color: #ccccdd;
		-webkit-text-stroke-width:0;
	}
	.bux-blackbg{
		height: 100%;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 80;
		display: block;
		background-color: rgba(20,20,20,0.5);
		transition: opacity 0.5s ease-out;
		opacity: 0
	}
	.bux-nav{
		width: 70%;
		height: 100%;
		padding: 0;
		position: fixed;
		left: -70%;
		top: 0;
		z-index: 100;
		background-color: #fff;
		transition: all 0.5s ease-out;
	}
	.bux-nav::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.bux-nav-box{
		padding: 28.57% 0 71.42% 0;
		align-items: flex-start;
		box-sizing: border-box;
		display: block
	}
	.bux-navicon-close{
		width: 21.428%;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
		line-height: 1;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bux-navicon-close i{
		font-size: 22px;
		color: #ccccdd;
		-webkit-text-stroke-width:0;
	}
	.bux-nav-item{
		width: 100%;
		min-height: 40px;
		max-width: none;
		float: none;
		line-height: 40px;
		background-color: transparent;
		vertical-align: top;
		font-size: 16rem;
		flex-shrink: 0;
		padding: 5% 0;
	}
	.bux-nav-item i{
		display: none
	}
	.bux-navtab-linebox{
		width: 3px;
		height: 40px;
		left: 0;
		bottom: auto;
		top: 0;
		display: flex;
		align-items: center
	}
	.bux-navtab-hoverline{
		width: 100%;
		height: 0;
		transition: height 0.5s ease-out;
	}
	.bux-nav-item:hover .bux-navtab-hoverline{
		height: 100%;
	}
	.bux-navtab-first{
		width: 70%;
		height: 40px;
		padding-bottom: 10%;
		padding-left: 30%;
		justify-content: flex-start;
		font-weight: normal
	}
	.bux-navtab-second{
		width: 40%;
		height: auto!important;
		padding-top: 0;
		left: 60%;
		border-radius: 0.3em;
		font-size: 14rem;
		background-color: #fff
	}
	.bux-navtab-second:before{
		display: none
	}
	.bux-nav-item:hover .bux-navtab-second{
		left: 101.428%
	}
	.bux-navtab-second-item{
		padding: 3px 0;
	}
	.bux-navtab-second-hidden{
		display: none
	}

	.bux-sso{
		display: none
	}
	.bux-sso-mobile{
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 10%
	}
	.bux-sso-chat{
		display: none
	}
	.bux-loginbtn{
		margin-top: 12px;
		padding: 5px 8px;
	}
	.bux-regbtn{
		margin-top: 12px;
		padding: 5px 8px;
	}
	.bux-auth-ad{
		display: none;
	}
	.bux-auth-window-box{
		width: 90%;
		height: auto;
		left: 5%;
		margin-top: 0;
	}
	.bux-auth-window{
		height: auto;
		position: relative;
		padding: 52.631% 0;
		margin-top: -52.631%
	}
	.bux-holder{
		height: 50px;
	}
	.bux-content{
		min-height: 500px;
	}
	.bux-footer-box{
		padding:5% 0;
		padding-bottom: 4%;
		margin-top: 6%;
	}
	.bux-footer{
		width: 92%;
	}
	.bux-footer-gotop{
		display: block;
		width: 80%;
		line-height: 1;
		padding: 3%;
		margin: auto;
		margin-top: 4%;
		color: #fff;
		text-align: center;
		border-radius: 0.3em;
	}
	.bux-footer-links{
		float: none;
		width: 100%;
		margin-left: 0;
		padding-bottom: 5%;
	}
	.bux-footer-links ul li{
		display: inline-block;
		float: none;
		width: 100%;
		padding: 0;
	}
	.bux-footer-links ul li::after{
		content: '';
		clear: both
	}
	.bux-footer-links h2{
		width: 96%;
		line-height: 1;
		font-size: 18rem;
		margin: 0;
		padding: 2% 0;
		border-bottom: 1px solid rgba(255,255,255,0.2)
	}
	.bux-footer-links a{
		width: 18%;
		display: inline-block;
		float: left;
		line-height: 1;
		margin:0;
		font-size: 14rem;
		padding: 4.5% 3% 4.5% 0;
	}
	.bux-footer-wechatcode{
		display: none;
	}
	.bux-footer-connect{
		width: 100%;
		margin-left: 0;
		float: none;
		text-align: center
	}
	.bux-footer-connect-tel{
		display: inline-block;
		margin: auto;
		margin-bottom: 2%;
		padding: 5px 0;
		font-size: 24rem;
		border-bottom: none;
	}
	.bux-footer-connect-telicon{
		margin: 0px 10px 0 0;
	}
	.bux-footer-connect-telinfo{
		height: 55px;
		display: inline-block;
		line-height: 1;
		box-sizing: border-box;
		padding: 5px 0;
	}
	.bux-footer-connect-telinfo p{
		line-height: 1;
		padding-bottom: 7px;
	}
	.bux-footer-connect-telinfo b{
		line-height: 1;
		font-size: 24rem;
	}
	.bux-footer-connect-address{
		padding-bottom: 0;
		font-size: 16rem;
		text-align: center
	}
	.bux-footer-connect-address p{
		display: inline;
		margin-bottom: 0;
		font-size: 13rem;
		padding: 0;
	}
	.bux-connectbtn-box{
		width: 12%;
		right: 2%;
		bottom: 10%;
	}
}