[v-cloak]{display: none;}

.carousel{margin-top:60px;}
.carousel-caption{top:30% !important;}
.carousel-caption .title{font-size:50px;font-weight: bold;}
.carousel-caption .text{font-size:20px;margin-top:20px;}
@media (max-width:786px) {
	.carousel-caption .title{font-size:30px;font-weight: bold;margin-top:30px;}
	.carousel-caption .text{font-size:14px;margin-top:20px;}
	
	
}

.nav a{color:#333 !important}
.nav a:hover{color:#5cb85c !important}

.top-header-box .logo {
	margin-top: 0 !important;
  float: left;
  height:60px;
}
@media screen and (max-width: 768px){
	.mlogin{
		padding:6px;
	}
	nav .lsb{display: none;}
	.carousel .btn {
		display: inline-block;
		font-size: 1.4rem;
		padding: 1rem 3rem;
	}
}


.btn-primary {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.back-to-top {
  display: block;
  position: fixed;
  padding: 1.4rem;
  bottom: 2rem;
  right: 2rem;
  background: #6EB237 !important;
  color: #fff;
  z-index: 999;
  font-size: 1.4rem;
  opacity: 0.9;
}
.back-to-top:hover {
  color: #fff;
  background-color: #6EB237 !important;
  border-color: #6EB237 !important;
}

@media (max-width:768px) {
	.sx-font20{
		font-size:20px !important;
		font-weight: lighter;
	}
	
	.hsbuttom{margin-top:40px!important;}
	.footer{padding:0 ;}
	
	.user{display: none !important;}
	.foot{display: none;}
	
	.top-header-box{background: #FFF;}
	.jdc-side{display: none !important;}
}

@media (min-width:768px) {
	.md-font40{
		font-size:40px !important;
		font-weight: lighter;
	}
	.top-header-box{padding: 0 0 0 10px !important;}
	.user{width:200px;padding:10px 20px;background:#5cb85c; color: #FFF;}
	.navbar-nav{float: right;}
	.foot .w1200{width: 1200px;margin: auto;}
}

a{text-decoration:none !important;}

/* .lsb{width:250px;} */
.lsb .btn.btn-success{color: #FFF !important;}
.lsb .btn.btn-success:hover{color: #5cb85c !important;}
.lsb .btn{padding:5px 20px !important;float: left; margin:15px 15px 15px 0;}

.user img{width: 40px;height: 40px; background: #4CAE4C;display: inline-block;border-radius:50%;float: left;margin-right:10px;}
.user a,.user a:hover{color: #FFF !important;}

nav{height:60px;width: 100% !important;}
/* .navbar-fixed-top{border:0 !important; box-shadow:0px 2px 2px #eee !important;} */

.shopcar{background:#f37b1d; width: 100px;text-align: center;}
.shopcar a,.shopcar a:hover{color: #FFF !important;}

.foot{
	background: #333;
	color: #FFF;
	padding:50px;
}

.foot .tel{font-size:30px;font-weight:bold;}
.foot .ewm{width:150px;height:150px;margin-left:40px; float: left;}
.foot .contact{line-height:24px;}
.copy-right {
	margin-top:0!important;
  background: #333;
  border-top:1px #666 solid;
  line-height:50px;
  text-align: center;
}
.copy-right a {
  color: #888;
  font-size: 13px;
}

.shopcar{position: relative;}
.shopcar .am-badge{position:absolute;top:8px;right: 8px;background-color: #dd514c; border-radius:50%; width:20px;height:20px;}



.oneline{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: 100% !important;
}

.text-center{text-align: center !important;}

#app{width:100%;overflow: hidden !important;}

.alertMsg{position: absolute;width:200px;height:200px;background-color:rgba(0,0,0,0.5);color: #FFF;border-radius:5px;padding:20px;text-align: center;top:400px;left:50%;margin-top:-100px;margin-left:-100px;z-index:9999;}
.alertMsg i{border-radius:50%;color: #FFF;width:60px;height:60px;text-align: center;line-height:60px;font-size:40px;margin:0 0 20px 0;}
.alertMsg i.am-text-danger{background:#dd514c;}	
.alertMsg i.am-text-success{background:#5CB85C;}	


#payBox .am-modal-dialog{width:400px;}
#payBox .am-modal-bd{color: #FFF;}
#payBox .price{font-size:40px;padding:20px 0;font-weight: bold;}
#payBox .price:after{font-size:20px;content: '元';font-weight: normal}
#payBox .alipay{background: #00aeef;}
#payBox .wechat{background: #00A23F;}
#payBox .am-modal-hd{background: #fff;}
#payBox{width: 400px;margin-left: -200px;margin-top: -300px;}
#payBox .price{color: #FFF;}


/* 首页 */
@media (max-width:768px) {
	.w1200{width:100%}
	#swiper-container1 .swiper-slide img{width:290px !important;}
	#swiper-container1 .swiper-slide{margin-top:-30px;} 
	#swiper-container1{margin-top: 14rem ;} 
   .glzs-box .main-title{padding-top: 0;}
	#carousel-id2 h2{text-align: center;font-size:20px;font-weight: bold;}
	.ripple-wrap .ripple-app-one{
		height:30rem;
	}
} 
@media (min-width:786px) {
	.w1200{width:1200px;margin: auto !important;}
}
@media screen and (min-width:768px) and (max-width:1440px){
	#swiper-container1{
		margin-top: 14rem ;
	}
	.ripple-wrap .ripple-app-one{
		height: 30rem;
	}
}