.heart{margin:0 auto;}
.main {width: 100%;max-width: 100%;}
.col-main{padding: 0;}
.main-container,.main.container{padding:0;}
.std ul{padding-left:0;list-style:none;}

.product-label-off{right: 5px;top: 5px;}

.active-banner img{width:100%;}

.active-bg{background:#01a290;padding:50px 0;}
.active-bg .active-tips{background: #ffffff;border: 20px solid #ffd28e;border-radius: 30px;padding: 47px 86px;}
.active-bg .active-tips h1{color: #040404;text-align: center;font-size: 40px;font-family: open_sansbold, Arial;line-height: 40px;}
.active-bg .active-tips h2{color: #040404;font-size: 22px;font-family: open_sansbold, Arial;line-height: 22px;margin: 0 0 7px;}
.active-bg .active-tips p{color: #040404;font-size: 16px;line-height: 30px;}
.active-bg .active-tips p a{text-decoration:underline;}

.active-products h1{background: url(img/title.png?v=1.0);width: 400px;height: 80px;margin: 36px auto;text-align: center;background-size: 100% 100%;line-height: 80px;color: #ffffff;font-family: open_sansbold, Arial;font-size: 34px;text-transform: uppercase;}
.active-products .products{background: #ffffff;border: 20px solid #ffd28e;border-radius: 30px;padding: 20px 20px 10px;}
.active-products .products .row{margin-left: -10px;margin-right: -10px;}
.active-products .products .col-md-3{width:20%;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;}
.active-products .products img{width:100%;padding: 2px;border-radius: 22px 22px 0 0;}
.active-products .products .products-content{background: url(img/border.png?v=1.0);background-size: 100% 100%;position: relative;}
.active-products .products h2{height:42px;overflow:hidden;margin: 5px 10px 10px;}
.active-products .products h2 a{font-size: 14px;line-height: 20px;display: block;}
.active-products .products h2 a:hover{color: #5d2ed1;}
.active-products .products .content-bottom .price-box{float:left;width:50%;}
.active-products .products .content-bottom .buy-btn{float:right;width:50%;}
.active-products .products .content-bottom .price-box{padding: 0 10px 0;position: relative;top: 0;height: 62px;}
.active-products .products .content-bottom .price-box .special-price,.active-products .products .content-bottom .price-box .old-price{display:block;}
.active-products .products .content-bottom .price-box .old-price{padding:10px 0;}
.active-products .products .content-bottom .price-box .special-price .price{color:#ffffff;}
.active-products .products .content-bottom .price-box .old-price .price{color:#ffffff;font-size: 14px;background: #270c0c;border-radius: 20px;padding: 2px 10px;font-family: open_sansregular, Arial;}
.active-products .products .content-bottom .buy-btn{margin: 40px 0 0;}
.active-products .products .content-bottom .buy-btn a{color: #5d2ed1;background: #ffffff;border-radius: 20px;padding: 5px 22px;}

@media (max-width:1699px){
	.active-bg .active-tips h1{font-size: 36px;line-height:36px;}
	.active-bg .active-tips{border: 15px solid #ffd28e;padding: 37px 76px;}
	.active-bg .active-tips h2{font-size:20px;line-height:20px;}
	.active-products .products{border: 15px solid #ffd28e;}
	.active-products h1{width: 350px;height: 70px;line-height: 70px;font-size: 30px;}
	.active-products .products .col-md-3{padding-left: 8px;padding-right: 8px;padding-bottom: 16px;}
	.active-products .products .row {margin-left: -8px;margin-right: -8px;}
	.active-products .products h2{margin: 5px 10px 0;}
	.active-products .products .content-bottom .price-box{top: 5px;height: 57px;}
	.active-products .products .content-bottom .price-box .old-price {padding: 7px 0 10px;}
	.active-products .products .content-bottom .buy-btn a{padding: 2px 15px;}
	.active-products .products .content-bottom .buy-btn {margin: 38px 0 0;}
	.active-products .products{padding: 20px 20px 4px;}
}

@media (max-width:1299px){
	.active-bg .active-tips h1 {font-size: 28px;line-height: 28px;}
	.active-bg .active-tips p{font-size: 14px;line-height: 24px;}
	.active-bg .active-tips h2 {font-size: 18px;line-height: 18px;}
	.active-products h1 {width: 300px;height: 60px;line-height: 60px;font-size: 26px;margin: 26px auto;}
	.active-bg{padding: 30px 0;}
	.active-bg .active-tips{padding: 27px 46px;}
	.active-bg .active-tips,.active-products .products {border: 10px solid #ffd28e;border-radius: 15px;}
	.active-products .products .content-bottom .price-box {top: 7px;height: 52px;}
	.active-products .products .content-bottom .price-box .special-price .price {font-size: 16px;}
	.active-products .products .content-bottom .price-box .old-price .price{border-radius: 10px;padding: 0 7px;}
	.active-products .products .content-bottom .buy-btn{padding-right: 10px;margin: 35px 0 0;}
	.active-products .products .content-bottom .buy-btn a {padding: 0;font-size: 12px;border-radius: 10px;width: 100%;display: block;text-align: center;line-height: 20px;}
	.active-products .products .content-bottom .price-box .old-price{padding: 4px 0 10px;}
	.product-label-off{padding-top: 5px;width: 35px;height: 35px;}
	.product-label span{font-size: 12px;line-height: 12px;}
	.product-label-off i.off-number{font-size: 16px;}
}

@media (max-width:1199px){
	.active-products .products .row {margin-left: -5px;margin-right: -5px;}
	.active-products .products .col-md-3{padding-left: 5px;padding-right: 5px;padding-bottom: 10px;}
	.active-products .products {padding: 20px 20px 10px;}
}

@media (max-width:999px){
	.active-products .products .col-md-3{width:25%;}
	.active-bg .active-tips, .active-products .products {border: 8px solid #ffd28e;border-radius: 10px;}
	.active-bg .active-tips h1 {font-size: 24px;line-height: 24px;}
}

@media (max-width:799px){
	.active-products .products .col-md-3{width:33.3%;}
	.active-bg .active-tips h1 {font-size: 20px;line-height: 20px;}
	.active-bg .active-tips h2 {font-size: 16px;line-height: 16px;}
	.active-bg .active-tips {padding: 20px;}
	.active-products h1 {width: 260px;height: 50px;line-height: 50px;font-size: 22px;margin: 20px auto;}
}

@media (max-width:599px){
	.active-products .products .content-bottom .price-box{padding: 0 5px 0;top: 11px;}
	.active-products .products h2{height:35px;}
	.active-products .products h2 a {font-size: 12px;line-height: 16px;}
	.active-products .products .content-bottom .price-box{margin:5px 0;}
	.active-products .products .content-bottom .buy-btn{margin: 32px 0 0;}
	.active-bg .active-tips{padding: 10px;}
	.active-bg .active-tips p {font-size: 12px;line-height: 18px;}
	.active-bg .active-tips h2 {font-size: 14px;line-height: 14px;margin: 0 0 4px;}
	.active-bg .active-tips h1 {font-size: 16px;line-height: 16px;margin-bottom: 10px;}
	.active-bg {padding: 10px 0;}
}

@media (max-width:549px){
	.active-products .products .col-md-3{width:50%;}
	.active-products .products h2{margin-bottom:15px;}
	.active-products .products .content-bottom .price-box{top: 0;padding: 0 10px;}
	.active-products .products .content-bottom .buy-btn {margin: 25px 0 0;}
}

@media (max-width:499px){
	.active-products .products h2 {margin-bottom: 5px;}
	.active-products .products .content-bottom .price-box{top:5px;}
	.active-products .products .content-bottom .buy-btn {margin: 30px 0 0;}
}

@media (max-width:449px){
	.active-products .products .content-bottom .price-box{top: 9px;padding: 0 5px;}
	.active-products .products h2 {margin-bottom: 0;}
	.active-products .products .content-bottom .buy-btn {margin: 35px 0 0;padding-right: 5px;}
	.active-products .products .content-bottom .buy-btn a{line-height:17px;}
}

@media (max-width:399px){
	.active-products .products {padding: 10px 10px 0;}
	.active-bg .active-tips, .active-products .products {border: 5px solid #ffd28e;border-radius: 10px;}
	.active-products .products .content-bottom .price-box{top: 12px;}
	.active-products h1 {width: 200px;height: 40px;line-height: 40px;font-size: 18px;}
}

@media (max-width:359px){
	.active-products .products {padding: 10px 5px 8px;}
	.active-bg .active-tips, .active-products .products {border: 3px solid #ffd28e;border-radius: 10px;}
	.active-products .products .content-bottom .price-box{top: 12px;}
	.active-products .products .col-md-3 {padding-left: 2px;padding-right: 2px;padding-bottom: 4px;}
	.active-products .products .row {margin-left: -2px;margin-right: -2px;}
	.active-products .products h2 {margin: 1px 10px 0;}
	.active-products .products .content-bottom .price-box .old-price {padding: 0 0 20px;}
	.active-products .products .content-bottom .price-box {top: 18px;margin: 0;height: 58px;}
	.active-products .products .content-bottom .buy-btn{margin: 33px 0 0;}
}