@media screen and (max-width: 768px) {
	body {
		background: #F6F6F6 !important;
	}

	.page {
		padding-top: 50px;
		background: #fff;
	}

	.webNav {
		display: none;
	}

	.mobileLogo {
		height: 50px;
		padding-left: 15px;
	}

	.mobileLogo img {
		width: auto;
		height: 30px;
	}

	.navbar {
		margin-bottom: 0 !important;
	}

	.navbar-fixed-top .navbar-collapse {
		max-height: 440px !important;
		background: #fff !important;
	}

	/*底部start*/
	.footer_bg {
		background: #22272D;
	}

	.footer_contact_tips {
		font-size: 0.5rem;
	}

	.footer_contact_btn {
		width: 180px;
		height: 40px;
		line-height: 40px;
		border: 1px solid #fff;
		margin: 30px auto 0 auto;
	}

	.footer_1st {
		border-bottom: 1px solid #393D42;
		box-sizing: border-box;
	}

	.footer_1st_icon {
		line-height: 19px;
		font-size: 13px;
		margin: 26px 0;
		color: #fff;
		padding-left: 55px;
		position: relative;
	}

	.footer_1st_icon:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: '';
		width: 45px;
		height: 39px;
	}

	.footer_2nd {
		padding: 30px 0;
		border-bottom: 1px solid #393D42;
		box-sizing: border-box;
		color: #fff;
		font-size: 14px;
		flex-wrap: wrap;
	}

	.footer_2nd .left .li {
		font-size: 15px;
		margin-bottom: 20px;
		padding: 0 10px;
		min-width: 50%;
	}

	.footer_ul {
		color: #cccccc;
		font-size: 14px;
		line-height: 30px;
		margin-top: 15px
	}

	.footer_ul a {
		color: #cccccc !important;
		line-height: 30px;
	}

	.contact_icon {
		width: 40px;
		height: 30px;
		position: relative;
		margin-bottom: 5px;
	}

	.contact_icon:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		content: '';
	}

	/*.weibo_icon:after{*/
	/*    background: url(../images/home_icon_weibo_nor.png) no-repeat center;*/
	/*    background-size: 24px 20px;*/
	/*}*/
	/*.wechat_icon:after{*/
	/*    background: url(../images/home_icon_weixin_nor.png) no-repeat center;*/
	/*    background-size: 21px 23px;*/
	/*}*/
	/*.qq_icon:after{*/
	/*    background: url(../images/home_icon_qq_nor.png) no-repeat center;*/
	/*    background-size: 26px 21px;*/
	/*}*/
	.footer_2nd .right .left {
		line-height: 30px;
		font-size: 13px;
		color: #cccccc;
	}

	.footer_2nd .right .right {
		/*margin-left:150px;*/
		text-align: center;
		font-size: 13px;
		line-height: 40px;
		color: #cccccc;
	}

	.footer_2nd .right {
		margin: auto;
		padding-top: 10px;
		line-height: 30px;
	}

	.footer_2nd .right>.right:first-child img {
		width: 95px;
		height: 95px;
		vertical-align: middle;
	}

	.footer_2nd .right>.right:last-child img {
		width: 75px;
		height: auto;
		vertical-align: middle;
	}

	.footer_2nd .right>.right,
	.footer_2nd .right>.right a {
		color: #cccccc !important;
	}

	.service_phone {
		width: 200px;
		background: #DA2836;
		height: 40px;
		border-radius: 3px;
		text-align: center;
		padding: 5px 0;
		box-sizing: border-box;
		margin-top: 10px;
		color: #fff;
	}

	.footer_3rd {
		padding: 20px 10px;
		font-size: 14px;
		color: #fff;
		text-align: center;
	}

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

	/*底部end*/
	/*在线客服 start*/
	.serve {
		position: fixed;
		width: 80px;
		bottom: 60px;
		right: 0;
		box-shadow: 0px 8px 18px 0px rgba(253, 30, 0, 0.24);
		background: #FD1E00;
		height: 40px;
		line-height: 40px;
		z-index: 99;
		color: #fff;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		cursor: pointer;
	}

	/*在线客服 end*/
	.navbar-default {
		background-color: #DA2735 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		/* background-color: #FD1E00 !important; */
		background-color: #fff !important;
	}

	.navbar-default .navbar-toggle {
		border: none !important;
	}

	.overH {
		overflow: hidden;
	}

	.mobileRoomTab {
		line-height: 40px;
		background: #f5f5f5;
		border-bottom: 1px solid #f4f4f4;
	}

	.joinBox {
		width: 100%;
		flex-wrap: wrap;
	}

	.joinBox .box {
		margin-bottom: 20px;
	}

	.joinBox .box:last-child {
		margin-bottom: 0;
	}

	.TplFloatSet {
		position: fixed;
		bottom: 120px;
		right: 0;
		z-index: 9999;
		cursor: pointer;
	}

	.cookiesBox .cookiesCon .tips {
		width: 100%;
	}

	.cookiesBox .cookiesCon .btnGroup {
		margin-top: 10px;
	}

	.newSoluBox {
		width: 50% important !;
	}

	.off {
		width: 50% important !;
	}

	.on {
		width: 50% important !;
	}

	.fixedClass {
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99;
	}

	.mbSearch {
		width: 32px;
		height: 32px;
		background: url(../image/m_search2.png) no-repeat center;
		background-size: 22px
	}

	.navbar-fixed-bottom,
	.navbar-fixed-top {
		z-index: 1008610001 !important
	}
	.mbLayerBg{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 1008610000;
		display: none;
	}
	.mbShow{
		display: block;
		opacity: 0;
		animation: mbMove .3s linear forwards;
	}
	@keyframes mbMove{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	.mbLayer {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.9);
		z-index: 1
	}
	.mbsBox{
		background: #fff;
		width: 100%;
		margin-top: 50px;
		height: 80px;
		z-index: 2;
		position: relative;
	}
}