/* cart overlay layer */

   

		.shop-wrap {

			width: 100%;

			height: 100%;

			display: none;

			position: absolute;

		}



		.lucency {  

			width: 100%;

			height: 100%;

			position: fixed;

			background: rgba(0, 0, 0, 0.3);

			z-index: 888;

		}



		.shop {

			width: 495px;

			position: fixed;

			background-color: #fff;

			box-shadow: 0 0 8px #ffff;

			z-index: 1700;

			top: 50%;

			left: 50%;

			margin-left: -247.5px;

			margin-top: -153px;

		}



		.shop_head {

			height: 51px;

			border-bottom: 1px solid #eee;

		}



		.shop_head_left {

			height: inherit;

			display: inline-block;

			text-align: left;

			font-size: 18px;

			line-height: 51px;

		}



		.shop_head_left span:before {

			content: '';

			display: inline-block;

			width: 4px;

			height: 24px;

			top: 1px;

			margin-right: 7px;

			background: linear-gradient(#f6752f, #f54d12);

			vertical-align: middle;

		}



		.shop_head_right {

			height: inherit;

			float: right;

			width: 51px;

			text-align: center;

			line-height: 38px;

		}



		.shop_head_right a {

			width: inherit;

			display: inline-block;

			height: inherit;

			font-size: 18px;

		}



		.matter {

			font-size: 0;

			padding-top: 40px;

		}



		.matter_left {

			width: 214px;

			height: 214px;

			text-align: center;

			display: inline-block;

			line-height: 214px;

		}



		.matter_left div {

			width: 162px;

			height: 162px;

			margin: auto;

			display: none;

			text-align: center;

			vertical-align: middle;

			border: 1px solid #eee;

			position: relative;

		}



		.matter_left .on {

			display: block;

		}



		.matter_left div>img {

			width: 150px;

			height: 150px;

			position: absolute;

			top: 50%;

			margin-top: -75px;

			margin-left: -75px;

			display: inline-block;

		}



		.matter_right {

			width: 281px;

			display: inline-block;

			font-size: 18px;

			vertical-align: top;

		}



		.matter_right li {

			vertical-align: middle;

			line-height: 32px;

			box-sizing: border-box;

		}



		.matter_right .li_head {

			font-size: 18px;

		}



		.li_head span {

			font-size: 12px;

			width: 60px;

			display: inline-block;

			text-align: center;

			height: 20px;

			line-height: 20px;

			border: 2px solid #cccccc;

			border-radius: 4px;

		}



		.matter_right li {

			font-size: 12px;

		}



		#price {

			color: red;

			font-size: 16px;

		}



		#price span {

			color: #000;

			font-size: 12px;

		}



		.classify ul,

		.classify ul>li {

			display: inline-block;

		}



		.classify ul>li {

			text-align: center;

			position: relative;

			padding-left: 11px;

    		padding-right: 9px;

			margin-bottom: 5px;

			border: 1px solid #cccccc;

			justify-content: center;

			margin-left: 6px;

			font-size: 14px;

		}



		#submit {

			height: 62px;

			text-align: center;

			position: relative;

			line-height: 68px;

			vertical-align: middle;

		}



		#submit button {  

			width: 120px;

			height: 32px;

			line-height: 0;

			border: 0;

			border-radius: 40px;

			position: absolute;

			left: 50%;

			margin-left: -60px;

			top: 50%;

			margin-top: -16px;

			color: #fff;

			outline: none;

			background: linear-gradient(#f6752f, #f54d12);

		}



		.classify ul>.active {

			border: 2px solid red;

		}



		.classify>ul>li:hover {

			cursor: pointer;

		}

		#submit .gray{

			color: #999999;

			background: linear-gradient(#e2ebf0,#cfd9df);

		}

		.shut{

			margin-top: 9px;

		}