/*
* @Author: thomas
* @Date:   2019-03-19 22:13:56
* @Last Modified by:   thomas
* @Last Modified time: 2019-03-26 22:09:19
*/
*{
	font-weight:300;
	font-size:1.6rem;

}


.container{
	font-family: Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
	padding:0;
}

.product-intro-wrap {
	padding: 15px 0 12px 0; }
	.product-intro-wrap a{
		background: url(/newcommunity/Public/Images/sale/open.png) no-repeat right center;
		padding: 0 17px 0 0;
		line-height: 17px;
		color: #ea8e00; 
	}
	.product-intro-wrap a:hover{
		text-decoration: none;
	}


	.product-intro-wrap a.close {
		background: url(/newcommunity/Public/Images/sale/close.png) no-repeat right center; 
		float:left;
	}

	.show-product-info {
		display: block; }

		.hide-product-info {
			display: none; 
		}



		.panel-body {
			background-color: #fff !important;
			margin:0 auto;
			width:83%;
		}
		footer{
			margin-top:0px;
		}
		.bgcolor{
			background-color: #e6dfcf !important;
			width: 100%;
			height: auto;
		}
		.row{
			margin:0;
		}
		.pcenter{
			margin:0 auto;
			float:none;
		}
		.text-center{text-align: center;}
		.menubar{
			font-size: 2rem;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			line-height: 3rem;
			background-color: #8fc31f;
			border-radius: 0.8rem;
			width:20rem;
			margin:1rem;
			border:none;
			color:#fff;

		}

		.menubar.active, .menubar:active{
			background-color:#8fc31f !important ;
			border:none;
		}

		.lead {
			line-height: 3rem;
			color: #744531;
			padding: 0 0 3rem 0; 
			margin-top:3rem;
			text-align: left;

		}
		.fcolor{
			color:#fe7a89;
			font-size:3rem;
			font-weight: bold;
			margin-bottom:3rem;
		}
		.btn-primary:hover{
			background-color:#fe7a89;
		}


		.clr-orange, .product-intro-wrap a {
			color: #fe7a89; 
			font-size: 1.5rem;


		}


		.col-md-12{
			padding:0;
		}

		.promocode {
			padding: 0.5rem 0 0.5rem 0;
			float: left;
			width: 15rem;
			line-height: 3rem;
			font-weight: bold;
			color: #fff;
			text-align: center;
			background-color:#3A9767;
			position: absolute;
			right: -3px;
		}

		.list-item-lhs {
			float: left;
			width: 10rem; 
			margin:2rem 2rem 0rem 0rem;
		}
		.list-item-lhs .item-image {
			width: 10rem;
			height: 12rem;
			background: #fff;
			text-align: center; 
		}
		.list-item-rhs {
			margin:1.5rem 0px 0px 0px;
			overflow: auto;
		}
		.item-image img{
			width:10rem;
		}

		.list-item-lhs .item-price {
			float: left;
			width: 10rem;
			height: 3rem;
			line-height: 3rem;
			font-size: 1.5rem;
			color: #fff;
			background: #8fc31f;
			text-align: center; 
			font-weight: bold;
		}
		.bggray{
			background-color: #eaeaea;
			margin-bottom: 2rem;
		}
		p{
			margin:0;
		}


		@media(max-width:1020px) {
			.promocode{
				float: left;
				width: 10rem;
				line-height: 2rem;
				font-weight: bold;
				color: #fff;
				font-size:1.2rem;
				text-align: center;
				background-color: #3A9767;
				position: absolute;
				top:16rem;
				left:1.5rem;
			}

			.product-desc span{font-size:1.2rem;}
			.product-desc p,strike,strong{clear:both;font-size:1.2rem;}
			.product-desc{margin-top:0rem;}
			.product-intro-wrap {padding:0;}
			.clr-dark{
				font-size:1.2rem !important;
			}
			.clr-orange, .product-intro-wrap a{font-size:1.2rem;}
			.clr-dark{height:5.2rem;overflow-y:auto;display: block;}

			
			.table td a{
				font-size:1.2rem !important;
			}
			.table td{
				font-size:1.3rem !important;
			}
			.table th{
				font-size:1.4rem !important;
			}
			
		}
		.txtfont {
			line-height: 3rem;
			color: #744531;
			margin-top: 2rem 0rem 2rem 0;
			font-weight:300;
			margin-bottom:1rem;
		}

		.footer-inner {
			background: #c5c5c5;
			line-height: 2rem;
			color: #4c4c4c;
			margin:0 auto;
			padding: 2rem;
			width:85%;
			font-size:1.2rem;
		}
		.footer-inner li{
			list-style: none;
			font-size:1.2rem;
		}

		.panel-body {
			background-color: #fff !important;
			margin:0 auto;
			width:85%;
		}

		.table th {
			word-break: break-all;
			word-wrap: break-word;
			border-left: 1.5px solid #fe7a89;
		}
		.table>thead>tr>th{
			border-bottom:none;
		}
		.table td {
			word-break: break-all;
			word-wrap: break-word;
			border-left: 1.5px solid #fe7a89;

		}
		.table tr th:first-child{

			border-left: 0 ;

		}
		.table{
			margin:1rem 0 0 0;
		}

		.close:focus, .close:hover{
			color:#fe7a89 !important;
		}
		.clr-dark{
			font-size:1.4rem;
			color:#744531;
		}
		.strong{font-weight: bold;font-size: 85%}
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
			border-top: none;
		}
		.table th{
			font-weight:bold;
		}
		.tbl-info{margin-bottom: 3rem;}
		.M2{margin-bottom: 3rem;}

		.f12{
			font-size: 1.2rem;
		}
		.f24{
			font-size:2.4rem;
		}
		.f16{
			font-size:1.6rem;
			font-weight: bold;
		}
		.f161{
			font-size:1.6rem;
		}
		.f20{
			font-size:2rem;
		}
		.cfe7a89{
			color:#fe7a89;
		}
		.color_g{
			color:#744531;
		}
		.topnav a{font-size:1.5rem;}
		.footerCopy{

			font-size:1.3rem;}
			.bottomnav a{font-size:1.3rem;}
